diff --git a/services/web/.eslintrc.js b/services/web/.eslintrc.js
index 9bc1656822..0aefd86d0c 100644
--- a/services/web/.eslintrc.js
+++ b/services/web/.eslintrc.js
@@ -195,9 +195,6 @@ module.exports = {
         $: true,
         angular: true,
         ga: true,
-        // Injected in layout.pug
-        user_id: true,
-        ExposedSettings: true,
       },
       rules: {
         // TODO: remove once https://github.com/standard/eslint-config-standard-react/issues/68 (support eslint@8) is fixed.
diff --git a/services/web/.storybook/preview.tsx b/services/web/.storybook/preview.tsx
index 39d5913ba3..6975503524 100644
--- a/services/web/.storybook/preview.tsx
+++ b/services/web/.storybook/preview.tsx
@@ -9,11 +9,82 @@ import i18n from 'i18next'
 import { initReactI18next } from 'react-i18next'
 // @ts-ignore
 import en from '../../../services/web/locales/en.json'
-import { ExposedSettings } from '../types/exposed-settings'
-import { User } from '../types/user'
 
-window.i18n = window.i18n || {}
-window.i18n.currentLangCode = window.i18n.currentLangCode || 'en'
+function resetMeta() {
+  window.metaAttributesCache = new Map()
+  window.metaAttributesCache.set('ol-i18n', { currentLangCode: 'en' })
+  window.metaAttributesCache.set('ol-ExposedSettings', {
+    adminEmail: 'placeholder@example.com',
+    appName: 'Overleaf',
+    cookieDomain: '.overleaf.stories',
+    dropboxAppName: 'Overleaf-Stories',
+    emailConfirmationDisabled: false,
+    enableSubscriptions: true,
+    hasAffiliationsFeature: false,
+    hasLinkUrlFeature: true,
+    hasLinkedProjectFileFeature: true,
+    hasLinkedProjectOutputFileFeature: true,
+    hasSamlFeature: true,
+    ieeeBrandId: 15,
+    isOverleaf: true,
+    labsEnabled: true,
+    maxEntitiesPerProject: 10,
+    maxUploadSize: 5 * 1024 * 1024,
+    recaptchaDisabled: {
+      invite: true,
+      login: true,
+      passwordReset: true,
+      register: true,
+      addEmail: true,
+    },
+    sentryAllowedOriginRegex: '',
+    siteUrl: 'http://localhost',
+    templateLinks: [],
+    textExtensions: [
+      'tex',
+      'latex',
+      'sty',
+      'cls',
+      'bst',
+      'bib',
+      'bibtex',
+      'txt',
+      'tikz',
+      'mtx',
+      'rtex',
+      'md',
+      'asy',
+      'lbx',
+      'bbx',
+      'cbx',
+      'm',
+      'lco',
+      'dtx',
+      'ins',
+      'ist',
+      'def',
+      'clo',
+      'ldf',
+      'rmd',
+      'lua',
+      'gv',
+      'mf',
+      'lhs',
+      'mk',
+      'xmpdata',
+      'cfg',
+      'rnw',
+      'ltx',
+      'inc',
+    ],
+    editableFilenames: ['latexmkrc', '.latexmkrc', 'makefile', 'gnumakefile'],
+    validRootDocExtensions: ['tex', 'Rtex', 'ltx', 'Rnw'],
+    fileIgnorePattern:
+      '**/{{__MACOSX,.git,.texpadtmp,.R}{,/**},.!(latexmkrc),*.{dvi,aux,log,toc,out,pdfsync,synctex,synctex(busy),fdb_latexmk,fls,nlo,ind,glo,gls,glg,bbl,blg,doc,docx,gz,swp}}',
+    projectUploadTimeout: 12000,
+  })
+}
+
 i18n.use(initReactI18next).init({
   lng: 'en',
 
@@ -41,10 +112,6 @@ i18n.use(initReactI18next).init({
   },
 })
 
-// avoid some errors by creating these objects in advance
-window.user = {} as User
-window.ExposedSettings = {} as ExposedSettings
-
 const preview: Preview = {
   parameters: {
     // Automatically mark prop-types like onClick, onToggle, etc as Storybook
@@ -98,6 +165,8 @@ const preview: Preview = {
         ? bootstrap5Style
         : bootstrap3Style
 
+      resetMeta()
+
       return (
         <>
           {activeStyle && <style>{activeStyle.default}</style>}
@@ -109,3 +178,6 @@ const preview: Preview = {
 }
 
 export default preview
+
+// Populate meta for top-level access in modules on import
+resetMeta()
diff --git a/services/web/app/src/infrastructure/ExpressLocals.js b/services/web/app/src/infrastructure/ExpressLocals.js
index cdfa08df84..c7dcb9eebb 100644
--- a/services/web/app/src/infrastructure/ExpressLocals.js
+++ b/services/web/app/src/infrastructure/ExpressLocals.js
@@ -18,6 +18,10 @@ const {
 const {
   addOptionalCleanupHandlerAfterDrainingConnections,
 } = require('./GracefulShutdown')
+const { expressify } = require('@overleaf/promise-utils')
+const {
+  loadAssignmentsInLocals,
+} = require('../Features/SplitTests/SplitTestMiddleware')
 
 const IEEE_BRAND_ID = Settings.ieeeBrandId
 
@@ -76,6 +80,10 @@ function getWebpackAssets(entrypoint, section) {
 }
 
 module.exports = function (webRouter, privateApiRouter, publicApiRouter) {
+  webRouter.use(
+    expressify(loadAssignmentsInLocals(['remove-window-attributes']))
+  )
+
   if (process.env.NODE_ENV === 'development') {
     // In the dev-env, delay requests until we fetched the manifest once.
     webRouter.use(function (req, res, next) {
diff --git a/services/web/app/views/project/editor/meta.pug b/services/web/app/views/project/editor/meta.pug
index 3210d65537..5a5ecd8ff8 100644
--- a/services/web/app/views/project/editor/meta.pug
+++ b/services/web/app/views/project/editor/meta.pug
@@ -39,9 +39,6 @@ meta(name="ol-projectTags" data-type="json" content=projectTags)
 meta(name="ol-loadingText", data-type="string" content=translate("loading"))
 meta(name="ol-translationLoadErrorMessage", data-type="string" content=translate("could_not_load_translations"))
 
-- var fileActionI18n = ['edited', 'renamed', 'created', 'deleted'].reduce((acc, i) => {acc[i] = translate('file_action_' + i); return acc}, {})
-meta(name="ol-fileActionI18n" data-type="json" content=fileActionI18n)
-
 if (settings.overleaf != null)
 	meta(name="ol-overallThemes" data-type="json" content=overallThemes)
 
diff --git a/services/web/cypress/support/component.ts b/services/web/cypress/support/component.ts
index 704458cb2b..0f246c392a 100644
--- a/services/web/cypress/support/component.ts
+++ b/services/web/cypress/support/component.ts
@@ -1,19 +1,11 @@
 import 'cypress-plugin-tab'
 import '../../frontend/stylesheets/main-style.less'
-import './ct/window' // needs to be before i18n
+import { resetMeta } from './ct/window' // needs to be before i18n
 import '../../frontend/js/i18n'
 import './shared/commands'
 import './shared/exceptions'
 import './ct/commands'
 
 beforeEach(function () {
-  cy.window().then(win => {
-    win.metaAttributesCache = new Map()
-  })
-})
-
-afterEach(function () {
-  cy.window().then(win => {
-    win.metaAttributesCache?.clear()
-  })
+  resetMeta()
 })
diff --git a/services/web/cypress/support/ct/window.ts b/services/web/cypress/support/ct/window.ts
index fcdcc79479..ae2a194bc1 100644
--- a/services/web/cypress/support/ct/window.ts
+++ b/services/web/cypress/support/ct/window.ts
@@ -1,10 +1,16 @@
-window.i18n = { currentLangCode: 'en' }
-window.ExposedSettings = {
-  appName: 'Overleaf',
-  validRootDocExtensions: ['tex', 'Rtex', 'ltx', 'Rnw'],
-  fileIgnorePattern:
-    '**/{{__MACOSX,.git,.texpadtmp,.R}{,/**},.!(latexmkrc),*.{dvi,aux,log,toc,out,pdfsync,synctex,synctex(busy),fdb_latexmk,fls,nlo,ind,glo,gls,glg,bbl,blg,doc,docx,gz,swp}}',
-  hasLinkedProjectFileFeature: true,
-  hasLinkedProjectOutputFileFeature: true,
-  hasLinkUrlFeature: true,
-} as typeof window.ExposedSettings
+export function resetMeta() {
+  window.metaAttributesCache = new Map()
+  window.metaAttributesCache.set('ol-i18n', { currentLangCode: 'en' })
+  window.metaAttributesCache.set('ol-ExposedSettings', {
+    appName: 'Overleaf',
+    validRootDocExtensions: ['tex', 'Rtex', 'ltx', 'Rnw'],
+    fileIgnorePattern:
+      '**/{{__MACOSX,.git,.texpadtmp,.R}{,/**},.!(latexmkrc),*.{dvi,aux,log,toc,out,pdfsync,synctex,synctex(busy),fdb_latexmk,fls,nlo,ind,glo,gls,glg,bbl,blg,doc,docx,gz,swp}}',
+    hasLinkedProjectFileFeature: true,
+    hasLinkedProjectOutputFileFeature: true,
+    hasLinkUrlFeature: true,
+  })
+}
+
+// Populate meta for top-level access in modules on import
+resetMeta()
diff --git a/services/web/frontend/js/features/cookie-banner/index.js b/services/web/frontend/js/features/cookie-banner/index.js
index afd48f2787..a22046a08d 100644
--- a/services/web/frontend/js/features/cookie-banner/index.js
+++ b/services/web/frontend/js/features/cookie-banner/index.js
@@ -1,3 +1,5 @@
+import getMeta from '@/utils/meta'
+
 function loadGA() {
   if (window.olLoadGA) {
     window.olLoadGA()
@@ -6,7 +8,7 @@ function loadGA() {
 
 function setConsent(value) {
   document.querySelector('.cookie-banner').classList.add('hidden')
-  const cookieDomain = window.ExposedSettings.cookieDomain
+  const cookieDomain = getMeta('ol-ExposedSettings').cookieDomain
   const oneYearInSeconds = 60 * 60 * 24 * 365
   const cookieAttributes =
     '; path=/' +
@@ -23,7 +25,10 @@ function setConsent(value) {
   }
 }
 
-if (window.ExposedSettings.gaToken || window.ExposedSettings.gaTokenV4) {
+if (
+  getMeta('ol-ExposedSettings').gaToken ||
+  getMeta('ol-ExposedSettings').gaTokenV4
+) {
   document
     .querySelectorAll('[data-ol-cookie-banner-set-consent]')
     .forEach(el => {
diff --git a/services/web/frontend/js/features/editor-left-menu/components/actions-menu.tsx b/services/web/frontend/js/features/editor-left-menu/components/actions-menu.tsx
index b94a11f15b..65d53a557d 100644
--- a/services/web/frontend/js/features/editor-left-menu/components/actions-menu.tsx
+++ b/services/web/frontend/js/features/editor-left-menu/components/actions-menu.tsx
@@ -12,9 +12,9 @@ const components = importOverleafModules('editorLeftMenuManageTemplate') as {
 
 export default function ActionsMenu() {
   const { t } = useTranslation()
-  const anonymous = getMeta('ol-anonymous') as boolean | undefined
+  const anonymous = getMeta('ol-anonymous')
 
-  if (anonymous === true || anonymous === undefined) {
+  if (anonymous) {
     return null
   }
 
diff --git a/services/web/frontend/js/features/editor-left-menu/components/help-menu.tsx b/services/web/frontend/js/features/editor-left-menu/components/help-menu.tsx
index d5c34e7abd..ceb64d1857 100644
--- a/services/web/frontend/js/features/editor-left-menu/components/help-menu.tsx
+++ b/services/web/frontend/js/features/editor-left-menu/components/help-menu.tsx
@@ -6,7 +6,7 @@ import HelpShowHotkeys from './help-show-hotkeys'
 
 export default function HelpMenu() {
   const { t } = useTranslation()
-  const showSupport = getMeta('ol-showSupport') as boolean | undefined
+  const showSupport = getMeta('ol-showSupport')
 
   return (
     <>
diff --git a/services/web/frontend/js/features/editor-left-menu/components/settings-menu.tsx b/services/web/frontend/js/features/editor-left-menu/components/settings-menu.tsx
index 5504419e2f..42c930cb40 100644
--- a/services/web/frontend/js/features/editor-left-menu/components/settings-menu.tsx
+++ b/services/web/frontend/js/features/editor-left-menu/components/settings-menu.tsx
@@ -19,9 +19,9 @@ import SettingsSyntaxValidation from './settings/settings-syntax-validation'
 
 export default function SettingsMenu() {
   const { t } = useTranslation()
-  const anonymous = getMeta('ol-anonymous') as boolean | undefined
+  const anonymous = getMeta('ol-anonymous')
 
-  if (anonymous === true || anonymous === undefined) {
+  if (anonymous) {
     return null
   }
 
diff --git a/services/web/frontend/js/features/editor-left-menu/components/settings/settings-editor-theme.tsx b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-editor-theme.tsx
index 8244b298b9..dfd9fddd9f 100644
--- a/services/web/frontend/js/features/editor-left-menu/components/settings/settings-editor-theme.tsx
+++ b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-editor-theme.tsx
@@ -7,10 +7,8 @@ import type { Option } from './settings-menu-select'
 
 export default function SettingsEditorTheme() {
   const { t } = useTranslation()
-  const editorThemes = getMeta('ol-editorThemes') as string[] | undefined
-  const legacyEditorThemes = getMeta('ol-legacyEditorThemes') as
-    | string[]
-    | undefined
+  const editorThemes = getMeta('ol-editorThemes')
+  const legacyEditorThemes = getMeta('ol-legacyEditorThemes')
   const { editorTheme, setEditorTheme } = useProjectSettingsContext()
 
   const options = useMemo(() => {
diff --git a/services/web/frontend/js/features/editor-left-menu/components/settings/settings-image-name.tsx b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-image-name.tsx
index 78c62ab755..5986999a26 100644
--- a/services/web/frontend/js/features/editor-left-menu/components/settings/settings-image-name.tsx
+++ b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-image-name.tsx
@@ -4,26 +4,26 @@ import getMeta from '../../../../utils/meta'
 import SettingsMenuSelect from './settings-menu-select'
 import type { Option } from './settings-menu-select'
 import { useProjectSettingsContext } from '../../context/project-settings-context'
-import type { AllowedImageName } from '../../../../../../types/project-settings'
 
 export default function SettingsImageName() {
   const { t } = useTranslation()
   const { imageName, setImageName } = useProjectSettingsContext()
 
-  const allowedImageNames = getMeta('ol-allowedImageNames') as
-    | AllowedImageName[]
-    | undefined
+  const allowedImageNames = useMemo(
+    () => getMeta('ol-allowedImageNames') || [],
+    []
+  )
 
   const options: Array<Option> = useMemo(
     () =>
-      allowedImageNames?.map(({ imageName, imageDesc }) => ({
+      allowedImageNames.map(({ imageName, imageDesc }) => ({
         value: imageName,
         label: imageDesc,
-      })) ?? [],
+      })),
     [allowedImageNames]
   )
 
-  if ((allowedImageNames?.length ?? 0) === 0) {
+  if (allowedImageNames.length === 0) {
     return null
   }
 
diff --git a/services/web/frontend/js/features/editor-left-menu/components/settings/settings-overall-theme.tsx b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-overall-theme.tsx
index 280169a511..dbf36e8e9a 100644
--- a/services/web/frontend/js/features/editor-left-menu/components/settings/settings-overall-theme.tsx
+++ b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-overall-theme.tsx
@@ -6,7 +6,6 @@ import SettingsMenuSelect, { Option } from './settings-menu-select'
 import { useProjectSettingsContext } from '../../context/project-settings-context'
 import type { OverallThemeMeta } from '../../../../../../types/project-settings'
 import type { OverallTheme } from '../../../source-editor/extensions/theme'
-import { ExposedSettings } from '../../../../../../types/exposed-settings'
 
 export default function SettingsOverallTheme() {
   const { t } = useTranslation()
@@ -25,8 +24,8 @@ export default function SettingsOverallTheme() {
     [overallThemes]
   )
 
-  const brandVariation = getMeta('ol-brandVariation') as any
-  const { ieeeBrandId } = getMeta('ol-ExposedSettings') as ExposedSettings
+  const brandVariation = getMeta('ol-brandVariation')
+  const { ieeeBrandId } = getMeta('ol-ExposedSettings')
   const isIEEEBranded = brandVariation?.brand_id === ieeeBrandId
 
   if (!overallThemes || isIEEEBranded) {
diff --git a/services/web/frontend/js/features/editor-left-menu/components/settings/settings-spell-check-language.tsx b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-spell-check-language.tsx
index b9eefdf4a2..240927cedb 100644
--- a/services/web/frontend/js/features/editor-left-menu/components/settings/settings-spell-check-language.tsx
+++ b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-spell-check-language.tsx
@@ -4,11 +4,10 @@ import getMeta from '../../../../utils/meta'
 import { useProjectSettingsContext } from '../../context/project-settings-context'
 import SettingsMenuSelect from './settings-menu-select'
 import type { Optgroup } from './settings-menu-select'
-import type { SpellCheckLanguage } from '../../../../../../types/project-settings'
 
 export default function SettingsSpellCheckLanguage() {
   const { t } = useTranslation()
-  const languages = getMeta('ol-languages') as SpellCheckLanguage[] | undefined
+  const languages = getMeta('ol-languages')
 
   const { spellCheckLanguage, setSpellCheckLanguage } =
     useProjectSettingsContext()
diff --git a/services/web/frontend/js/features/editor-left-menu/components/sync-menu.tsx b/services/web/frontend/js/features/editor-left-menu/components/sync-menu.tsx
index cd0d0ae955..1618bd1c34 100644
--- a/services/web/frontend/js/features/editor-left-menu/components/sync-menu.tsx
+++ b/services/web/frontend/js/features/editor-left-menu/components/sync-menu.tsx
@@ -10,10 +10,10 @@ const components = importOverleafModules('editorLeftMenuSync') as {
 
 export default function SyncMenu() {
   const { t } = useTranslation()
-  const anonymous = getMeta('ol-anonymous') as boolean | undefined
-  const gitBridgeEnabled = getMeta('ol-gitBridgeEnabled', false) as boolean
+  const anonymous = getMeta('ol-anonymous')
+  const gitBridgeEnabled = getMeta('ol-gitBridgeEnabled')
 
-  if (anonymous === true || anonymous === undefined) {
+  if (anonymous) {
     return null
   }
 
diff --git a/services/web/frontend/js/features/editor-left-menu/hooks/use-set-overall-theme.tsx b/services/web/frontend/js/features/editor-left-menu/hooks/use-set-overall-theme.tsx
index 6b705b168b..00634ea8d5 100644
--- a/services/web/frontend/js/features/editor-left-menu/hooks/use-set-overall-theme.tsx
+++ b/services/web/frontend/js/features/editor-left-menu/hooks/use-set-overall-theme.tsx
@@ -5,6 +5,7 @@ import type { OverallThemeMeta } from '../../../../../types/project-settings'
 import { saveUserSettings } from '../utils/api'
 import { UserSettings } from '../../../../../types/user-settings'
 import { useUserSettingsContext } from '@/shared/context/user-settings-context'
+import getMeta from '@/utils/meta'
 
 export default function useSetOverallTheme() {
   const [chosenTheme, setChosenTheme] = useState<OverallThemeMeta | null>(null)
@@ -56,7 +57,7 @@ export default function useSetOverallTheme() {
     (newOverallTheme: UserSettings['overallTheme']) => {
       if (overallTheme !== newOverallTheme) {
         const chosenTheme = _.find(
-          window.overallThemes,
+          getMeta('ol-overallThemes'),
           theme => theme.val === newOverallTheme
         )
 
diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/toolbar-header.jsx b/services/web/frontend/js/features/editor-navigation-toolbar/components/toolbar-header.jsx
index 501a1561ea..19478c6ba9 100644
--- a/services/web/frontend/js/features/editor-navigation-toolbar/components/toolbar-header.jsx
+++ b/services/web/frontend/js/features/editor-navigation-toolbar/components/toolbar-header.jsx
@@ -14,6 +14,7 @@ import HistoryToggleButton from './history-toggle-button'
 import ShareProjectButton from './share-project-button'
 import importOverleafModules from '../../../../macros/import-overleaf-module.macro'
 import BackToEditorButton from './back-to-editor-button'
+import getMeta from '@/utils/meta'
 
 const [publishModalModules] = importOverleafModules('publishModal')
 const PublishButton = publishModalModules?.import.default
@@ -54,7 +55,7 @@ const ToolbarHeader = React.memo(function ToolbarHeader({
         )}
         <BackToProjectsButton />
       </div>
-      {window.showUpgradePrompt && <UpgradePrompt />}
+      {getMeta('ol-showUpgradePrompt') && <UpgradePrompt />}
       <ProjectNameEditableLabel
         className="toolbar-center"
         projectName={projectName}
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-modal-create-file-body.jsx b/services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-modal-create-file-body.jsx
index 42bca52ea4..6aa69372f0 100644
--- a/services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-modal-create-file-body.jsx
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-modal-create-file-body.jsx
@@ -10,6 +10,7 @@ import { useFileTreeData } from '../../../../shared/context/file-tree-data-conte
 import importOverleafModules from '../../../../../macros/import-overleaf-module.macro'
 import { lazy, Suspense } from 'react'
 import { FullSizeLoadingSpinner } from '@/shared/components/loading-spinner'
+import getMeta from '@/utils/meta'
 
 const createFileModeModules = importOverleafModules('createFileModes')
 
@@ -20,6 +21,11 @@ export default function FileTreeModalCreateFileBody() {
 
   const { newFileCreateMode } = useFileTreeActionable()
   const { fileCount } = useFileTreeData()
+  const {
+    hasLinkedProjectFileFeature,
+    hasLinkedProjectOutputFileFeature,
+    hasLinkUrlFeature,
+  } = getMeta('ol-ExposedSettings')
 
   if (!fileCount || fileCount.status === 'error') {
     return null
@@ -43,8 +49,8 @@ export default function FileTreeModalCreateFileBody() {
                 label={t('upload')}
               />
 
-              {(window.ExposedSettings.hasLinkedProjectFileFeature ||
-                window.ExposedSettings.hasLinkedProjectOutputFileFeature) && (
+              {(hasLinkedProjectFileFeature ||
+                hasLinkedProjectOutputFileFeature) && (
                 <FileTreeModalCreateFileMode
                   mode="project"
                   icon="folder-open"
@@ -52,7 +58,7 @@ export default function FileTreeModalCreateFileBody() {
                 />
               )}
 
-              {window.ExposedSettings.hasLinkUrlFeature && (
+              {hasLinkUrlFeature && (
                 <FileTreeModalCreateFileMode
                   mode="url"
                   icon="globe"
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-import-from-project.tsx b/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-import-from-project.tsx
index ddf2f9e679..5ec1f22595 100644
--- a/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-import-from-project.tsx
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-import-from-project.tsx
@@ -20,12 +20,13 @@ import ErrorMessage from '../error-message'
 import * as eventTracking from '../../../../../infrastructure/event-tracking'
 import { File } from '@/features/source-editor/utils/file'
 import { Project } from '../../../../../../../types/project'
+import getMeta from '@/utils/meta'
 
 export default function FileTreeImportFromProject() {
   const { t } = useTranslation()
 
   const { hasLinkedProjectFileFeature, hasLinkedProjectOutputFileFeature } =
-    window.ExposedSettings
+    getMeta('ol-ExposedSettings')
   const canSwitchOutputFilesMode =
     hasLinkedProjectFileFeature && hasLinkedProjectOutputFileFeature
 
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-upload-doc.tsx b/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-upload-doc.tsx
index ababcc1612..77b2d5ef1f 100644
--- a/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-upload-doc.tsx
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-upload-doc.tsx
@@ -16,6 +16,7 @@ import { findByNameInFolder } from '@/features/file-tree/util/is-name-unique-in-
 import { useFileTreeData } from '@/shared/context/file-tree-data-context'
 import { FileTreeEntity } from '../../../../../../../types/file-tree-entity'
 import { UploadConflicts } from '@/features/file-tree/components/file-tree-create/file-tree-upload-conflicts'
+import getMeta from '@/utils/meta'
 
 export default function FileTreeUploadDoc() {
   const { parentFolderId, cancel, droppedFiles, setDroppedFiles } =
@@ -30,7 +31,7 @@ export default function FileTreeUploadDoc() {
   const [overwrite, setOverwrite] = useState(false)
 
   const maxNumberOfFiles = 180
-  const maxFileSize = window.ExposedSettings.maxUploadSize
+  const maxFileSize = getMeta('ol-ExposedSettings').maxUploadSize
 
   // calculate conflicts
   const buildConflicts = (files: Record<string, any>) => {
@@ -130,7 +131,7 @@ export default function FileTreeUploadDoc() {
         .use(XHRUpload, {
           endpoint,
           headers: {
-            'X-CSRF-TOKEN': window.csrfToken,
+            'X-CSRF-TOKEN': getMeta('ol-csrfToken'),
           },
           // limit: maxConnections || 1,
           limit: 1,
diff --git a/services/web/frontend/js/features/file-tree/contexts/file-tree-path.tsx b/services/web/frontend/js/features/file-tree/contexts/file-tree-path.tsx
index 7967bd57f5..593d51c6e1 100644
--- a/services/web/frontend/js/features/file-tree/contexts/file-tree-path.tsx
+++ b/services/web/frontend/js/features/file-tree/contexts/file-tree-path.tsx
@@ -24,7 +24,7 @@ export const FileTreePathContext = createContext<
 
 export const FileTreePathProvider: FC = ({ children }) => {
   const { fileTreeData }: { fileTreeData: Folder } = useFileTreeData()
-  const projectId = getMeta('ol-project_id') as string
+  const projectId = getMeta('ol-project_id')
 
   const pathInFileTree = useCallback(
     (id: string) => pathInFolder(fileTreeData, id),
diff --git a/services/web/frontend/js/features/file-tree/util/count-in-tree.js b/services/web/frontend/js/features/file-tree/util/count-in-tree.js
index e9af4657af..34020a6366 100644
--- a/services/web/frontend/js/features/file-tree/util/count-in-tree.js
+++ b/services/web/frontend/js/features/file-tree/util/count-in-tree.js
@@ -1,3 +1,5 @@
+import getMeta from '@/utils/meta'
+
 export function countFiles(fileTreeData) {
   if (!fileTreeData) {
     return 0
@@ -5,7 +7,7 @@ export function countFiles(fileTreeData) {
 
   const value = _countElements(fileTreeData)
 
-  const limit = window.ExposedSettings.maxEntitiesPerProject
+  const limit = getMeta('ol-ExposedSettings').maxEntitiesPerProject
   const status = fileCountStatus(value, limit, Math.ceil(limit / 20))
 
   return { value, status, limit }
diff --git a/services/web/frontend/js/features/file-tree/util/is-acceptable-file.ts b/services/web/frontend/js/features/file-tree/util/is-acceptable-file.ts
index a77028dc72..3c4540b093 100644
--- a/services/web/frontend/js/features/file-tree/util/is-acceptable-file.ts
+++ b/services/web/frontend/js/features/file-tree/util/is-acceptable-file.ts
@@ -1,11 +1,12 @@
 import { Minimatch } from 'minimatch'
+import getMeta from '@/utils/meta'
 
 let fileIgnoreMatcher: Minimatch
 
 export const isAcceptableFile = (name?: string, relativePath?: string) => {
   if (!fileIgnoreMatcher) {
     fileIgnoreMatcher = new Minimatch(
-      window.ExposedSettings.fileIgnorePattern,
+      getMeta('ol-ExposedSettings').fileIgnorePattern,
       { nocase: true, dot: true }
     )
   }
diff --git a/services/web/frontend/js/features/file-view/components/file-view.jsx b/services/web/frontend/js/features/file-view/components/file-view.jsx
index 7ae1970b1b..2c6b6f695c 100644
--- a/services/web/frontend/js/features/file-view/components/file-view.jsx
+++ b/services/web/frontend/js/features/file-view/components/file-view.jsx
@@ -7,6 +7,7 @@ import FileViewImage from './file-view-image'
 import FileViewPdf from './file-view-pdf'
 import FileViewText from './file-view-text'
 import Icon from '../../../shared/components/icon'
+import getMeta from '@/utils/meta'
 
 const imageExtensions = ['png', 'jpg', 'jpeg', 'gif']
 
@@ -16,7 +17,7 @@ export default function FileView({ file }) {
 
   const { t } = useTranslation()
 
-  const { textExtensions, editableFilenames } = window.ExposedSettings
+  const { textExtensions, editableFilenames } = getMeta('ol-ExposedSettings')
 
   const extension = file.name.split('.').pop().toLowerCase()
 
diff --git a/services/web/frontend/js/features/group-management/components/group-managers.tsx b/services/web/frontend/js/features/group-management/components/group-managers.tsx
index af13423c47..990f7cc5c3 100644
--- a/services/web/frontend/js/features/group-management/components/group-managers.tsx
+++ b/services/web/frontend/js/features/group-management/components/group-managers.tsx
@@ -8,8 +8,8 @@ export default function GroupManagers() {
   const { isReady } = useWaitForI18n()
   const { t } = useTranslation()
 
-  const groupId: string = getMeta('ol-groupId')
-  const groupName: string = getMeta('ol-groupName')
+  const groupId = getMeta('ol-groupId')
+  const groupName = getMeta('ol-groupName')
 
   const paths = useMemo(
     () => ({
diff --git a/services/web/frontend/js/features/group-management/components/group-members.tsx b/services/web/frontend/js/features/group-management/components/group-members.tsx
index 168f6b238c..540e630a34 100644
--- a/services/web/frontend/js/features/group-management/components/group-members.tsx
+++ b/services/web/frontend/js/features/group-management/components/group-members.tsx
@@ -24,9 +24,9 @@ export default function GroupMembers() {
   } = useGroupMembersContext()
   const [emailString, setEmailString] = useState<string>('')
 
-  const groupId: string = getMeta('ol-groupId')
-  const groupName: string = getMeta('ol-groupName')
-  const groupSize: number = getMeta('ol-groupSize')
+  const groupId = getMeta('ol-groupId')
+  const groupName = getMeta('ol-groupName')
+  const groupSize = getMeta('ol-groupSize')
 
   const handleEmailsChange = useCallback(
     e => {
diff --git a/services/web/frontend/js/features/group-management/components/institution-managers.tsx b/services/web/frontend/js/features/group-management/components/institution-managers.tsx
index 3d279e3f4c..fc73d688d8 100644
--- a/services/web/frontend/js/features/group-management/components/institution-managers.tsx
+++ b/services/web/frontend/js/features/group-management/components/institution-managers.tsx
@@ -8,8 +8,8 @@ export default function InstitutionManagers() {
   const { isReady } = useWaitForI18n()
   const { t } = useTranslation()
 
-  const groupId: string = getMeta('ol-groupId')
-  const groupName: string = getMeta('ol-groupName')
+  const groupId = getMeta('ol-groupId')
+  const groupName = getMeta('ol-groupName')
 
   const paths = useMemo(
     () => ({
diff --git a/services/web/frontend/js/features/group-management/components/managers-table.tsx b/services/web/frontend/js/features/group-management/components/managers-table.tsx
index e2023f637a..6eff6c522c 100644
--- a/services/web/frontend/js/features/group-management/components/managers-table.tsx
+++ b/services/web/frontend/js/features/group-management/components/managers-table.tsx
@@ -42,7 +42,7 @@ export function ManagersTable({
     unselectAllUsers,
     selectUser,
     unselectUser,
-  } = useUserSelection(getMeta('ol-users', []))
+  } = useUserSelection(getMeta('ol-users') || [])
 
   const [emailString, setEmailString] = useState<string>('')
   const [inviteUserInflightCount, setInviteUserInflightCount] = useState(0)
diff --git a/services/web/frontend/js/features/group-management/components/members-table/member-row.tsx b/services/web/frontend/js/features/group-management/components/members-table/member-row.tsx
index 97e71c5705..58badf76cf 100644
--- a/services/web/frontend/js/features/group-management/components/members-table/member-row.tsx
+++ b/services/web/frontend/js/features/group-management/components/members-table/member-row.tsx
@@ -27,7 +27,7 @@ export default function MemberRow({
   groupId,
 }: ManagedUserRowProps) {
   const { t } = useTranslation()
-  const managedUsersActive: any = getMeta('ol-managedUsersActive')
+  const managedUsersActive = getMeta('ol-managedUsersActive')
   const groupSSOActive = getMeta('ol-groupSSOActive')
 
   return (
diff --git a/services/web/frontend/js/features/group-management/components/members-table/members-list.tsx b/services/web/frontend/js/features/group-management/components/members-table/members-list.tsx
index cd58db2046..dfe565071d 100644
--- a/services/web/frontend/js/features/group-management/components/members-table/members-list.tsx
+++ b/services/web/frontend/js/features/group-management/components/members-table/members-list.tsx
@@ -26,7 +26,7 @@ export default function MembersList({ groupId }: ManagedUsersListProps) {
     useState<GroupUserAlert>(undefined)
   const [userToUnlink, setUserToUnlink] = useState<User | undefined>(undefined)
   const { users } = useGroupMembersContext()
-  const managedUsersActive: any = getMeta('ol-managedUsersActive')
+  const managedUsersActive = getMeta('ol-managedUsersActive')
   const groupSSOActive = getMeta('ol-groupSSOActive')
 
   return (
diff --git a/services/web/frontend/js/features/group-management/components/publisher-managers.tsx b/services/web/frontend/js/features/group-management/components/publisher-managers.tsx
index 962f335f2c..f0ced96c89 100644
--- a/services/web/frontend/js/features/group-management/components/publisher-managers.tsx
+++ b/services/web/frontend/js/features/group-management/components/publisher-managers.tsx
@@ -8,8 +8,8 @@ export default function PublisherManagers() {
   const { isReady } = useWaitForI18n()
   const { t } = useTranslation()
 
-  const groupId: string = getMeta('ol-groupId')
-  const groupName: string = getMeta('ol-groupName')
+  const groupId = getMeta('ol-groupId')
+  const groupName = getMeta('ol-groupName')
 
   const paths = useMemo(
     () => ({
diff --git a/services/web/frontend/js/features/group-management/context/group-members-context.tsx b/services/web/frontend/js/features/group-management/context/group-members-context.tsx
index 0098774bc2..748d845e9d 100644
--- a/services/web/frontend/js/features/group-management/context/group-members-context.tsx
+++ b/services/web/frontend/js/features/group-management/context/group-members-context.tsx
@@ -52,14 +52,14 @@ export function GroupMembersProvider({ children }: GroupMembersProviderProps) {
     selectAllNonManagedUsers,
     selectUser,
     unselectUser,
-  } = useUserSelection(getMeta('ol-users', []))
+  } = useUserSelection(getMeta('ol-users') || [])
 
   const [inviteUserInflightCount, setInviteUserInflightCount] = useState(0)
   const [inviteError, setInviteError] = useState<APIError>()
   const [removeMemberInflightCount, setRemoveMemberInflightCount] = useState(0)
   const [removeMemberError, setRemoveMemberError] = useState<APIError>()
 
-  const groupId: string = getMeta('ol-groupId')
+  const groupId = getMeta('ol-groupId')
 
   const paths = useMemo(
     () => ({
diff --git a/services/web/frontend/js/features/ide-react/components/loading.tsx b/services/web/frontend/js/features/ide-react/components/loading.tsx
index 11b51ac26e..0d6e6815e2 100644
--- a/services/web/frontend/js/features/ide-react/components/loading.tsx
+++ b/services/web/frontend/js/features/ide-react/components/loading.tsx
@@ -54,7 +54,7 @@ export const Loading: FC<{
     }
   }, [projectJoined])
 
-  const LoadingScreenError = () => {
+  const getLoadingScreenError = (): string => {
     if (connectionState.error) {
       // NOTE: translations not ready yet
       return connectionState.error === 'io-not-loaded'
@@ -82,9 +82,7 @@ export const Loading: FC<{
         hasError={hasError}
       />
       {hasError && (
-        <p className="loading-screen-error">
-          <LoadingScreenError />
-        </p>
+        <p className="loading-screen-error">{getLoadingScreenError()}</p>
       )}
     </div>
   )
diff --git a/services/web/frontend/js/features/ide-react/context/ide-react-context.tsx b/services/web/frontend/js/features/ide-react/context/ide-react-context.tsx
index 33701d08d1..49f19b2f60 100644
--- a/services/web/frontend/js/features/ide-react/context/ide-react-context.tsx
+++ b/services/web/frontend/js/features/ide-react/context/ide-react-context.tsx
@@ -86,9 +86,8 @@ export function createReactScopeValueStore(projectId: string) {
   return scopeStore
 }
 
-const projectId = window.project_id
-
 export const IdeReactProvider: FC = ({ children }) => {
+  const projectId = getMeta('ol-project_id')
   const [scopeStore] = useState(() => createReactScopeValueStore(projectId))
   const [eventEmitter] = useState(createIdeEventEmitter)
   const [scopeEventEmitter] = useState(
@@ -129,11 +128,10 @@ export const IdeReactProvider: FC = ({ children }) => {
         body: {
           error: errorObj,
           meta: metadata,
-          _csrf: window.csrfToken,
         },
       })
     },
-    [socket.socket, release]
+    [socket.socket, release, projectId]
   )
 
   // Populate scope values when joining project, then fire project:joined event
@@ -175,7 +173,14 @@ export const IdeReactProvider: FC = ({ children }) => {
       reportError,
       projectJoined,
     }),
-    [eventEmitter, eventLog, projectJoined, reportError, startedFreeTrial]
+    [
+      eventEmitter,
+      eventLog,
+      projectId,
+      projectJoined,
+      reportError,
+      startedFreeTrial,
+    ]
   )
 
   return (
diff --git a/services/web/frontend/js/features/ide-react/context/permissions-context.tsx b/services/web/frontend/js/features/ide-react/context/permissions-context.tsx
index aa6fb1b432..4d047bcf69 100644
--- a/services/web/frontend/js/features/ide-react/context/permissions-context.tsx
+++ b/services/web/frontend/js/features/ide-react/context/permissions-context.tsx
@@ -47,7 +47,7 @@ export const PermissionsProvider: React.FC = ({ children }) => {
   const { permissionsLevel } = useEditorContext() as {
     permissionsLevel: PermissionsLevel
   }
-  const anonymous = getMeta('ol-anonymous') as boolean | undefined
+  const anonymous = getMeta('ol-anonymous')
 
   useEffect(() => {
     const activePermissionsMap = anonymous
diff --git a/services/web/frontend/js/features/ide-react/context/review-panel/hooks/use-review-panel-state.ts b/services/web/frontend/js/features/ide-react/context/review-panel/hooks/use-review-panel-state.ts
index 1e7b981597..d16c72abf1 100644
--- a/services/web/frontend/js/features/ide-react/context/review-panel/hooks/use-review-panel-state.ts
+++ b/services/web/frontend/js/features/ide-react/context/review-panel/hooks/use-review-panel-state.ts
@@ -65,6 +65,7 @@ import {
   EditOperation,
 } from '../../../../../../../types/change'
 import { RangesTrackerWithResolvedThreadIds } from '@/features/ide-react/editor/document-container'
+import getMeta from '@/utils/meta'
 
 const dispatchReviewPanelEvent = (type: string, payload?: any) => {
   window.dispatchEvent(
@@ -89,7 +90,7 @@ const formatUser = (user: any): any => {
       avatar_text: 'A',
     }
   }
-  if (id === window.user_id) {
+  if (id === getMeta('ol-user_id')) {
     name = 'You'
     isSelf = true
   } else {
diff --git a/services/web/frontend/js/features/ide-react/editor/document-container.ts b/services/web/frontend/js/features/ide-react/editor/document-container.ts
index 0afa883f13..6b1b5f43f0 100644
--- a/services/web/frontend/js/features/ide-react/editor/document-container.ts
+++ b/services/web/frontend/js/features/ide-react/editor/document-container.ts
@@ -28,6 +28,7 @@ import {
   Version,
 } from '@/features/ide-react/editor/types/document'
 import { ThreadId } from '../../../../../types/review-panel/review-panel'
+import getMeta from '@/utils/meta'
 
 const MAX_PENDING_OP_SIZE = 64
 
@@ -737,7 +738,7 @@ export class DocumentContainer extends EventEmitter {
   private filterOps(ops: AnyOperation[]) {
     // Read-only token users can't see/edit comment, so we filter out comment
     // ops to avoid highlighting comment ranges.
-    if (window.isRestrictedTokenMember) {
+    if (getMeta('ol-isRestrictedTokenMember')) {
       return ops.filter(op => !isCommentOperation(op))
     } else {
       return ops
diff --git a/services/web/frontend/js/features/ide-react/editor/share-js-doc.ts b/services/web/frontend/js/features/ide-react/editor/share-js-doc.ts
index eb819c1cbd..1363e0c55b 100644
--- a/services/web/frontend/js/features/ide-react/editor/share-js-doc.ts
+++ b/services/web/frontend/js/features/ide-react/editor/share-js-doc.ts
@@ -17,6 +17,7 @@ import {
 } from '@/features/ide-react/editor/types/document'
 import { EditorFacade } from '@/features/source-editor/extensions/realtime'
 import { recordDocumentFirstChangeEvent } from '@/features/event-tracking/document-first-change-event'
+import getMeta from '@/utils/meta'
 
 // All times below are in milliseconds
 const SINGLE_USER_FLUSH_DELAY = 2000
@@ -327,8 +328,7 @@ export class ShareJsDoc extends EventEmitter {
 
   attachToCM6(cm6: EditorFacade) {
     this.attachToEditor(cm6, () => {
-      // @ts-ignore
-      cm6.attachShareJs(this._doc, window.maxDocLength)
+      cm6.attachShareJs(this._doc, getMeta('ol-maxDocLength'))
     })
   }
 
diff --git a/services/web/frontend/js/features/pdf-preview/components/compile-time-warning-upgrade-prompt.tsx b/services/web/frontend/js/features/pdf-preview/components/compile-time-warning-upgrade-prompt.tsx
index d4dd317ae6..b6d56df936 100644
--- a/services/web/frontend/js/features/pdf-preview/components/compile-time-warning-upgrade-prompt.tsx
+++ b/services/web/frontend/js/features/pdf-preview/components/compile-time-warning-upgrade-prompt.tsx
@@ -3,6 +3,7 @@ import * as eventTracking from '@/infrastructure/event-tracking'
 import { useDetachCompileContext } from '@/shared/context/detach-compile-context'
 import usePersistedState from '@/shared/hooks/use-persisted-state'
 import { CompileTimeWarningUpgradePromptInner } from '@/features/pdf-preview/components/compile-time-warning-upgrade-prompt-inner'
+import getMeta from '@/utils/meta'
 
 function CompileTimeWarningUpgradePrompt() {
   const { isProjectOwner, deliveryLatencies, compiling, showLogs, error } =
@@ -50,7 +51,7 @@ function CompileTimeWarningUpgradePrompt() {
     handleNewCompile(deliveryLatencies.compileTimeServerE2E)
   }, [compiling, error, showLogs, deliveryLatencies, handleNewCompile])
 
-  if (!window.ExposedSettings.enableSubscriptions) {
+  if (!getMeta('ol-ExposedSettings').enableSubscriptions) {
     return null
   }
 
diff --git a/services/web/frontend/js/features/pdf-preview/components/timeout-upgrade-prompt-new.tsx b/services/web/frontend/js/features/pdf-preview/components/timeout-upgrade-prompt-new.tsx
index 2dcf637c83..54712c5427 100644
--- a/services/web/frontend/js/features/pdf-preview/components/timeout-upgrade-prompt-new.tsx
+++ b/services/web/frontend/js/features/pdf-preview/components/timeout-upgrade-prompt-new.tsx
@@ -7,6 +7,7 @@ import { useStopOnFirstError } from '../../../shared/hooks/use-stop-on-first-err
 import { Button } from 'react-bootstrap'
 import * as eventTracking from '../../../infrastructure/event-tracking'
 import { useFeatureFlag } from '@/shared/context/split-test-context'
+import getMeta from '@/utils/meta'
 
 function TimeoutUpgradePromptNew() {
   const {
@@ -29,7 +30,7 @@ function TimeoutUpgradePromptNew() {
   return (
     <>
       <CompileTimeout isProjectOwner={isProjectOwner} />
-      {window.ExposedSettings.enableSubscriptions && (
+      {getMeta('ol-ExposedSettings').enableSubscriptions && (
         <PreventTimeoutHelpMessage
           handleEnableStopOnFirstErrorClick={handleEnableStopOnFirstErrorClick}
           lastCompileOptions={lastCompileOptions}
@@ -55,7 +56,7 @@ const CompileTimeout = memo(function CompileTimeout({
     <PdfLogEntry
       headerTitle={t('your_compile_timed_out')}
       formattedContent={
-        window.ExposedSettings.enableSubscriptions && (
+        getMeta('ol-ExposedSettings').enableSubscriptions && (
           <>
             <p>
               {isProjectOwner
diff --git a/services/web/frontend/js/features/pdf-preview/util/pdf-js-versions.js b/services/web/frontend/js/features/pdf-preview/util/pdf-js-versions.js
index 9a30018b0f..d9e5a13391 100644
--- a/services/web/frontend/js/features/pdf-preview/util/pdf-js-versions.js
+++ b/services/web/frontend/js/features/pdf-preview/util/pdf-js-versions.js
@@ -65,7 +65,7 @@ async function importPDFJS213() {
 }
 
 async function importPDFJS() {
-  const variant = getMeta('ol-pdfjsVariant', 'default')
+  const variant = getMeta('ol-pdfjsVariant') || 'default'
 
   // NOTE: split test variants must have at least 3 characters
   switch (variant) {
diff --git a/services/web/frontend/js/features/plans/utils/group-plan-pricing.js b/services/web/frontend/js/features/plans/utils/group-plan-pricing.js
index d418cf5282..83b8351886 100644
--- a/services/web/frontend/js/features/plans/utils/group-plan-pricing.js
+++ b/services/web/frontend/js/features/plans/utils/group-plan-pricing.js
@@ -20,7 +20,7 @@ export function createLocalizedGroupPlanPrice({
   licenseSize,
   currency,
   usage,
-  locale = window.i18n.currentLangCode || 'en',
+  locale = getMeta('ol-i18n').currentLangCode || 'en',
   formatCurrency,
 }) {
   const groupPlans = getMeta('ol-groupPlans')
diff --git a/services/web/frontend/js/features/project-list/components/add-affiliation.tsx b/services/web/frontend/js/features/project-list/components/add-affiliation.tsx
index 29c50da9e6..151ecf9548 100644
--- a/services/web/frontend/js/features/project-list/components/add-affiliation.tsx
+++ b/services/web/frontend/js/features/project-list/components/add-affiliation.tsx
@@ -2,14 +2,12 @@ import { useTranslation } from 'react-i18next'
 import { Button } from 'react-bootstrap'
 import { useProjectListContext } from '../context/project-list-context'
 import getMeta from '../../../utils/meta'
-import { Affiliation } from '../../../../../types/affiliation'
-import { ExposedSettings } from '../../../../../types/exposed-settings'
 import classNames from 'classnames'
 
 export function useAddAffiliation() {
   const { totalProjectsCount } = useProjectListContext()
-  const { isOverleaf } = getMeta('ol-ExposedSettings') as ExposedSettings
-  const userAffiliations = getMeta('ol-userAffiliations', []) as Affiliation[]
+  const { isOverleaf } = getMeta('ol-ExposedSettings')
+  const userAffiliations = getMeta('ol-userAffiliations') || []
 
   return {
     show: isOverleaf && totalProjectsCount > 0 && !userAffiliations.length,
diff --git a/services/web/frontend/js/features/project-list/components/current-plan-widget/current-plan-widget.tsx b/services/web/frontend/js/features/project-list/components/current-plan-widget/current-plan-widget.tsx
index b9cf6f53e9..ffc20f6f82 100644
--- a/services/web/frontend/js/features/project-list/components/current-plan-widget/current-plan-widget.tsx
+++ b/services/web/frontend/js/features/project-list/components/current-plan-widget/current-plan-widget.tsx
@@ -3,12 +3,9 @@ import IndividualPlan from './individual-plan'
 import GroupPlan from './group-plan'
 import CommonsPlan from './commons-plan'
 import getMeta from '../../../../utils/meta'
-import { Subscription } from '../../../../../../types/project/dashboard/subscription'
 
 function CurrentPlanWidget() {
-  const usersBestSubscription: Subscription | undefined = getMeta(
-    'ol-usersBestSubscription'
-  )
+  const usersBestSubscription = getMeta('ol-usersBestSubscription')
 
   if (!usersBestSubscription) {
     return null
diff --git a/services/web/frontend/js/features/project-list/components/modals/projects-action-modal.tsx b/services/web/frontend/js/features/project-list/components/modals/projects-action-modal.tsx
index 6774849216..a69155acbf 100644
--- a/services/web/frontend/js/features/project-list/components/modals/projects-action-modal.tsx
+++ b/services/web/frontend/js/features/project-list/components/modals/projects-action-modal.tsx
@@ -103,10 +103,7 @@ type ErrorNotificationProps = {
 }
 
 function ErrorNotification({ error }: ErrorNotificationProps) {
-  const newNotificationStyle = getMeta(
-    'ol-newNotificationStyle',
-    false
-  ) as boolean
+  const newNotificationStyle = getMeta('ol-newNotificationStyle')
 
   if (newNotificationStyle) {
     return (
diff --git a/services/web/frontend/js/features/project-list/components/modals/rename-project-modal.tsx b/services/web/frontend/js/features/project-list/components/modals/rename-project-modal.tsx
index d76f4e4af6..e325fa6487 100644
--- a/services/web/frontend/js/features/project-list/components/modals/rename-project-modal.tsx
+++ b/services/web/frontend/js/features/project-list/components/modals/rename-project-modal.tsx
@@ -36,10 +36,7 @@ function RenameProjectModal({
   const { error, isError, isLoading, runAsync } = useAsync()
   const { toggleSelectedProject, updateProjectViewData } =
     useProjectListContext()
-  const newNotificationStyle = getMeta(
-    'ol-newNotificationStyle',
-    false
-  ) as boolean
+  const newNotificationStyle = getMeta('ol-newNotificationStyle')
 
   useEffect(() => {
     if (showModal) {
diff --git a/services/web/frontend/js/features/project-list/components/new-project-button.tsx b/services/web/frontend/js/features/project-list/components/new-project-button.tsx
index fba4f746d6..ba4b39615d 100644
--- a/services/web/frontend/js/features/project-list/components/new-project-button.tsx
+++ b/services/web/frontend/js/features/project-list/components/new-project-button.tsx
@@ -1,8 +1,6 @@
 import { type JSXElementConstructor, useCallback, useState } from 'react'
 import { Dropdown, MenuItem } from 'react-bootstrap'
 import { useTranslation } from 'react-i18next'
-import { ExposedSettings } from '../../../../../types/exposed-settings'
-import type { PortalTemplate } from '../../../../../types/portal-template'
 import ControlledDropdown from '../../../shared/components/controlled-dropdown'
 import getMeta from '../../../utils/meta'
 import NewProjectButtonModal, {
@@ -46,10 +44,10 @@ function NewProjectButton({
   showAddAffiliationWidget,
 }: NewProjectButtonProps) {
   const { t } = useTranslation()
-  const { templateLinks } = getMeta('ol-ExposedSettings') as ExposedSettings
+  const { templateLinks } = getMeta('ol-ExposedSettings')
   const [modal, setModal] =
     useState<Nullable<NewProjectButtonModalVariant>>(null)
-  const portalTemplates = getMeta('ol-portalTemplates') as PortalTemplate[]
+  const portalTemplates = getMeta('ol-portalTemplates') || []
   const { show: enableAddAffiliationWidget } = useAddAffiliation()
 
   const sendTrackingEvent = useCallback(
@@ -202,7 +200,7 @@ function NewProjectButton({
               }
             />
           )}
-          {portalTemplates?.length > 0 ? (
+          {portalTemplates.length > 0 ? (
             <>
               <MenuItem divider />
               <MenuItem header>
diff --git a/services/web/frontend/js/features/project-list/components/new-project-button/modal-content-new-project-form.tsx b/services/web/frontend/js/features/project-list/components/new-project-button/modal-content-new-project-form.tsx
index 9bdc13912e..2b20be4bb2 100644
--- a/services/web/frontend/js/features/project-list/components/new-project-button/modal-content-new-project-form.tsx
+++ b/services/web/frontend/js/features/project-list/components/new-project-button/modal-content-new-project-form.tsx
@@ -42,16 +42,12 @@ function ModalContentNewProjectForm({ onCancel, template = 'none' }: Props) {
   const [projectName, setProjectName] = useState('')
   const { isLoading, isError, error, runAsync } = useAsync<NewProjectData>()
   const location = useLocation()
-  const newNotificationStyle = getMeta(
-    'ol-newNotificationStyle',
-    false
-  ) as boolean
+  const newNotificationStyle = getMeta('ol-newNotificationStyle')
 
   const createNewProject = () => {
     runAsync(
       postJSON('/project/new', {
         body: {
-          _csrf: window.csrfToken,
           projectName,
           template,
         },
diff --git a/services/web/frontend/js/features/project-list/components/new-project-button/upload-project-modal.tsx b/services/web/frontend/js/features/project-list/components/new-project-button/upload-project-modal.tsx
index 7fa0daf903..35da0e9f97 100644
--- a/services/web/frontend/js/features/project-list/components/new-project-button/upload-project-modal.tsx
+++ b/services/web/frontend/js/features/project-list/components/new-project-button/upload-project-modal.tsx
@@ -11,7 +11,6 @@ import Uppy from '@uppy/core'
 import { Dashboard } from '@uppy/react'
 import XHRUpload from '@uppy/xhr-upload'
 import getMeta from '../../../../utils/meta'
-import { ExposedSettings } from '../../../../../../types/exposed-settings'
 
 import '@uppy/core/dist/style.css'
 import '@uppy/dashboard/dist/style.css'
@@ -27,9 +26,7 @@ type UploadProjectModalProps = {
 
 function UploadProjectModal({ onHide, openProject }: UploadProjectModalProps) {
   const { t } = useTranslation()
-  const { maxUploadSize, projectUploadTimeout } = getMeta(
-    'ol-ExposedSettings'
-  ) as ExposedSettings
+  const { maxUploadSize, projectUploadTimeout } = getMeta('ol-ExposedSettings')
   const [ableToUpload, setAbleToUpload] = useState(false)
 
   const [uppy] = useState(() => {
@@ -44,7 +41,7 @@ function UploadProjectModal({ onHide, openProject }: UploadProjectModalProps) {
       .use(XHRUpload, {
         endpoint: '/project/new/upload',
         headers: {
-          'X-CSRF-TOKEN': window.csrfToken,
+          'X-CSRF-TOKEN': getMeta('ol-csrfToken'),
         },
         limit: 1,
         fieldName: 'qqfile', // "qqfile" is needed for our express multer middleware
diff --git a/services/web/frontend/js/features/project-list/components/notifications/geo-banners.tsx b/services/web/frontend/js/features/project-list/components/notifications/geo-banners.tsx
index 75627895dd..dc238d351f 100644
--- a/services/web/frontend/js/features/project-list/components/notifications/geo-banners.tsx
+++ b/services/web/frontend/js/features/project-list/components/notifications/geo-banners.tsx
@@ -4,9 +4,9 @@ import INRBanner from './ads/inr-banner'
 import LATAMBanner from './ads/latam-banner'
 
 function GeoBanners() {
-  const showInrGeoBanner = getMeta('ol-showInrGeoBanner', false)
-  const showBrlGeoBanner = getMeta('ol-showBrlGeoBanner', false)
-  const showLATAMBanner = getMeta('ol-showLATAMBanner', false)
+  const showInrGeoBanner = getMeta('ol-showInrGeoBanner')
+  const showBrlGeoBanner = getMeta('ol-showBrlGeoBanner')
+  const showLATAMBanner = getMeta('ol-showLATAMBanner')
   return (
     <>
       {showBrlGeoBanner && <BRLBanner />}
diff --git a/services/web/frontend/js/features/project-list/components/notifications/groups-and-enterprise-banner.tsx b/services/web/frontend/js/features/project-list/components/notifications/groups-and-enterprise-banner.tsx
index 73c0d39078..223125b180 100644
--- a/services/web/frontend/js/features/project-list/components/notifications/groups-and-enterprise-banner.tsx
+++ b/services/web/frontend/js/features/project-list/components/notifications/groups-and-enterprise-banner.tsx
@@ -5,12 +5,13 @@ import getMeta from '../../../../utils/meta'
 import customLocalStorage from '../../../../infrastructure/local-storage'
 import { useProjectListContext } from '../../context/project-list-context'
 import { useTranslation } from 'react-i18next'
-
-type variantsType = 'on-premise' | 'FOMO'
-const variants = ['on-premise', 'FOMO'] as variantsType[]
+import {
+  GroupsAndEnterpriseBannerVariant,
+  GroupsAndEnterpriseBannerVariants,
+} from '../../../../../../types/project/dashboard/notification'
 
 type urlForVariantsType = {
-  [key in variantsType]: string // eslint-disable-line no-unused-vars
+  [key in GroupsAndEnterpriseBannerVariant]: string // eslint-disable-line no-unused-vars
 }
 
 const urlForVariants: urlForVariantsType = {
@@ -18,23 +19,19 @@ const urlForVariants: urlForVariantsType = {
   FOMO: '/for/contact-sales-4',
 }
 
-type GroupsAndEnterpriseBannerVariant = (typeof variants)[number]
-
 let viewEventSent = false
 
 export default function GroupsAndEnterpriseBanner() {
   const { t } = useTranslation()
   const { totalProjectsCount } = useProjectListContext()
 
-  const showGroupsAndEnterpriseBanner: boolean = getMeta(
+  const showGroupsAndEnterpriseBanner = getMeta(
     'ol-showGroupsAndEnterpriseBanner'
   )
-  const groupsAndEnterpriseBannerVariant: GroupsAndEnterpriseBannerVariant =
-    getMeta('ol-groupsAndEnterpriseBannerVariant')
-  const newNotificationStyle = getMeta(
-    'ol-newNotificationStyle',
-    false
-  ) as boolean
+  const groupsAndEnterpriseBannerVariant = getMeta(
+    'ol-groupsAndEnterpriseBannerVariant'
+  )
+  const newNotificationStyle = getMeta('ol-newNotificationStyle')
 
   const hasDismissedGroupsAndEnterpriseBanner = hasRecentlyDismissedBanner()
 
@@ -99,7 +96,7 @@ export default function GroupsAndEnterpriseBanner() {
 }
 
 function isVariantValid(variant: GroupsAndEnterpriseBannerVariant) {
-  return variants.includes(variant)
+  return GroupsAndEnterpriseBannerVariants.includes(variant)
 }
 
 function BannerContent({
diff --git a/services/web/frontend/js/features/project-list/components/notifications/groups/affiliation/reconfirm-affiliation.tsx b/services/web/frontend/js/features/project-list/components/notifications/groups/affiliation/reconfirm-affiliation.tsx
index ea4a4c7f8d..ebf0cf3c5d 100644
--- a/services/web/frontend/js/features/project-list/components/notifications/groups/affiliation/reconfirm-affiliation.tsx
+++ b/services/web/frontend/js/features/project-list/components/notifications/groups/affiliation/reconfirm-affiliation.tsx
@@ -9,7 +9,6 @@ import {
   postJSON,
 } from '../../../../../../infrastructure/fetch-json'
 import { UserEmailData } from '../../../../../../../../types/user-email'
-import { ExposedSettings } from '../../../../../../../../types/exposed-settings'
 import { Institution } from '../../../../../../../../types/institution'
 import { useLocation } from '../../../../../../shared/hooks/use-location'
 import { debugConsole } from '@/utils/debugging'
@@ -24,11 +23,8 @@ function ReconfirmAffiliation({
   institution,
 }: ReconfirmAffiliationProps) {
   const { t } = useTranslation()
-  const { samlInitPath } = getMeta('ol-ExposedSettings') as ExposedSettings
-  const newNotificationStyle = getMeta(
-    'ol-newNotificationStyle',
-    false
-  ) as boolean
+  const { samlInitPath } = getMeta('ol-ExposedSettings')
+  const newNotificationStyle = getMeta('ol-newNotificationStyle')
   const { error, isLoading, isError, isSuccess, runAsync } = useAsync()
   const [hasSent, setHasSent] = useState(false)
   const [isPending, setIsPending] = useState(false)
diff --git a/services/web/frontend/js/features/project-list/components/notifications/groups/affiliation/reconfirmation-info.tsx b/services/web/frontend/js/features/project-list/components/notifications/groups/affiliation/reconfirmation-info.tsx
index 7320963e59..2fb07492ce 100644
--- a/services/web/frontend/js/features/project-list/components/notifications/groups/affiliation/reconfirmation-info.tsx
+++ b/services/web/frontend/js/features/project-list/components/notifications/groups/affiliation/reconfirmation-info.tsx
@@ -1,16 +1,13 @@
 import Notification from '../../notification'
 import ReconfirmAffiliation from './reconfirm-affiliation'
 import getMeta from '../../../../../../utils/meta'
-import { UserEmailData } from '../../../../../../../../types/user-email'
 import ReconfirmationInfoSuccess from '../../../../../settings/components/emails/reconfirmation-info/reconfirmation-info-success'
 
 function ReconfirmationInfo() {
-  const allInReconfirmNotificationPeriods = getMeta(
-    'ol-allInReconfirmNotificationPeriods',
-    []
-  ) as UserEmailData[]
-  const userEmails = getMeta('ol-userEmails', []) as UserEmailData[]
-  const reconfirmedViaSAML = getMeta('ol-reconfirmedViaSAML') as string
+  const allInReconfirmNotificationPeriods =
+    getMeta('ol-allInReconfirmNotificationPeriods') || []
+  const userEmails = getMeta('ol-userEmails') || []
+  const reconfirmedViaSAML = getMeta('ol-reconfirmedViaSAML')
   return (
     <>
       {allInReconfirmNotificationPeriods.map(userEmail =>
diff --git a/services/web/frontend/js/features/project-list/components/notifications/groups/common.tsx b/services/web/frontend/js/features/project-list/components/notifications/groups/common.tsx
index ca063adc05..95d8da2298 100644
--- a/services/web/frontend/js/features/project-list/components/notifications/groups/common.tsx
+++ b/services/web/frontend/js/features/project-list/components/notifications/groups/common.tsx
@@ -6,18 +6,16 @@ import getMeta from '../../../../../utils/meta'
 import useAsyncDismiss from '../hooks/useAsyncDismiss'
 import useAsync from '../../../../../shared/hooks/use-async'
 import { FetchError, postJSON } from '../../../../../infrastructure/fetch-json'
-import { ExposedSettings } from '../../../../../../../types/exposed-settings'
 import {
   NotificationProjectInvite,
   Notification as NotificationType,
 } from '../../../../../../../types/project/dashboard/notification'
-import { User } from '../../../../../../../types/user'
 import GroupInvitationNotification from './group-invitation/group-invitation'
 import IEEERetirementBanner from '../ieee-retirement-banner'
 import { debugConsole } from '@/utils/debugging'
 
 function Common() {
-  const notifications = getMeta('ol-notifications', []) as NotificationType[]
+  const notifications = getMeta('ol-notifications') || []
   if (!notifications.length) {
     return null
   }
@@ -37,12 +35,9 @@ type CommonNotificationProps = {
 
 function CommonNotification({ notification }: CommonNotificationProps) {
   const { t } = useTranslation()
-  const { samlInitPath } = getMeta('ol-ExposedSettings') as ExposedSettings
-  const user = getMeta('ol-user', []) as Pick<User, 'features'>
-  const newNotificationStyle = getMeta(
-    'ol-newNotificationStyle',
-    false
-  ) as boolean
+  const { samlInitPath } = getMeta('ol-ExposedSettings')
+  const user = getMeta('ol-user')
+  const newNotificationStyle = getMeta('ol-newNotificationStyle')
   const { isLoading, isSuccess, error, runAsync } = useAsync<
     never,
     FetchError
diff --git a/services/web/frontend/js/features/project-list/components/notifications/groups/confirm-email.tsx b/services/web/frontend/js/features/project-list/components/notifications/groups/confirm-email.tsx
index 8e374f2576..0c208726bb 100644
--- a/services/web/frontend/js/features/project-list/components/notifications/groups/confirm-email.tsx
+++ b/services/web/frontend/js/features/project-list/components/notifications/groups/confirm-email.tsx
@@ -9,15 +9,11 @@ import {
   postJSON,
   getUserFacingMessage,
 } from '../../../../../infrastructure/fetch-json'
-import { ExposedSettings } from '../../../../../../../types/exposed-settings'
 import { UserEmailData } from '../../../../../../../types/user-email'
 import { debugConsole } from '@/utils/debugging'
-import { Subscription } from '../../../../../../../types/project/dashboard/subscription'
 
 const ssoAvailable = ({ samlProviderId, affiliation }: UserEmailData) => {
-  const { hasSamlFeature, hasSamlBeta } = getMeta(
-    'ol-ExposedSettings'
-  ) as ExposedSettings
+  const { hasSamlFeature, hasSamlBeta } = getMeta('ol-ExposedSettings')
 
   if (!hasSamlFeature) {
     return false
@@ -60,9 +56,7 @@ function emailHasLicenceAfterConfirming(emailData: UserEmailData) {
 }
 
 function isOnFreeOrIndividualPlan() {
-  const subscription: Subscription | undefined = getMeta(
-    'ol-usersBestSubscription'
-  )
+  const subscription = getMeta('ol-usersBestSubscription')
   if (!subscription) {
     return false
   }
@@ -71,9 +65,7 @@ function isOnFreeOrIndividualPlan() {
 }
 
 const showConfirmEmail = (userEmail: UserEmailData) => {
-  const { emailConfirmationDisabled } = getMeta(
-    'ol-ExposedSettings'
-  ) as ExposedSettings
+  const { emailConfirmationDisabled } = getMeta('ol-ExposedSettings')
 
   return (
     !emailConfirmationDisabled &&
@@ -179,7 +171,7 @@ function ConfirmEmailNotification({ userEmail }: { userEmail: UserEmailData }) {
 
 function ConfirmEmail() {
   const { totalProjectsCount } = useProjectListContext()
-  const userEmails = getMeta('ol-userEmails', []) as UserEmailData[]
+  const userEmails = getMeta('ol-userEmails') || []
 
   if (!totalProjectsCount || !userEmails.length) {
     return null
diff --git a/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/group-invitation-cancel-subscription.tsx b/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/group-invitation-cancel-subscription.tsx
index 2729f44485..5228afa85a 100644
--- a/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/group-invitation-cancel-subscription.tsx
+++ b/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/group-invitation-cancel-subscription.tsx
@@ -20,10 +20,7 @@ export default function GroupInvitationCancelIndividualSubscriptionNotification(
   notification,
 }: GroupInvitationCancelIndividualSubscriptionNotificationProps) {
   const { t } = useTranslation()
-  const newNotificationStyle = getMeta(
-    'ol-newNotificationStyle',
-    false
-  ) as boolean
+  const newNotificationStyle = getMeta('ol-newNotificationStyle')
   const {
     messageOpts: { inviterName },
   } = notification
diff --git a/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/group-invitation-join.tsx b/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/group-invitation-join.tsx
index b33890e0b8..fb1c5da6bb 100644
--- a/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/group-invitation-join.tsx
+++ b/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/group-invitation-join.tsx
@@ -18,10 +18,7 @@ export default function GroupInvitationNotificationJoin({
   dismissGroupInviteNotification,
 }: GroupInvitationNotificationProps) {
   const { t } = useTranslation()
-  const newNotificationStyle = getMeta(
-    'ol-newNotificationStyle',
-    false
-  ) as boolean
+  const newNotificationStyle = getMeta('ol-newNotificationStyle')
   const {
     messageOpts: { inviterName },
   } = notification
diff --git a/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/group-invitation-successful.tsx b/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/group-invitation-successful.tsx
index abdd242c27..bb6ef8ac51 100644
--- a/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/group-invitation-successful.tsx
+++ b/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/group-invitation-successful.tsx
@@ -11,10 +11,7 @@ export default function GroupInvitationSuccessfulNotification({
   hideNotification,
 }: GroupInvitationSuccessfulNotificationProps) {
   const { t } = useTranslation()
-  const newNotificationStyle = getMeta(
-    'ol-newNotificationStyle',
-    false
-  ) as boolean
+  const newNotificationStyle = getMeta('ol-newNotificationStyle')
 
   return (
     <Notification
diff --git a/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/hooks/use-group-invitation-notification.tsx b/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/hooks/use-group-invitation-notification.tsx
index 92a1a85254..6c25513124 100644
--- a/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/hooks/use-group-invitation-notification.tsx
+++ b/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/hooks/use-group-invitation-notification.tsx
@@ -59,7 +59,7 @@ export function useGroupInvitationNotification(
 
   const hasIndividualRecurlySubscription = getMeta(
     'ol-hasIndividualRecurlySubscription'
-  ) as boolean | undefined
+  )
 
   useEffect(() => {
     if (hasIndividualRecurlySubscription) {
diff --git a/services/web/frontend/js/features/project-list/components/notifications/groups/institution.tsx b/services/web/frontend/js/features/project-list/components/notifications/groups/institution.tsx
index aae8cadb0f..edddd82b5c 100644
--- a/services/web/frontend/js/features/project-list/components/notifications/groups/institution.tsx
+++ b/services/web/frontend/js/features/project-list/components/notifications/groups/institution.tsx
@@ -5,22 +5,12 @@ import Notification from '../notification'
 import Icon from '../../../../../shared/components/icon'
 import getMeta from '../../../../../utils/meta'
 import useAsyncDismiss from '../hooks/useAsyncDismiss'
-import { ExposedSettings } from '../../../../../../../types/exposed-settings'
-import { Institution as InstitutionType } from '../../../../../../../types/project/dashboard/notification'
 
 function Institution() {
   const { t } = useTranslation()
-  const { samlInitPath, appName } = getMeta(
-    'ol-ExposedSettings'
-  ) as ExposedSettings
-  const notificationsInstitution = getMeta(
-    'ol-notificationsInstitution',
-    []
-  ) as InstitutionType[]
-  const newNotificationStyle = getMeta(
-    'ol-newNotificationStyle',
-    false
-  ) as boolean
+  const { samlInitPath, appName } = getMeta('ol-ExposedSettings')
+  const notificationsInstitution = getMeta('ol-notificationsInstitution') || []
+  const newNotificationStyle = getMeta('ol-newNotificationStyle')
   const { handleDismiss } = useAsyncDismiss()
 
   if (!notificationsInstitution.length) {
diff --git a/services/web/frontend/js/features/project-list/components/notifications/notification.tsx b/services/web/frontend/js/features/project-list/components/notifications/notification.tsx
index 7d9a4cf742..5eacb75f6f 100644
--- a/services/web/frontend/js/features/project-list/components/notifications/notification.tsx
+++ b/services/web/frontend/js/features/project-list/components/notifications/notification.tsx
@@ -40,8 +40,7 @@ function Notification({
   ...props
 }: NotificationProps) {
   newNotificationStyle =
-    newNotificationStyle ??
-    (getMeta('ol-newNotificationStyle', false) as boolean)
+    newNotificationStyle ?? getMeta('ol-newNotificationStyle')
 
   const [show, setShow] = useState(true)
 
diff --git a/services/web/frontend/js/features/project-list/components/notifications/user-notifications.tsx b/services/web/frontend/js/features/project-list/components/notifications/user-notifications.tsx
index e0ca0783c7..83f5a43eca 100644
--- a/services/web/frontend/js/features/project-list/components/notifications/user-notifications.tsx
+++ b/services/web/frontend/js/features/project-list/components/notifications/user-notifications.tsx
@@ -14,11 +14,6 @@ import classNames from 'classnames'
 import GeoBanners from './geo-banners'
 import AccessibilitySurveyBanner from './accessibility-survey-banner'
 
-type Subscription = {
-  groupId: string
-  groupName: string
-}
-
 const [enrollmentNotificationModule] = importOverleafModules(
   'managedGroupSubscriptionEnrollmentNotification'
 )
@@ -28,14 +23,9 @@ const EnrollmentNotification: JSXElementConstructor<{
 }> = enrollmentNotificationModule?.import.default
 
 function UserNotifications() {
-  const newNotificationStyle = getMeta(
-    'ol-newNotificationStyle',
-    false
-  ) as boolean
-  const groupSubscriptionsPendingEnrollment: Subscription[] = getMeta(
-    'ol-groupSubscriptionsPendingEnrollment',
-    []
-  )
+  const newNotificationStyle = getMeta('ol-newNotificationStyle')
+  const groupSubscriptionsPendingEnrollment =
+    getMeta('ol-groupSubscriptionsPendingEnrollment') || []
   const user = getMeta('ol-user')
 
   // Temporary workaround to prevent also showing groups/enterprise banner
diff --git a/services/web/frontend/js/features/project-list/components/survey-widget.tsx b/services/web/frontend/js/features/project-list/components/survey-widget.tsx
index b2ef413da0..c2874c0ef2 100644
--- a/services/web/frontend/js/features/project-list/components/survey-widget.tsx
+++ b/services/web/frontend/js/features/project-list/components/survey-widget.tsx
@@ -1,11 +1,10 @@
 import usePersistedState from '../../../shared/hooks/use-persisted-state'
 import getMeta from '../../../utils/meta'
-import { Survey } from '../../../../../types/project/dashboard/survey'
 import { useCallback } from 'react'
 import Close from '@/shared/components/close'
 
 export default function SurveyWidget() {
-  const survey: Survey = getMeta('ol-survey')
+  const survey = getMeta('ol-survey')
   const [dismissedSurvey, setDismissedSurvey] = usePersistedState(
     `dismissed-${survey?.name}`,
     false
diff --git a/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/delete-project-button.tsx b/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/delete-project-button.tsx
index c1d4fc2e2b..fd7fdbdf3d 100644
--- a/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/delete-project-button.tsx
+++ b/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/delete-project-button.tsx
@@ -7,6 +7,7 @@ import DeleteProjectModal from '../../../modals/delete-project-modal'
 import useIsMounted from '../../../../../../shared/hooks/use-is-mounted'
 import { deleteProject } from '../../../../util/api'
 import { useProjectListContext } from '../../../../context/project-list-context'
+import getMeta from '@/utils/meta'
 
 type DeleteProjectButtonProps = {
   project: Project
@@ -31,7 +32,7 @@ function DeleteProjectButton({ project, children }: DeleteProjectButtonProps) {
   }, [isMounted])
 
   const isOwner = useMemo(() => {
-    return project.owner && window.user_id === project.owner.id
+    return project.owner && getMeta('ol-user_id') === project.owner.id
   }, [project])
 
   const handleDeleteProject = useCallback(async () => {
diff --git a/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/leave-project-button.tsx b/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/leave-project-button.tsx
index e54f73cab1..7649c3f3a3 100644
--- a/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/leave-project-button.tsx
+++ b/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/leave-project-button.tsx
@@ -7,6 +7,7 @@ import { useProjectListContext } from '../../../../context/project-list-context'
 import useIsMounted from '../../../../../../shared/hooks/use-is-mounted'
 import { leaveProject } from '../../../../util/api'
 import { Project } from '../../../../../../../../types/project/dashboard/api'
+import getMeta from '@/utils/meta'
 
 type LeaveProjectButtonProps = {
   project: Project
@@ -18,7 +19,7 @@ function LeaveProjectButton({ project, children }: LeaveProjectButtonProps) {
   const { t } = useTranslation()
   const text = t('leave')
   const isOwner = useMemo(() => {
-    return project.owner && window.user_id === project.owner.id
+    return project.owner && getMeta('ol-user_id') === project.owner.id
   }, [project])
   const [showModal, setShowModal] = useState(false)
   const isMounted = useIsMounted()
diff --git a/services/web/frontend/js/features/project-list/components/welcome-message-new/welcome-message-create-new-project-dropdown.tsx b/services/web/frontend/js/features/project-list/components/welcome-message-new/welcome-message-create-new-project-dropdown.tsx
index e9a6654ff5..eb35e5299b 100644
--- a/services/web/frontend/js/features/project-list/components/welcome-message-new/welcome-message-create-new-project-dropdown.tsx
+++ b/services/web/frontend/js/features/project-list/components/welcome-message-new/welcome-message-create-new-project-dropdown.tsx
@@ -1,10 +1,8 @@
 import { useCallback, useState, forwardRef } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { PortalTemplate } from '../../../../../../types/portal-template'
 import { sendMB } from '../../../../infrastructure/event-tracking'
 import getMeta from '../../../../utils/meta'
 import { NewProjectButtonModalVariant } from '../new-project-button/new-project-button-modal'
-import { ExposedSettings } from '../../../../../../types/exposed-settings'
 import {
   Dropdown,
   DropdownDivider,
@@ -61,11 +59,9 @@ function WelcomeMessageCreateNewProjectDropdown({
 }: WelcomeMessageCreateNewProjectDropdownProps) {
   const [showDropdown, setShowDropdown] = useState(false)
   const { t } = useTranslation()
-  const portalTemplates = getMeta('ol-portalTemplates') as
-    | PortalTemplate[]
-    | undefined
+  const portalTemplates = getMeta('ol-portalTemplates') || []
 
-  const { isOverleaf } = getMeta('ol-ExposedSettings') as ExposedSettings
+  const { isOverleaf } = getMeta('ol-ExposedSettings')
 
   const handleClick = useCallback(() => {
     sendMB('welcome-page-create-first-project-click', {
@@ -184,7 +180,7 @@ function WelcomeMessageCreateNewProjectDropdown({
                   {t('import_from_github')}
                 </button>
               )}
-              {(portalTemplates?.length ?? 0) > 0 ? (
+              {portalTemplates.length > 0 ? (
                 <>
                   <hr />
                   <div className="dropdown-header">
diff --git a/services/web/frontend/js/features/project-list/components/welcome-message.tsx b/services/web/frontend/js/features/project-list/components/welcome-message.tsx
index 672b5a9dd7..d85fbd4dc0 100644
--- a/services/web/frontend/js/features/project-list/components/welcome-message.tsx
+++ b/services/web/frontend/js/features/project-list/components/welcome-message.tsx
@@ -6,7 +6,6 @@ import type { Nullable } from '../../../../../types/utils'
 import WelcomeMessageLink from './welcome-message-new/welcome-message-link'
 import WelcomeMessageCreateNewProjectDropdown from './welcome-message-new/welcome-message-create-new-project-dropdown'
 import getMeta from '@/utils/meta'
-import { ExposedSettings } from '../../../../../types/exposed-settings'
 import OLCard from '@/features/ui/components/ol/ol-card'
 
 export default function WelcomeMessage() {
@@ -14,9 +13,7 @@ export default function WelcomeMessage() {
   const [activeModal, setActiveModal] =
     useState<Nullable<NewProjectButtonModalVariant>>(null)
 
-  const { wikiEnabled, templatesEnabled } = getMeta(
-    'ol-ExposedSettings'
-  ) as ExposedSettings
+  const { wikiEnabled, templatesEnabled } = getMeta('ol-ExposedSettings')
 
   return (
     <>
diff --git a/services/web/frontend/js/features/project-list/context/project-list-context.tsx b/services/web/frontend/js/features/project-list/context/project-list-context.tsx
index b7859e5e22..2c1e7941ec 100644
--- a/services/web/frontend/js/features/project-list/context/project-list-context.tsx
+++ b/services/web/frontend/js/features/project-list/context/project-list-context.tsx
@@ -145,7 +145,7 @@ export function ProjectListProvider({ children }: ProjectListProviderProps) {
   >('project-list-selected-tag-id', undefined)
   const [showCustomPicker, setShowCustomPicker] = useState(false)
 
-  const olTags: Tag[] = getMeta('ol-tags', [])
+  const olTags = getMeta('ol-tags') || []
 
   const [tags, setTags] = useState<Tag[]>(() =>
     // `tag.name` data may be null for some old users
diff --git a/services/web/frontend/js/features/project-list/util/user.ts b/services/web/frontend/js/features/project-list/util/user.ts
index 5e70496ebd..cb63ba3aee 100644
--- a/services/web/frontend/js/features/project-list/util/user.ts
+++ b/services/web/frontend/js/features/project-list/util/user.ts
@@ -1,7 +1,8 @@
 import { UserRef } from '../../../../../types/project/dashboard/api'
+import getMeta from '@/utils/meta'
 
 export function getUserName(user: UserRef) {
-  if (user?.id === window.user_id) {
+  if (user?.id === getMeta('ol-user_id')) {
     return 'You'
   }
 
diff --git a/services/web/frontend/js/features/settings/components/account-info-section.tsx b/services/web/frontend/js/features/settings/components/account-info-section.tsx
index dcd5b6cc11..3367d8b75c 100644
--- a/services/web/frontend/js/features/settings/components/account-info-section.tsx
+++ b/services/web/frontend/js/features/settings/components/account-info-section.tsx
@@ -5,7 +5,6 @@ import {
   postJSON,
 } from '../../../infrastructure/fetch-json'
 import getMeta from '../../../utils/meta'
-import { ExposedSettings } from '../../../../../types/exposed-settings'
 import useAsync from '../../../shared/hooks/use-async'
 import { useUserContext } from '../../../shared/context/user-context'
 import OLButton from '@/features/ui/components/ol/ol-button'
@@ -17,15 +16,11 @@ import FormText from '@/features/ui/components/bootstrap-5/form/form-text'
 
 function AccountInfoSection() {
   const { t } = useTranslation()
-  const { hasAffiliationsFeature } = getMeta(
-    'ol-ExposedSettings'
-  ) as ExposedSettings
+  const { hasAffiliationsFeature } = getMeta('ol-ExposedSettings')
   const isExternalAuthenticationSystemUsed = getMeta(
     'ol-isExternalAuthenticationSystemUsed'
-  ) as boolean
-  const shouldAllowEditingDetails = getMeta(
-    'ol-shouldAllowEditingDetails'
-  ) as boolean
+  )
+  const shouldAllowEditingDetails = getMeta('ol-shouldAllowEditingDetails')
   const {
     first_name: initialFirstName,
     last_name: initialLastName,
diff --git a/services/web/frontend/js/features/settings/components/emails-section.tsx b/services/web/frontend/js/features/settings/components/emails-section.tsx
index 18f078fb07..fd6f04d312 100644
--- a/services/web/frontend/js/features/settings/components/emails-section.tsx
+++ b/services/web/frontend/js/features/settings/components/emails-section.tsx
@@ -10,7 +10,6 @@ import EmailsRow from './emails/row'
 import AddEmail from './emails/add-email'
 import Icon from '../../../shared/components/icon'
 import OLNotification from '@/features/ui/components/ol/ol-notification'
-import { ExposedSettings } from '../../../../../types/exposed-settings'
 import { LeaversSurveyAlert } from './leavers-survey-alert'
 
 function EmailsSectionContent() {
@@ -24,9 +23,7 @@ function EmailsSectionContent() {
   const userEmails = Object.values(userEmailsData.byId)
 
   // Only show the "add email" button if the user has permission to add a secondary email
-  const hideAddSecondaryEmail = getMeta(
-    'ol-cannot-add-secondary-email'
-  ) as boolean
+  const hideAddSecondaryEmail = getMeta('ol-cannot-add-secondary-email')
 
   return (
     <>
@@ -82,9 +79,7 @@ function EmailsSectionContent() {
 }
 
 function EmailsSection() {
-  const { hasAffiliationsFeature } = getMeta(
-    'ol-ExposedSettings'
-  ) as ExposedSettings
+  const { hasAffiliationsFeature } = getMeta('ol-ExposedSettings')
   if (!hasAffiliationsFeature) {
     return null
   }
diff --git a/services/web/frontend/js/features/settings/components/emails/actions/remove.tsx b/services/web/frontend/js/features/settings/components/emails/actions/remove.tsx
index c7dcebdf83..d2b4a95da7 100644
--- a/services/web/frontend/js/features/settings/components/emails/actions/remove.tsx
+++ b/services/web/frontend/js/features/settings/components/emails/actions/remove.tsx
@@ -46,7 +46,7 @@ function Remove({ userEmailData, deleteEmailAsync }: RemoveProps) {
   const { t } = useTranslation()
   const { state, deleteEmail, resetLeaversSurveyExpiration } =
     useUserEmailsContext()
-  const isManaged = getMeta('ol-isManagedAccount', false)
+  const isManaged = getMeta('ol-isManagedAccount')
 
   const getTooltipText = () => {
     if (isManaged) {
diff --git a/services/web/frontend/js/features/settings/components/emails/add-email.tsx b/services/web/frontend/js/features/settings/components/emails/add-email.tsx
index ed2386147e..c7d64e7398 100644
--- a/services/web/frontend/js/features/settings/components/emails/add-email.tsx
+++ b/services/web/frontend/js/features/settings/components/emails/add-email.tsx
@@ -42,7 +42,7 @@ function AddEmail() {
     getEmails,
   } = useUserEmailsContext()
 
-  const emailAddressLimit = getMeta('ol-emailAddressLimit', 10)
+  const emailAddressLimit = getMeta('ol-emailAddressLimit') || 10
   const { ref: recaptchaRef, getReCaptchaToken } = useRecaptcha()
 
   useEffect(() => {
diff --git a/services/web/frontend/js/features/settings/components/emails/add-email/sso-linking-info.tsx b/services/web/frontend/js/features/settings/components/emails/add-email/sso-linking-info.tsx
index f4a22b85a6..c8208fc2ce 100644
--- a/services/web/frontend/js/features/settings/components/emails/add-email/sso-linking-info.tsx
+++ b/services/web/frontend/js/features/settings/components/emails/add-email/sso-linking-info.tsx
@@ -1,7 +1,6 @@
 import { useState } from 'react'
 import { Trans, useTranslation } from 'react-i18next'
 import { DomainInfo } from './input'
-import { ExposedSettings } from '../../../../../../../types/exposed-settings'
 import getMeta from '../../../../../utils/meta'
 import { useLocation } from '../../../../../shared/hooks/use-location'
 import OLButton from '@/features/ui/components/ol/ol-button'
@@ -12,7 +11,7 @@ type SSOLinkingInfoProps = {
 }
 
 function SsoLinkingInfo({ domainInfo, email }: SSOLinkingInfoProps) {
-  const { samlInitPath } = getMeta('ol-ExposedSettings') as ExposedSettings
+  const { samlInitPath } = getMeta('ol-ExposedSettings')
   const { t } = useTranslation()
   const location = useLocation()
 
diff --git a/services/web/frontend/js/features/settings/components/emails/reconfirmation-info.tsx b/services/web/frontend/js/features/settings/components/emails/reconfirmation-info.tsx
index 4970602559..0b0fc499ef 100644
--- a/services/web/frontend/js/features/settings/components/emails/reconfirmation-info.tsx
+++ b/services/web/frontend/js/features/settings/components/emails/reconfirmation-info.tsx
@@ -14,7 +14,6 @@ import { debugConsole } from '@/utils/debugging'
 import { ssoAvailableForInstitution } from '@/features/settings/utils/sso'
 import { Trans, useTranslation } from 'react-i18next'
 import useAsync from '@/shared/hooks/use-async'
-import { ExposedSettings } from '../../../../../../types/exposed-settings'
 import { useLocation } from '@/shared/hooks/use-location'
 import OLButton from '@/features/ui/components/ol/ol-button'
 import classnames from 'classnames'
@@ -24,13 +23,11 @@ type ReconfirmationInfoProps = {
 }
 
 function ReconfirmationInfo({ userEmailData }: ReconfirmationInfoProps) {
-  const reconfirmationRemoveEmail = getMeta(
-    'ol-reconfirmationRemoveEmail'
-  ) as string
-  const reconfirmedViaSAML = getMeta('ol-reconfirmedViaSAML') as string
+  const reconfirmationRemoveEmail = getMeta('ol-reconfirmationRemoveEmail')
+  const reconfirmedViaSAML = getMeta('ol-reconfirmedViaSAML')
 
   const { t } = useTranslation()
-  const { samlInitPath } = getMeta('ol-ExposedSettings') as ExposedSettings
+  const { samlInitPath } = getMeta('ol-ExposedSettings')
   const { error, isLoading, isError, isSuccess, runAsync } = useAsync()
   const { state, setLoading: setUserEmailsContextLoading } =
     useUserEmailsContext()
diff --git a/services/web/frontend/js/features/settings/components/emails/row.tsx b/services/web/frontend/js/features/settings/components/emails/row.tsx
index c1ff7f2fb6..ba510d16c5 100644
--- a/services/web/frontend/js/features/settings/components/emails/row.tsx
+++ b/services/web/frontend/js/features/settings/components/emails/row.tsx
@@ -8,7 +8,6 @@ import Actions from './actions'
 import { institutionAlreadyLinked } from '../../utils/selectors'
 import { useUserEmailsContext } from '../../context/user-email-context'
 import getMeta from '../../../../utils/meta'
-import { ExposedSettings } from '../../../../../../types/exposed-settings'
 import { ssoAvailableForInstitution } from '../../utils/sso'
 import ReconfirmationInfo from './reconfirmation-info'
 import { useLocation } from '../../../../shared/hooks/use-location'
@@ -61,7 +60,7 @@ type SSOAffiliationInfoProps = {
 }
 
 function SSOAffiliationInfo({ userEmailData }: SSOAffiliationInfoProps) {
-  const { samlInitPath } = getMeta('ol-ExposedSettings') as ExposedSettings
+  const { samlInitPath } = getMeta('ol-ExposedSettings')
   const { t } = useTranslation()
   const { state } = useUserEmailsContext()
   const location = useLocation()
diff --git a/services/web/frontend/js/features/settings/components/emails/sso-alert.tsx b/services/web/frontend/js/features/settings/components/emails/sso-alert.tsx
index 5d1fe100d9..368e91f2c7 100644
--- a/services/web/frontend/js/features/settings/components/emails/sso-alert.tsx
+++ b/services/web/frontend/js/features/settings/components/emails/sso-alert.tsx
@@ -4,27 +4,14 @@ import Icon from '../../../../shared/components/icon'
 import getMeta from '../../../../utils/meta'
 import OLNotification from '@/features/ui/components/ol/ol-notification'
 
-type InstitutionLink = {
-  universityName: string
-  hasEntitlement?: boolean
-}
-
-type SAMLError = {
-  translatedMessage?: string
-  message?: string
-  tryAgain?: boolean
-}
-
 export function SSOAlert() {
   const { t } = useTranslation()
 
-  const institutionLinked: InstitutionLink | undefined = getMeta(
-    'ol-institutionLinked'
-  )
-  const institutionEmailNonCanonical: string | undefined = getMeta(
+  const institutionLinked = getMeta('ol-institutionLinked')
+  const institutionEmailNonCanonical = getMeta(
     'ol-institutionEmailNonCanonical'
   )
-  const samlError: SAMLError | undefined = getMeta('ol-samlError')
+  const samlError = getMeta('ol-samlError')
 
   const [infoClosed, setInfoClosed] = useState(false)
   const [warningClosed, setWarningClosed] = useState(false)
diff --git a/services/web/frontend/js/features/settings/components/leave/modal-content.tsx b/services/web/frontend/js/features/settings/components/leave/modal-content.tsx
index 97177430ef..7c3ed3bc9c 100644
--- a/services/web/frontend/js/features/settings/components/leave/modal-content.tsx
+++ b/services/web/frontend/js/features/settings/components/leave/modal-content.tsx
@@ -2,7 +2,6 @@ import { useState, Dispatch, SetStateAction } from 'react'
 import { useTranslation, Trans } from 'react-i18next'
 import getMeta from '../../../../utils/meta'
 import LeaveModalForm, { LeaveModalFormProps } from './modal-form'
-import { ExposedSettings } from '../../../../../../types/exposed-settings'
 import OLButton from '@/features/ui/components/ol/ol-button'
 import {
   OLModalBody,
@@ -23,8 +22,8 @@ function LeaveModalContentBlock({
   setIsFormValid,
 }: LeaveModalFormProps) {
   const { t } = useTranslation()
-  const { isOverleaf } = getMeta('ol-ExposedSettings') as ExposedSettings
-  const hasPassword = getMeta('ol-hasPassword') as boolean
+  const { isOverleaf } = getMeta('ol-ExposedSettings')
+  const hasPassword = getMeta('ol-hasPassword')
 
   if (isOverleaf && !hasPassword) {
     return (
diff --git a/services/web/frontend/js/features/settings/components/leave/modal-form-error.tsx b/services/web/frontend/js/features/settings/components/leave/modal-form-error.tsx
index f26be8d948..31b2c2bb8a 100644
--- a/services/web/frontend/js/features/settings/components/leave/modal-form-error.tsx
+++ b/services/web/frontend/js/features/settings/components/leave/modal-form-error.tsx
@@ -1,7 +1,6 @@
 import { useTranslation, Trans } from 'react-i18next'
 import getMeta from '../../../../utils/meta'
 import { FetchError } from '../../../../infrastructure/fetch-json'
-import { ExposedSettings } from '../../../../../../types/exposed-settings'
 import OLNotification from '@/features/ui/components/ol/ol-notification'
 
 type LeaveModalFormErrorProps = {
@@ -10,7 +9,7 @@ type LeaveModalFormErrorProps = {
 
 function LeaveModalFormError({ error }: LeaveModalFormErrorProps) {
   const { t } = useTranslation()
-  const { isOverleaf } = getMeta('ol-ExposedSettings') as ExposedSettings
+  const { isOverleaf } = getMeta('ol-ExposedSettings')
 
   let errorMessage
   let errorTip = null
diff --git a/services/web/frontend/js/features/settings/components/leave/modal-form.tsx b/services/web/frontend/js/features/settings/components/leave/modal-form.tsx
index 83e6cdb018..cc4d42b0e6 100644
--- a/services/web/frontend/js/features/settings/components/leave/modal-form.tsx
+++ b/services/web/frontend/js/features/settings/components/leave/modal-form.tsx
@@ -21,7 +21,7 @@ function LeaveModalForm({
   setIsFormValid,
 }: LeaveModalFormProps) {
   const { t } = useTranslation()
-  const userDefaultEmail = getMeta('ol-usersEmail') as string
+  const userDefaultEmail = getMeta('ol-usersEmail')!
   const location = useLocation()
 
   const [email, setEmail] = useState('')
diff --git a/services/web/frontend/js/features/settings/components/linking-section.tsx b/services/web/frontend/js/features/settings/components/linking-section.tsx
index 8888144155..bc03acbf7d 100644
--- a/services/web/frontend/js/features/settings/components/linking-section.tsx
+++ b/services/web/frontend/js/features/settings/components/linking-section.tsx
@@ -1,4 +1,4 @@
-import { useState, ElementType } from 'react'
+import { ElementType } from 'react'
 import { useTranslation } from 'react-i18next'
 import importOverleafModules from '../../../../macros/import-overleaf-module.macro'
 import { useSSOContext, SSOSubscription } from '../context/sso-context'
@@ -8,29 +8,33 @@ import { useBroadcastUser } from '@/shared/hooks/user-channel/use-broadcast-user
 import { useFeatureFlag } from '@/shared/context/split-test-context'
 import OLNotification from '@/features/ui/components/ol/ol-notification'
 
+const availableIntegrationLinkingWidgets = importOverleafModules(
+  'integrationLinkingWidgets'
+) as any[]
+const availableReferenceLinkingWidgets = importOverleafModules(
+  'referenceLinkingWidgets'
+) as any[]
+const availableLangFeedbackLinkingWidgets = importOverleafModules(
+  'langFeedbackLinkingWidgets'
+) as any[]
+
 function LinkingSection() {
   useBroadcastUser()
   const { t } = useTranslation()
   const { subscriptions } = useSSOContext()
-  const ssoErrorMessage = getMeta('ol-ssoErrorMessage') as string
-  const projectSyncSuccessMessage = getMeta(
-    'ol-projectSyncSuccessMessage'
-  ) as string
-  const [integrationLinkingWidgets] = useState<any[]>(
-    () =>
-      getMeta('integrationLinkingWidgets') ||
-      importOverleafModules('integrationLinkingWidgets')
-  )
-  const [referenceLinkingWidgets] = useState<any[]>(
-    () =>
-      getMeta('referenceLinkingWidgets') ||
-      importOverleafModules('referenceLinkingWidgets')
-  )
-  const [langFeedbackLinkingWidgets] = useState<any[]>(
-    () =>
-      getMeta('langFeedbackLinkingWidgets') ||
-      importOverleafModules('langFeedbackLinkingWidgets')
-  )
+  const ssoErrorMessage = getMeta('ol-ssoErrorMessage')
+  const projectSyncSuccessMessage = getMeta('ol-projectSyncSuccessMessage')
+
+  // hide linking widgets in CI
+  const integrationLinkingWidgets = getMeta('ol-hideLinkingWidgets')
+    ? []
+    : availableIntegrationLinkingWidgets
+  const referenceLinkingWidgets = getMeta('ol-hideLinkingWidgets')
+    ? []
+    : availableReferenceLinkingWidgets
+  const langFeedbackLinkingWidgets = getMeta('ol-hideLinkingWidgets')
+    ? []
+    : availableLangFeedbackLinkingWidgets
 
   const oauth2ServerComponents = importOverleafModules('oauth2Server') as {
     import: { default: ElementType }
@@ -40,7 +44,7 @@ function LinkingSection() {
   const renderSyncSection =
     getMeta('ol-isSaas') || getMeta('ol-gitBridgeEnabled')
 
-  const showPersonalAccessTokenComponents: boolean =
+  const showPersonalAccessTokenComponents =
     getMeta('ol-showPersonalAccessToken') ||
     getMeta('ol-optionalPersonalAccessToken')
 
diff --git a/services/web/frontend/js/features/settings/components/managed-account-alert.tsx b/services/web/frontend/js/features/settings/components/managed-account-alert.tsx
index b0a7d46f9f..02afa8d4c8 100644
--- a/services/web/frontend/js/features/settings/components/managed-account-alert.tsx
+++ b/services/web/frontend/js/features/settings/components/managed-account-alert.tsx
@@ -4,10 +4,9 @@ import Notification from '@/shared/components/notification'
 
 export default function ManagedAccountAlert() {
   const { t } = useTranslation()
-  const isManaged = getMeta('ol-isManagedAccount', false)
-  const currentManagedUserAdminEmail: string = getMeta(
-    'ol-currentManagedUserAdminEmail',
-    ''
+  const isManaged = getMeta('ol-isManagedAccount')
+  const currentManagedUserAdminEmail = getMeta(
+    'ol-currentManagedUserAdminEmail'
   )
 
   if (!isManaged) {
diff --git a/services/web/frontend/js/features/settings/components/password-section.tsx b/services/web/frontend/js/features/settings/components/password-section.tsx
index 541ec4f583..acd2e16450 100644
--- a/services/web/frontend/js/features/settings/components/password-section.tsx
+++ b/services/web/frontend/js/features/settings/components/password-section.tsx
@@ -6,8 +6,6 @@ import {
   postJSON,
 } from '../../../infrastructure/fetch-json'
 import getMeta from '../../../utils/meta'
-import { ExposedSettings } from '../../../../../types/exposed-settings'
-import { PasswordStrengthOptions } from '../../../../../types/password-strength-options'
 import useAsync from '../../../shared/hooks/use-async'
 import OLButton from '@/features/ui/components/ol/ol-button'
 import OLNotification from '@/features/ui/components/ol/ol-notification'
@@ -24,7 +22,7 @@ type PasswordUpdateResult = {
 
 function PasswordSection() {
   const { t } = useTranslation()
-  const hideChangePassword = getMeta('ol-cannot-change-password') as boolean
+  const hideChangePassword = getMeta('ol-cannot-change-password')
   return (
     <>
       <h3>{t('change_password')}</h3>
@@ -53,11 +51,11 @@ function CanOnlyLogInThroughSSO() {
 
 function PasswordInnerSection() {
   const { t } = useTranslation()
-  const { isOverleaf } = getMeta('ol-ExposedSettings') as ExposedSettings
+  const { isOverleaf } = getMeta('ol-ExposedSettings')
   const isExternalAuthenticationSystemUsed = getMeta(
     'ol-isExternalAuthenticationSystemUsed'
-  ) as boolean
-  const hasPassword = getMeta('ol-hasPassword') as boolean
+  )
+  const hasPassword = getMeta('ol-hasPassword')
 
   if (isExternalAuthenticationSystemUsed && !isOverleaf) {
     return <p>{t('password_managed_externally')}</p>
@@ -78,9 +76,7 @@ function PasswordInnerSection() {
 
 function PasswordForm() {
   const { t } = useTranslation()
-  const passwordStrengthOptions = getMeta(
-    'ol-passwordStrengthOptions'
-  ) as PasswordStrengthOptions
+  const passwordStrengthOptions = getMeta('ol-passwordStrengthOptions')
 
   const [currentPassword, setCurrentPassword] = useState('')
   const [newPassword1, setNewPassword1] = useState('')
diff --git a/services/web/frontend/js/features/settings/components/root.tsx b/services/web/frontend/js/features/settings/components/root.tsx
index 2c0d43e968..6a278c6f45 100644
--- a/services/web/frontend/js/features/settings/components/root.tsx
+++ b/services/web/frontend/js/features/settings/components/root.tsx
@@ -18,7 +18,6 @@ import { SSOProvider } from '../context/sso-context'
 import { SplitTestProvider } from '@/shared/context/split-test-context'
 import useWaitForI18n from '../../../shared/hooks/use-wait-for-i18n'
 import useScrollToIdOnLoad from '../../../shared/hooks/use-scroll-to-id-on-load'
-import { ExposedSettings } from '../../../../../types/exposed-settings'
 import { SSOAlert } from './emails/sso-alert'
 import OLRow from '@/features/ui/components/ol/ol-row'
 import OLCol from '@/features/ui/components/ol/ol-col'
@@ -45,9 +44,7 @@ function SettingsPageRoot() {
 
 function SettingsPageContent() {
   const { t } = useTranslation()
-  const { isOverleaf, labsEnabled } = getMeta(
-    'ol-ExposedSettings'
-  ) as ExposedSettings
+  const { isOverleaf, labsEnabled } = getMeta('ol-ExposedSettings')
 
   return (
     <UserProvider>
diff --git a/services/web/frontend/js/features/settings/components/security-section.tsx b/services/web/frontend/js/features/settings/components/security-section.tsx
index fba217ccb6..b9f46af36e 100644
--- a/services/web/frontend/js/features/settings/components/security-section.tsx
+++ b/services/web/frontend/js/features/settings/components/security-section.tsx
@@ -7,14 +7,11 @@ import OLButton from '@/features/ui/components/ol/ol-button'
 function SecuritySection() {
   const { t } = useTranslation()
 
-  const memberOfSSOEnabledGroups = getMeta(
-    'ol-memberOfSSOEnabledGroups',
-    []
-  ) as GroupSSOLinkingStatus[]
+  const memberOfSSOEnabledGroups = getMeta('ol-memberOfSSOEnabledGroups') || []
 
   return (
     <>
-      {memberOfSSOEnabledGroups?.length > 0 ? (
+      {memberOfSSOEnabledGroups.length > 0 ? (
         <>
           <h3>{t('security')}</h3>
           {memberOfSSOEnabledGroups.map(
diff --git a/services/web/frontend/js/features/settings/context/sso-context.tsx b/services/web/frontend/js/features/settings/context/sso-context.tsx
index 70b4cd0cdc..05bc476242 100644
--- a/services/web/frontend/js/features/settings/context/sso-context.tsx
+++ b/services/web/frontend/js/features/settings/context/sso-context.tsx
@@ -10,11 +10,7 @@ import { postJSON } from '../../../infrastructure/fetch-json'
 import useIsMounted from '../../../shared/hooks/use-is-mounted'
 import { set, cloneDeep } from 'lodash'
 import getMeta from '../../../utils/meta'
-import type {
-  OAuthProviders,
-  OAuthProvider,
-} from '../../../../../types/oauth-providers'
-import type { ThirdPartyIds } from '../../../../../types/third-party-ids'
+import type { OAuthProvider } from '../../../../../types/oauth-providers'
 
 export type SSOSubscription = {
   providerId: string
@@ -35,8 +31,8 @@ type SSOProviderProps = {
 
 export function SSOProvider({ children }: SSOProviderProps) {
   const isMounted = useIsMounted()
-  const oauthProviders = getMeta('ol-oauthProviders', {}) as OAuthProviders
-  const thirdPartyIds = getMeta('ol-thirdPartyIds') as ThirdPartyIds
+  const oauthProviders = getMeta('ol-oauthProviders') || {}
+  const thirdPartyIds = getMeta('ol-thirdPartyIds')
 
   const [subscriptions, setSubscriptions] = useState<
     Record<string, SSOSubscription>
diff --git a/services/web/frontend/js/features/settings/utils/sso.ts b/services/web/frontend/js/features/settings/utils/sso.ts
index dd6cc05e91..20284817ac 100644
--- a/services/web/frontend/js/features/settings/utils/sso.ts
+++ b/services/web/frontend/js/features/settings/utils/sso.ts
@@ -1,14 +1,11 @@
 import getMeta from '../../../utils/meta'
 import { DomainInfo } from '../components/emails/add-email/input'
-import { ExposedSettings } from '../../../../../types/exposed-settings'
 import { Institution } from '../../../../../types/institution'
 
 export const ssoAvailableForDomain = (
   domain: DomainInfo | null
 ): domain is DomainInfo => {
-  const { hasSamlBeta, hasSamlFeature } = getMeta(
-    'ol-ExposedSettings'
-  ) as ExposedSettings
+  const { hasSamlBeta, hasSamlFeature } = getMeta('ol-ExposedSettings')
   if (!hasSamlFeature || !domain || !domain.confirmed || !domain.university) {
     return false
   }
@@ -19,9 +16,7 @@ export const ssoAvailableForDomain = (
 }
 
 export const ssoAvailableForInstitution = (institution: Institution | null) => {
-  const { hasSamlBeta, hasSamlFeature } = getMeta(
-    'ol-ExposedSettings'
-  ) as ExposedSettings
+  const { hasSamlBeta, hasSamlFeature } = getMeta('ol-ExposedSettings')
   if (
     !hasSamlFeature ||
     !institution ||
diff --git a/services/web/frontend/js/features/share-project-modal/components/link-sharing.jsx b/services/web/frontend/js/features/share-project-modal/components/link-sharing.jsx
index a37a631b27..308094e642 100644
--- a/services/web/frontend/js/features/share-project-modal/components/link-sharing.jsx
+++ b/services/web/frontend/js/features/share-project-modal/components/link-sharing.jsx
@@ -14,6 +14,7 @@ import { sendMB } from '../../../infrastructure/event-tracking'
 import { getJSON } from '../../../infrastructure/fetch-json'
 import useAbortController from '../../../shared/hooks/use-abort-controller'
 import { debugConsole } from '@/utils/debugging'
+import getMeta from '@/utils/meta'
 
 export default function LinkSharing() {
   const [inflight, setInflight] = useState(false)
@@ -249,7 +250,7 @@ function AccessToken({ token, tokenHashPrefix, path, tooltipId }) {
 
   let origin = window.location.origin
   if (isAdmin) {
-    origin = window.ExposedSettings.siteUrl
+    origin = getMeta('ol-ExposedSettings').siteUrl
   }
   const link = `${origin}${path}${token}${
     tokenHashPrefix ? `#${tokenHashPrefix}` : ''
diff --git a/services/web/frontend/js/features/share-project-modal/components/share-modal-body.tsx b/services/web/frontend/js/features/share-project-modal/components/share-modal-body.tsx
index 50b0cadd83..8800157d28 100644
--- a/services/web/frontend/js/features/share-project-modal/components/share-modal-body.tsx
+++ b/services/web/frontend/js/features/share-project-modal/components/share-modal-body.tsx
@@ -9,6 +9,7 @@ import { useEditorContext } from '../../../shared/context/editor-context'
 import { useProjectContext } from '../../../shared/context/project-context'
 import { useMemo } from 'react'
 import RecaptchaConditions from '../../../shared/components/recaptcha-conditions'
+import getMeta from '@/utils/meta'
 
 export default function ShareModalBody() {
   const { members, invites, features } = useProjectContext()
@@ -56,7 +57,7 @@ export default function ShareModalBody() {
         <SendInvitesNotice />
       )}
 
-      {!window.ExposedSettings.recaptchaDisabled?.invite && (
+      {!getMeta('ol-ExposedSettings').recaptchaDisabled?.invite && (
         <RecaptchaConditions />
       )}
     </>
diff --git a/services/web/frontend/js/features/share-project-modal/utils/api.js b/services/web/frontend/js/features/share-project-modal/utils/api.js
index d58a42c735..d52b6a4857 100644
--- a/services/web/frontend/js/features/share-project-modal/utils/api.js
+++ b/services/web/frontend/js/features/share-project-modal/utils/api.js
@@ -5,10 +5,11 @@ import {
   putJSON,
 } from '../../../infrastructure/fetch-json'
 import { executeV2Captcha } from './captcha'
+import getMeta from '@/utils/meta'
 
 export function sendInvite(projectId, email, privileges) {
   return executeV2Captcha(
-    window.ExposedSettings.recaptchaDisabled?.invite
+    getMeta('ol-ExposedSettings').recaptchaDisabled?.invite
   ).then(grecaptchaResponse => {
     return postJSON(`/project/${projectId}/invite`, {
       body: {
diff --git a/services/web/frontend/js/features/source-editor/components/figure-modal/figure-modal-source-picker.tsx b/services/web/frontend/js/features/source-editor/components/figure-modal/figure-modal-source-picker.tsx
index aa042e4f9b..5bce323471 100644
--- a/services/web/frontend/js/features/source-editor/components/figure-modal/figure-modal-source-picker.tsx
+++ b/services/web/frontend/js/features/source-editor/components/figure-modal/figure-modal-source-picker.tsx
@@ -6,6 +6,7 @@ import {
 import Icon from '../../../../shared/components/icon'
 import { Button } from 'react-bootstrap'
 import { useTranslation } from 'react-i18next'
+import getMeta from '@/utils/meta'
 
 export const FigureModalSourcePicker: FC = () => {
   const { t } = useTranslation()
@@ -13,7 +14,7 @@ export const FigureModalSourcePicker: FC = () => {
     hasLinkedProjectFileFeature,
     hasLinkedProjectOutputFileFeature,
     hasLinkUrlFeature,
-  } = window.ExposedSettings
+  } = getMeta('ol-ExposedSettings')
   return (
     <div className="figure-modal-source-selector">
       <div className="figure-modal-source-button-grid">
diff --git a/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-other-project-source.tsx b/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-other-project-source.tsx
index ac5981cdc6..714589073f 100644
--- a/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-other-project-source.tsx
+++ b/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-other-project-source.tsx
@@ -22,6 +22,7 @@ import { FileRelocator } from '../file-relocator'
 import { useTranslation } from 'react-i18next'
 import { waitForFileTreeUpdate } from '../../../extensions/figure-modal'
 import { useCodeMirrorViewContext } from '../../codemirror-editor'
+import getMeta from '@/utils/meta'
 
 function suggestName(path: string) {
   const parts = path.split('/')
@@ -36,7 +37,7 @@ export const FigureModalOtherProjectSource: FC = () => {
   const { loading: projectsLoading, data: projects, error } = useUserProjects()
   const [selectedProject, setSelectedProject] = useState<null | Project>(null)
   const { hasLinkedProjectFileFeature, hasLinkedProjectOutputFileFeature } =
-    window.ExposedSettings
+    getMeta('ol-ExposedSettings')
   const [usingOutputFiles, setUsingOutputFiles] = useState<boolean>(
     !hasLinkedProjectFileFeature
   )
diff --git a/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-upload-source.tsx b/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-upload-source.tsx
index bea5bcdd92..ca8d546bd8 100644
--- a/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-upload-source.tsx
+++ b/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-upload-source.tsx
@@ -16,8 +16,7 @@ import { FileRelocator } from '../file-relocator'
 import { useTranslation } from 'react-i18next'
 import { useCodeMirrorViewContext } from '../../codemirror-editor'
 import { waitForFileTreeUpdate } from '../../../extensions/figure-modal'
-
-const maxFileSize = window.ExposedSettings.maxUploadSize
+import getMeta from '@/utils/meta'
 
 /* eslint-disable no-unused-vars */
 export enum FileUploadStatus {
@@ -46,7 +45,7 @@ export const FigureModalUploadFileSource: FC = () => {
       allowMultipleUploadBatches: false,
       restrictions: {
         maxNumberOfFiles: 1,
-        maxFileSize: maxFileSize || null,
+        maxFileSize: getMeta('ol-ExposedSettings').maxUploadSize,
         allowedFileTypes: ['image/*', '.pdf'],
       },
       autoProceed: false,
@@ -55,7 +54,7 @@ export const FigureModalUploadFileSource: FC = () => {
       .use(XHRUpload, {
         endpoint: `/project/${projectId}/upload?folder_id=${rootFile.id}`,
         headers: {
-          'X-CSRF-TOKEN': window.csrfToken,
+          'X-CSRF-TOKEN': getMeta('ol-csrfToken'),
         },
         // limit: maxConnections || 1,
         limit: 1,
diff --git a/services/web/frontend/js/features/source-editor/components/grammarly-advert.tsx b/services/web/frontend/js/features/source-editor/components/grammarly-advert.tsx
index 66e8945024..6cb4a750d3 100644
--- a/services/web/frontend/js/features/source-editor/components/grammarly-advert.tsx
+++ b/services/web/frontend/js/features/source-editor/components/grammarly-advert.tsx
@@ -7,10 +7,9 @@ import GrammarlyLogo from '@/shared/svgs/grammarly-logo'
 import * as eventTracking from '../../../infrastructure/event-tracking'
 import useWaitForGrammarlyCheck from '@/shared/hooks/use-wait-for-grammarly-check'
 import getMeta from '@/utils/meta'
-import { ExposedSettings } from '../../../../../types/exposed-settings'
 
 export default function GrammarlyAdvert() {
-  const { isOverleaf } = getMeta('ol-ExposedSettings') as ExposedSettings
+  const { isOverleaf } = getMeta('ol-ExposedSettings')
 
   const [show, setShow] = useState(false)
   const { t } = useTranslation()
diff --git a/services/web/frontend/js/features/source-editor/components/toolbar/insert-figure-dropdown.tsx b/services/web/frontend/js/features/source-editor/components/toolbar/insert-figure-dropdown.tsx
index 2c3e535c98..b8dc6f7d0b 100644
--- a/services/web/frontend/js/features/source-editor/components/toolbar/insert-figure-dropdown.tsx
+++ b/services/web/frontend/js/features/source-editor/components/toolbar/insert-figure-dropdown.tsx
@@ -7,6 +7,7 @@ import { useTranslation } from 'react-i18next'
 import { emitToolbarEvent } from '../../extensions/toolbar/utils/analytics'
 import { useCodeMirrorViewContext } from '../codemirror-editor'
 import { insertFigure } from '../../extensions/toolbar/commands'
+import getMeta from '@/utils/meta'
 
 export const InsertFigureDropdown = memo(function InsertFigureDropdown() {
   const { t } = useTranslation()
@@ -26,7 +27,7 @@ export const InsertFigureDropdown = memo(function InsertFigureDropdown() {
     hasLinkedProjectFileFeature,
     hasLinkedProjectOutputFileFeature,
     hasLinkUrlFeature,
-  } = window.ExposedSettings
+  } = getMeta('ol-ExposedSettings')
   return (
     <ToolbarButtonMenu
       id="toolbar-figure"
diff --git a/services/web/frontend/js/features/source-editor/hooks/use-codemirror-scope.ts b/services/web/frontend/js/features/source-editor/hooks/use-codemirror-scope.ts
index 277659a1f3..8955d49ce9 100644
--- a/services/web/frontend/js/features/source-editor/hooks/use-codemirror-scope.ts
+++ b/services/web/frontend/js/features/source-editor/hooks/use-codemirror-scope.ts
@@ -59,6 +59,7 @@ import { DocumentContainer } from '@/features/ide-react/editor/document-containe
 import { useLayoutContext } from '@/shared/context/layout-context'
 import { debugConsole } from '@/utils/debugging'
 import { useMetadataContext } from '@/features/ide-react/context/metadata-context'
+import { useUserContext } from '@/shared/context/user-context'
 
 function useCodeMirrorScope(view: EditorView) {
   const { fileTreeData } = useFileTreeData()
@@ -82,6 +83,7 @@ function useCodeMirrorScope(view: EditorView) {
   const [docName] = useScopeValue<string>('editor.open_doc_name')
   const [trackChanges] = useScopeValue<boolean>('editor.trackChanges')
 
+  const { id: userId } = useUserContext()
   const { userSettings } = useUserSettingsContext()
   const {
     fontFamily,
@@ -175,12 +177,12 @@ function useCodeMirrorScope(view: EditorView) {
 
     if (currentDoc) {
       if (trackChanges) {
-        currentDoc.track_changes_as = window.user.id || 'anonymous'
+        currentDoc.track_changes_as = userId || 'anonymous'
       } else {
         currentDoc.track_changes_as = null
       }
     }
-  }, [currentDoc, trackChanges])
+  }, [userId, currentDoc, trackChanges])
 
   useEffect(() => {
     if (lineHeight && fontSize) {
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/group-settings-button.tsx b/services/web/frontend/js/features/subscription/components/dashboard/group-settings-button.tsx
index 6e77b580e7..86e477528e 100644
--- a/services/web/frontend/js/features/subscription/components/dashboard/group-settings-button.tsx
+++ b/services/web/frontend/js/features/subscription/components/dashboard/group-settings-button.tsx
@@ -1,7 +1,6 @@
 import { RowLink } from '@/features/subscription/components/dashboard/row-link'
 import getMeta from '@/utils/meta'
 import { useTranslation } from 'react-i18next'
-import { ExposedSettings } from '../../../../../../types/exposed-settings'
 import { ManagedGroupSubscription } from '../../../../../../types/subscription/dashboard/subscription'
 
 export default function GroupSettingsButton({
@@ -11,10 +10,7 @@ export default function GroupSettingsButton({
 }) {
   const { t } = useTranslation()
 
-  const { groupSSOEnabled } = getMeta(
-    'ol-ExposedSettings',
-    {}
-  ) as ExposedSettings
+  const { groupSSOEnabled } = getMeta('ol-ExposedSettings')
 
   const subscriptionHasManagedUsers =
     subscription.features?.managedUsers !== false
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/group-subscription-membership.tsx b/services/web/frontend/js/features/subscription/components/dashboard/group-subscription-membership.tsx
index b8b00828b8..c38cfa9bf2 100644
--- a/services/web/frontend/js/features/subscription/components/dashboard/group-subscription-membership.tsx
+++ b/services/web/frontend/js/features/subscription/components/dashboard/group-subscription-membership.tsx
@@ -22,9 +22,7 @@ export default function GroupSubscriptionMembership({
   }
 
   // Hide leave group button for managed users
-  const hideLeaveButton = getMeta(
-    'ol-cannot-leave-group-subscription'
-  ) as boolean
+  const hideLeaveButton = getMeta('ol-cannot-leave-group-subscription')
 
   return (
     <div>
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/managed-group-subscriptions.tsx b/services/web/frontend/js/features/subscription/components/dashboard/managed-group-subscriptions.tsx
index 0742eb9a9a..35eae6c726 100644
--- a/services/web/frontend/js/features/subscription/components/dashboard/managed-group-subscriptions.tsx
+++ b/services/web/frontend/js/features/subscription/components/dashboard/managed-group-subscriptions.tsx
@@ -10,7 +10,7 @@ function ManagedGroupAdministrator({
 }: {
   subscription: ManagedGroupSubscription
 }) {
-  const usersEmail = getMeta('ol-usersEmail') as string
+  const usersEmail = getMeta('ol-usersEmail')
   const values = {
     planName: subscription.planLevelName,
     groupName: subscription.teamName || '',
@@ -90,10 +90,7 @@ export default function ManagedGroupSubscriptions() {
     return null
   }
 
-  const groupSettingsEnabledFor = getMeta(
-    'ol-groupSettingsEnabledFor',
-    []
-  ) as string[]
+  const groupSettingsEnabledFor = getMeta('ol-groupSettingsEnabledFor') || []
 
   return (
     <>
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/managed-institution.tsx b/services/web/frontend/js/features/subscription/components/dashboard/managed-institution.tsx
index 54a1793372..97d63cdf09 100644
--- a/services/web/frontend/js/features/subscription/components/dashboard/managed-institution.tsx
+++ b/services/web/frontend/js/features/subscription/components/dashboard/managed-institution.tsx
@@ -2,9 +2,10 @@ import { useCallback, useState } from 'react'
 import { Trans, useTranslation } from 'react-i18next'
 import { postJSON } from '../../../../infrastructure/fetch-json'
 import { useSubscriptionDashboardContext } from '../../context/subscription-dashboard-context'
-import { Institution } from './managed-institutions'
+import { ManagedInstitution as Institution } from '../../../../../../types/subscription/dashboard/managed-institution'
 import { RowLink } from './row-link'
 import { debugConsole } from '@/utils/debugging'
+import getMeta from '@/utils/meta'
 
 type ManagedInstitutionProps = {
   institution: Institution
@@ -84,7 +85,7 @@ export default function ManagedInstitution({
               }
             >
               {institution.metricsEmail.optedOutUserIds.includes(
-                window.user_id!
+                getMeta('ol-user_id')!
               )
                 ? t('subscribe')
                 : t('unsubscribe')}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/managed-institutions.tsx b/services/web/frontend/js/features/subscription/components/dashboard/managed-institutions.tsx
index 8e6279dbfc..a7d20cfda8 100644
--- a/services/web/frontend/js/features/subscription/components/dashboard/managed-institutions.tsx
+++ b/services/web/frontend/js/features/subscription/components/dashboard/managed-institutions.tsx
@@ -1,16 +1,6 @@
 import { useSubscriptionDashboardContext } from '../../context/subscription-dashboard-context'
 import ManagedInstitution from './managed-institution'
 
-export type Institution = {
-  v1Id: number
-  managerIds: string[]
-  metricsEmail: {
-    optedOutUserIds: string[]
-    lastSent: Date
-  }
-  name: string
-}
-
 export default function ManagedInstitutions() {
   const { managedInstitutions } = useSubscriptionDashboardContext()
 
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/managed-publisher.tsx b/services/web/frontend/js/features/subscription/components/dashboard/managed-publisher.tsx
index c07b5e99a5..9e79d9ece1 100644
--- a/services/web/frontend/js/features/subscription/components/dashboard/managed-publisher.tsx
+++ b/services/web/frontend/js/features/subscription/components/dashboard/managed-publisher.tsx
@@ -1,6 +1,6 @@
 import { Trans, useTranslation } from 'react-i18next'
-import { Publisher } from './managed-publishers'
 import { RowLink } from './row-link'
+import { Publisher } from '../../../../../../types/subscription/dashboard/publisher'
 
 type ManagedPublisherProps = {
   publisher: Publisher
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/managed-publishers.tsx b/services/web/frontend/js/features/subscription/components/dashboard/managed-publishers.tsx
index a27e8c9456..cd545dfedd 100644
--- a/services/web/frontend/js/features/subscription/components/dashboard/managed-publishers.tsx
+++ b/services/web/frontend/js/features/subscription/components/dashboard/managed-publishers.tsx
@@ -1,13 +1,6 @@
 import { useSubscriptionDashboardContext } from '../../context/subscription-dashboard-context'
 import ManagedPublisher from './managed-publisher'
 
-export type Publisher = {
-  slug: string
-  managerIds: string[]
-  name: string
-  partner: string
-}
-
 export default function ManagedPublishers() {
   const { managedPublishers } = useSubscriptionDashboardContext()
 
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/personal-subscription-recurly-sync-email.tsx b/services/web/frontend/js/features/subscription/components/dashboard/personal-subscription-recurly-sync-email.tsx
index 43951e876e..e97449ffdd 100644
--- a/services/web/frontend/js/features/subscription/components/dashboard/personal-subscription-recurly-sync-email.tsx
+++ b/services/web/frontend/js/features/subscription/components/dashboard/personal-subscription-recurly-sync-email.tsx
@@ -8,7 +8,7 @@ import { postJSON } from '../../../../infrastructure/fetch-json'
 function PersonalSubscriptionRecurlySyncEmail() {
   const { t } = useTranslation()
   const { personalSubscription } = useSubscriptionDashboardContext()
-  const userEmail = getMeta('ol-usersEmail') as string
+  const userEmail = getMeta('ol-usersEmail')
   const { isLoading, isSuccess, runAsync } = useAsync()
 
   const handleSubmit = (e: React.FormEvent) => {
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/change-to-group-modal.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/change-to-group-modal.tsx
index 70a259482b..be079e377f 100644
--- a/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/change-to-group-modal.tsx
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/change-to-group-modal.tsx
@@ -1,7 +1,6 @@
 import { useEffect, useState } from 'react'
 import { Modal } from 'react-bootstrap'
 import { useTranslation, Trans } from 'react-i18next'
-import { GroupPlans } from '../../../../../../../../../../types/subscription/dashboard/group-plans'
 import { Subscription } from '../../../../../../../../../../types/subscription/dashboard/subscription'
 import { PriceForDisplayData } from '../../../../../../../../../../types/subscription/plan'
 import { postJSON } from '../../../../../../../../infrastructure/fetch-json'
@@ -125,8 +124,8 @@ export function ChangeToGroupModal() {
     setGroupPlanToChangeToSize,
     setGroupPlanToChangeToUsage,
   } = useSubscriptionDashboardContext()
-  const groupPlans: GroupPlans = getMeta('ol-groupPlans')
-  const personalSubscription: Subscription = getMeta('ol-subscription')
+  const groupPlans = getMeta('ol-groupPlans')
+  const personalSubscription = getMeta('ol-subscription') as Subscription
   const [error, setError] = useState(false)
   const [inflight, setInflight] = useState(false)
   const location = useLocation()
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/confirm-change-plan-modal.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/confirm-change-plan-modal.tsx
index 04aaef757a..a534c5bcc4 100644
--- a/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/confirm-change-plan-modal.tsx
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/confirm-change-plan-modal.tsx
@@ -42,7 +42,8 @@ export function ConfirmChangePlanModal() {
   if (!plan) return null
 
   const planWillChangeAtTermEnd =
-    planCodesChangingAtTermEnd?.indexOf(planCodeToChangeTo) > -1
+    planCodesChangingAtTermEnd &&
+    planCodesChangingAtTermEnd.indexOf(planCodeToChangeTo) > -1
 
   return (
     <AccessibleModal
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/subscription-dashboard.tsx b/services/web/frontend/js/features/subscription/components/dashboard/subscription-dashboard.tsx
index 69a5ca62db..74463929c9 100644
--- a/services/web/frontend/js/features/subscription/components/dashboard/subscription-dashboard.tsx
+++ b/services/web/frontend/js/features/subscription/components/dashboard/subscription-dashboard.tsx
@@ -19,7 +19,7 @@ function SubscriptionDashboard() {
     hasValidActiveSubscription,
   } = useSubscriptionDashboardContext()
 
-  const fromPlansPage: boolean = getMeta('ol-fromPlansPage')
+  const fromPlansPage = getMeta('ol-fromPlansPage')
 
   return (
     <div className="container">
diff --git a/services/web/frontend/js/features/subscription/components/group-invite/accepted-invite.tsx b/services/web/frontend/js/features/subscription/components/group-invite/accepted-invite.tsx
index 2793d63d8b..126e255172 100644
--- a/services/web/frontend/js/features/subscription/components/group-invite/accepted-invite.tsx
+++ b/services/web/frontend/js/features/subscription/components/group-invite/accepted-invite.tsx
@@ -3,9 +3,9 @@ import { useTranslation } from 'react-i18next'
 
 export default function AcceptedInvite() {
   const { t } = useTranslation()
-  const inviterName = getMeta('ol-inviterName') as string
-  const groupSSOActive = getMeta('ol-groupSSOActive') as boolean
-  const subscriptionId = getMeta('ol-subscriptionId') as string
+  const inviterName = getMeta('ol-inviterName')
+  const groupSSOActive = getMeta('ol-groupSSOActive')
+  const subscriptionId = getMeta('ol-subscriptionId')
 
   const doneLink = groupSSOActive
     ? `/subscription/${subscriptionId}/sso_enrollment`
diff --git a/services/web/frontend/js/features/subscription/components/group-invite/group-invite.tsx b/services/web/frontend/js/features/subscription/components/group-invite/group-invite.tsx
index 23637a849a..7f3587aef8 100644
--- a/services/web/frontend/js/features/subscription/components/group-invite/group-invite.tsx
+++ b/services/web/frontend/js/features/subscription/components/group-invite/group-invite.tsx
@@ -18,10 +18,8 @@ export type InviteViewTypes =
 function GroupInviteViews() {
   const hasIndividualRecurlySubscription = getMeta(
     'ol-hasIndividualRecurlySubscription'
-  ) as boolean
-  const cannotJoinSubscription = getMeta(
-    'ol-cannot-join-subscription'
-  ) as boolean
+  )
+  const cannotJoinSubscription = getMeta('ol-cannot-join-subscription')
 
   useEffect(() => {
     if (cannotJoinSubscription) {
@@ -52,8 +50,8 @@ function GroupInviteViews() {
 }
 
 export default function GroupInvite() {
-  const inviterName = getMeta('ol-inviterName') as string
-  const expired = getMeta('ol-expired') as boolean
+  const inviterName = getMeta('ol-inviterName')
+  const expired = getMeta('ol-expired')
   const { isReady } = useWaitForI18n()
   const { t } = useTranslation()
 
diff --git a/services/web/frontend/js/features/subscription/components/group-invite/join-group.tsx b/services/web/frontend/js/features/subscription/components/group-invite/join-group.tsx
index 4f2c4a565b..1a7e03956a 100644
--- a/services/web/frontend/js/features/subscription/components/group-invite/join-group.tsx
+++ b/services/web/frontend/js/features/subscription/components/group-invite/join-group.tsx
@@ -14,8 +14,8 @@ export default function JoinGroup({
   setView: Dispatch<SetStateAction<InviteViewTypes>>
 }) {
   const { t } = useTranslation()
-  const expired = getMeta('ol-expired') as boolean
-  const inviteToken = getMeta('ol-inviteToken') as string
+  const expired = getMeta('ol-expired')
+  const inviteToken = getMeta('ol-inviteToken')
   const {
     runAsync,
     isLoading: isJoining,
diff --git a/services/web/frontend/js/features/subscription/components/group-invite/managed-user-cannot-join.tsx b/services/web/frontend/js/features/subscription/components/group-invite/managed-user-cannot-join.tsx
index 24f3bcd727..03e3a757ba 100644
--- a/services/web/frontend/js/features/subscription/components/group-invite/managed-user-cannot-join.tsx
+++ b/services/web/frontend/js/features/subscription/components/group-invite/managed-user-cannot-join.tsx
@@ -6,7 +6,7 @@ export default function ManagedUserCannotJoin() {
   const { t } = useTranslation()
   const currentManagedUserAdminEmail = getMeta(
     'ol-currentManagedUserAdminEmail'
-  ) as string
+  )
 
   return (
     <Notification
diff --git a/services/web/frontend/js/features/subscription/components/group-invites/group-invites.tsx b/services/web/frontend/js/features/subscription/components/group-invites/group-invites.tsx
index 2ef7ec6996..8d89913cc9 100644
--- a/services/web/frontend/js/features/subscription/components/group-invites/group-invites.tsx
+++ b/services/web/frontend/js/features/subscription/components/group-invites/group-invites.tsx
@@ -4,11 +4,10 @@ import { useTranslation } from 'react-i18next'
 import getMeta from '@/utils/meta'
 import { useLocation } from '@/shared/hooks/use-location'
 import GroupInvitesItem from './group-invites-item'
-import type { TeamInvite } from '../../../../../../types/team-invite'
 
 function GroupInvites() {
   const { t } = useTranslation()
-  const teamInvites: TeamInvite[] = getMeta('ol-teamInvites')
+  const teamInvites = getMeta('ol-teamInvites')
   const location = useLocation()
 
   useEffect(() => {
diff --git a/services/web/frontend/js/features/subscription/components/successful-subscription/successful-subscription.tsx b/services/web/frontend/js/features/subscription/components/successful-subscription/successful-subscription.tsx
index 28f656dac7..5704dcc2f6 100644
--- a/services/web/frontend/js/features/subscription/components/successful-subscription/successful-subscription.tsx
+++ b/services/web/frontend/js/features/subscription/components/successful-subscription/successful-subscription.tsx
@@ -4,16 +4,13 @@ import { PriceExceptions } from '../shared/price-exceptions'
 import PremiumFeaturesLink from '../dashboard/premium-features-link'
 import getMeta from '../../../../utils/meta'
 import { useSubscriptionDashboardContext } from '../../context/subscription-dashboard-context'
-import { ExposedSettings } from '../../../../../../types/exposed-settings'
 
 function SuccessfulSubscription() {
   const { t } = useTranslation()
   const { personalSubscription: subscription } =
     useSubscriptionDashboardContext()
-  const postCheckoutRedirect = getMeta('ol-postCheckoutRedirect') as
-    | string
-    | undefined
-  const { appName, adminEmail }: ExposedSettings = getMeta('ol-ExposedSettings')
+  const postCheckoutRedirect = getMeta('ol-postCheckoutRedirect')
+  const { appName, adminEmail } = getMeta('ol-ExposedSettings')
 
   if (!subscription || !('recurly' in subscription)) return null
 
diff --git a/services/web/frontend/js/features/subscription/context/subscription-dashboard-context.tsx b/services/web/frontend/js/features/subscription/context/subscription-dashboard-context.tsx
index 000a7f3de1..a3c25c9a03 100644
--- a/services/web/frontend/js/features/subscription/context/subscription-dashboard-context.tsx
+++ b/services/web/frontend/js/features/subscription/context/subscription-dashboard-context.tsx
@@ -19,8 +19,6 @@ import {
   PriceForDisplayData,
 } from '../../../../../types/subscription/plan'
 import { Institution } from '../../../../../types/institution'
-import { Institution as ManagedInstitution } from '../components/dashboard/managed-institutions'
-import { Publisher as ManagedPublisher } from '../components/dashboard/managed-publishers'
 import getMeta from '../../../utils/meta'
 import {
   formatCurrencyDefault,
@@ -32,6 +30,8 @@ import { SubscriptionDashModalIds } from '../../../../../types/subscription/dash
 import { debugConsole } from '@/utils/debugging'
 import { useFeatureFlag } from '@/shared/context/split-test-context'
 import { formatCurrencyLocalized } from '@/shared/utils/currency'
+import { ManagedInstitution } from '../../../../../types/subscription/dashboard/managed-institution'
+import { Publisher } from '../../../../../types/subscription/dashboard/publisher'
 
 type SubscriptionDashboardContextValue = {
   groupPlanToChangeToCode: string
@@ -50,7 +50,7 @@ type SubscriptionDashboardContextValue = {
   managedGroupSubscriptions: ManagedGroupSubscription[]
   memberGroupSubscriptions: MemberGroupSubscription[]
   managedInstitutions: ManagedInstitution[]
-  managedPublishers: ManagedPublisher[]
+  managedPublishers: Publisher[]
   updateManagedInstitution: (institution: ManagedInstitution) => void
   modalIdShown?: SubscriptionDashModalIds
   personalSubscription?: RecurlySubscription | CustomSubscription
@@ -91,7 +91,7 @@ export function SubscriptionDashboardProvider({
   >()
   const [recurlyLoadError, setRecurlyLoadError] = useState(false)
   const [showCancellation, setShowCancellation] = useState(false)
-  const [plans, setPlans] = useState([])
+  const [plans, setPlans] = useState<Plan[]>([])
   const [queryingIndividualPlansData, setQueryingIndividualPlansData] =
     useState(true)
   const [planCodeToChangeTo, setPlanCodeToChangeTo] = useState<
@@ -113,19 +113,13 @@ export function SubscriptionDashboardProvider({
   const [leavingGroupId, setLeavingGroupId] = useState<string | undefined>()
 
   const plansWithoutDisplayPrice = getMeta('ol-plans')
-  const institutionMemberships: Institution[] = getMeta(
-    'ol-currentInstitutionsWithLicence'
-  )
+  const institutionMemberships = getMeta('ol-currentInstitutionsWithLicence')
   const personalSubscription = getMeta('ol-subscription')
-  const managedGroupSubscriptions: ManagedGroupSubscription[] = getMeta(
-    'ol-managedGroupSubscriptions'
+  const managedGroupSubscriptions = getMeta('ol-managedGroupSubscriptions')
+  const memberGroupSubscriptions = getMeta('ol-memberGroupSubscriptions')
+  const [managedInstitutions, setManagedInstitutions] = useState(
+    getMeta('ol-managedInstitutions')
   )
-  const memberGroupSubscriptions: MemberGroupSubscription[] = getMeta(
-    'ol-memberGroupSubscriptions'
-  )
-  const [managedInstitutions, setManagedInstitutions] = useState<
-    ManagedInstitution[]
-  >(getMeta('ol-managedInstitutions'))
   const managedPublishers = getMeta('ol-managedPublishers')
   const hasSubscription = getMeta('ol-hasSubscription')
   const recurlyApiKey = getMeta('ol-recurlyApiKey')
diff --git a/services/web/frontend/js/features/subscription/util/recurly-pricing.ts b/services/web/frontend/js/features/subscription/util/recurly-pricing.ts
index 22523c09ee..e3e8c7b616 100644
--- a/services/web/frontend/js/features/subscription/util/recurly-pricing.ts
+++ b/services/web/frontend/js/features/subscription/util/recurly-pricing.ts
@@ -1,6 +1,9 @@
 import { SubscriptionPricingState } from '@recurly/recurly-js'
 import { PriceForDisplayData } from '../../../../../types/subscription/plan'
-import { currencies, CurrencyCode } from '../data/currency'
+import {
+  currencies,
+  CurrencyCode,
+} from '../../../../../types/subscription/currency'
 import { getRecurlyGroupPlanCode } from './recurly-group-plan-code'
 import { debugConsole } from '@/utils/debugging'
 
diff --git a/services/web/frontend/js/i18n.js b/services/web/frontend/js/i18n.js
index c63e9b73c4..f3c4b4a63c 100644
--- a/services/web/frontend/js/i18n.js
+++ b/services/web/frontend/js/i18n.js
@@ -1,7 +1,8 @@
 import i18n from 'i18next'
 import { initReactI18next } from 'react-i18next'
+import getMeta from '@/utils/meta'
 
-const LANG = window.i18n.currentLangCode
+const LANG = getMeta('ol-i18n').currentLangCode
 
 // Since we are rendering React from Angular, the initialisation is
 // synchronous on page load (but hidden behind the loading screen). This
@@ -44,7 +45,7 @@ i18n.use(initReactI18next).init({
     escapeValue: false,
 
     defaultVariables: {
-      appName: window.ExposedSettings.appName,
+      appName: getMeta('ol-ExposedSettings').appName,
     },
   },
 })
diff --git a/services/web/frontend/js/ide/colors/ColorManager.js b/services/web/frontend/js/ide/colors/ColorManager.js
index bf43295e4b..bc63e8474f 100644
--- a/services/web/frontend/js/ide/colors/ColorManager.js
+++ b/services/web/frontend/js/ide/colors/ColorManager.js
@@ -17,6 +17,7 @@
 // NOTE: this file is being refactored over to frontend/js/shared/utils/colors.js
 
 import { generateMD5Hash } from './../../shared/utils/md5'
+import getMeta from '@/utils/meta'
 
 let ColorManager
 
@@ -61,7 +62,7 @@ export default ColorManager = {
       return this.ANONYMOUS_HUE
     }
 
-    if (window.user.id === user_id) {
+    if (getMeta('ol-user').id === user_id) {
       return this.OWN_HUE
     }
 
diff --git a/services/web/frontend/js/ide/file-tree/util/fileOperationI18nNames.js b/services/web/frontend/js/ide/file-tree/util/fileOperationI18nNames.js
deleted file mode 100644
index 300ca1063c..0000000000
--- a/services/web/frontend/js/ide/file-tree/util/fileOperationI18nNames.js
+++ /dev/null
@@ -1,14 +0,0 @@
-let fileActionI18n
-
-if (window.fileActionI18n !== undefined) {
-  fileActionI18n = window.fileActionI18n
-}
-
-fileActionI18n = {
-  edited: 'edited',
-  renamed: 'renamed',
-  created: 'created',
-  deleted: 'deleted',
-}
-
-export default fileActionI18n
diff --git a/services/web/frontend/js/ide/history/util/displayNameForUser.js b/services/web/frontend/js/ide/history/util/displayNameForUser.js
index 2c72d92e47..dbdfec8f0b 100644
--- a/services/web/frontend/js/ide/history/util/displayNameForUser.js
+++ b/services/web/frontend/js/ide/history/util/displayNameForUser.js
@@ -1,22 +1,10 @@
-/* eslint-disable
-    max-len,
-    no-return-assign,
-    no-unused-vars,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-/*
- * decaffeinate suggestions:
- * DS207: Consider shorter variations of null checks
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
-let displayNameForUser
+import getMeta from '@/utils/meta'
 
-export default displayNameForUser = function (user) {
+export default function displayNameForUser(user) {
   if (user == null) {
     return 'Anonymous'
   }
-  if (user.id === window.user.id) {
+  if (user.id === getMeta('ol-user').id) {
     return 'you'
   }
   if (user.name != null) {
diff --git a/services/web/frontend/js/ide/human-readable-logs/HumanReadableLogsHints.jsx b/services/web/frontend/js/ide/human-readable-logs/HumanReadableLogsHints.jsx
index 2e0bbae99c..562376e1d9 100644
--- a/services/web/frontend/js/ide/human-readable-logs/HumanReadableLogsHints.jsx
+++ b/services/web/frontend/js/ide/human-readable-logs/HumanReadableLogsHints.jsx
@@ -3,9 +3,10 @@ import {
   packageSuggestionsForCommands,
   packageSuggestionsForEnvironments,
 } from './HumanReadableLogsPackageSuggestions'
+import getMeta from '@/utils/meta'
 
 function WikiLink({ url, children }) {
-  if (window.wikiEnabled) {
+  if (getMeta('ol-wikiEnabled')) {
     return (
       <a href={url} target="_blank" rel="noopener">
         {children}
@@ -507,7 +508,7 @@ const hints = {
   },
 }
 
-if (!window.wikiEnabled) {
+if (!getMeta('ol-wikiEnabled')) {
   Object.keys(hints).forEach(ruleId => {
     hints[ruleId].extraInfoURL = null
   })
diff --git a/services/web/frontend/js/infrastructure/error-reporter.js b/services/web/frontend/js/infrastructure/error-reporter.js
index 3930b415a6..1081e7c60f 100644
--- a/services/web/frontend/js/infrastructure/error-reporter.js
+++ b/services/web/frontend/js/infrastructure/error-reporter.js
@@ -3,9 +3,14 @@ import getMeta from '../utils/meta'
 import OError from '@overleaf/o-error'
 import { debugConsole } from '@/utils/debugging'
 
-const reporterPromise = window.ExposedSettings?.sentryDsn
-  ? sentryReporter()
-  : nullReporter()
+const {
+  sentryAllowedOriginRegex,
+  sentryDsn,
+  sentryEnvironment,
+  sentryRelease,
+} = getMeta('ol-ExposedSettings')
+
+const reporterPromise = sentryDsn ? sentryReporter() : nullReporter()
 
 function sentryReporter() {
   return (
@@ -14,16 +19,14 @@ function sentryReporter() {
         let eventCount = 0
 
         Sentry.init({
-          dsn: window.ExposedSettings.sentryDsn,
-          environment: window.ExposedSettings.sentryEnvironment,
-          release: window.ExposedSettings.sentryRelease,
+          dsn: sentryDsn,
+          environment: sentryEnvironment,
+          release: sentryRelease,
           autoSessionTracking: false,
 
           // Ignore errors unless they come from our origins
           // Adapted from: https://docs.sentry.io/platforms/javascript/configuration/filtering/#decluttering-sentry
-          allowUrls: [
-            new RegExp(window.ExposedSettings.sentryAllowedOriginRegex),
-          ],
+          allowUrls: [new RegExp(sentryAllowedOriginRegex)],
 
           ignoreErrors: [
             // Ignore very noisy error
@@ -70,7 +73,7 @@ function sentryReporter() {
           },
         })
 
-        Sentry.setUser({ id: window.user_id })
+        Sentry.setUser({ id: getMeta('ol-user_id') })
 
         const splitTestAssignments = getMeta('ol-splitTestVariants')
         if (splitTestAssignments) {
diff --git a/services/web/frontend/js/infrastructure/event-tracking.js b/services/web/frontend/js/infrastructure/event-tracking.js
index 972ec23ddf..f71aab8d66 100644
--- a/services/web/frontend/js/infrastructure/event-tracking.js
+++ b/services/web/frontend/js/infrastructure/event-tracking.js
@@ -1,4 +1,5 @@
 import sessionStorage from '../infrastructure/session-storage'
+import getMeta from '@/utils/meta'
 
 const CACHE_KEY = 'mbEvents'
 
@@ -68,7 +69,7 @@ export const isSmallDevice = window.screen.width < 768
 function sendBeacon(key, data) {
   if (!navigator || !navigator.sendBeacon) return
 
-  data._csrf = window.csrfToken
+  data._csrf = getMeta('ol-csrfToken')
   const blob = new Blob([JSON.stringify(data)], {
     type: 'application/json; charset=UTF-8',
   })
diff --git a/services/web/frontend/js/infrastructure/fetch-json.ts b/services/web/frontend/js/infrastructure/fetch-json.ts
index 61d96bacce..57ea417baf 100644
--- a/services/web/frontend/js/infrastructure/fetch-json.ts
+++ b/services/web/frontend/js/infrastructure/fetch-json.ts
@@ -4,6 +4,7 @@
 // - throw errors on non-ok response
 // - parse JSON response body, unless response is empty
 import OError from '@overleaf/o-error'
+import getMeta from '@/utils/meta'
 
 type FetchPath = string
 // Custom config types are merged with `fetch`s RequestInit type
@@ -116,7 +117,7 @@ function fetchJSON<T>(
     headers: {
       ...headers,
       'Content-Type': 'application/json',
-      'X-Csrf-Token': window.csrfToken,
+      'X-Csrf-Token': getMeta('ol-csrfToken'),
       Accept: 'application/json',
     },
     credentials,
diff --git a/services/web/frontend/js/main/is-valid-tex-file.js b/services/web/frontend/js/main/is-valid-tex-file.js
index 0913cc4f05..e0159d2c79 100644
--- a/services/web/frontend/js/main/is-valid-tex-file.js
+++ b/services/web/frontend/js/main/is-valid-tex-file.js
@@ -1,6 +1,8 @@
+import getMeta from '@/utils/meta'
+
 function isValidTeXFile(filename) {
   const validTeXFileRegExp = new RegExp(
-    `\\.(${window.ExposedSettings.validRootDocExtensions.join('|')})$`,
+    `\\.(${getMeta('ol-ExposedSettings').validRootDocExtensions.join('|')})$`,
     'i'
   )
 
diff --git a/services/web/frontend/js/shared/components/recaptcha-2.tsx b/services/web/frontend/js/shared/components/recaptcha-2.tsx
index fb6e6696d8..90c129b38a 100644
--- a/services/web/frontend/js/shared/components/recaptcha-2.tsx
+++ b/services/web/frontend/js/shared/components/recaptcha-2.tsx
@@ -1,15 +1,17 @@
 import { forwardRef } from 'react'
 import ReCAPTCHA from 'react-google-recaptcha'
+import getMeta from '@/utils/meta'
+import { ExposedSettings } from '../../../../types/exposed-settings'
 
-const siteKey = window.ExposedSettings.recaptchaSiteKey
-const recaptchaDisabled = window.ExposedSettings.recaptchaDisabled
-type Page = keyof typeof recaptchaDisabled
+type Page = keyof ExposedSettings['recaptchaDisabled']
 
 export const ReCaptcha2 = forwardRef<
   ReCAPTCHA,
   { page: Page; onChange?: (token: string | null) => void }
 >(function ReCaptcha2({ page: site, onChange }, ref) {
-  if (!siteKey) {
+  const { recaptchaSiteKey, recaptchaDisabled } = getMeta('ol-ExposedSettings')
+
+  if (!recaptchaSiteKey) {
     return null
   }
   if (site && recaptchaDisabled[site]) {
@@ -19,7 +21,7 @@ export const ReCaptcha2 = forwardRef<
     <ReCAPTCHA
       ref={ref}
       size="invisible"
-      sitekey={siteKey}
+      sitekey={recaptchaSiteKey}
       onChange={onChange}
       badge="inline"
     />
diff --git a/services/web/frontend/js/shared/components/system-messages.tsx b/services/web/frontend/js/shared/components/system-messages.tsx
index 8302d15a60..26cac79234 100644
--- a/services/web/frontend/js/shared/components/system-messages.tsx
+++ b/services/web/frontend/js/shared/components/system-messages.tsx
@@ -4,19 +4,14 @@ import TranslationMessage from './translation-message'
 import useAsync from '../hooks/use-async'
 import { getJSON } from '@/infrastructure/fetch-json'
 import getMeta from '../../utils/meta'
-import {
-  SystemMessage as TSystemMessage,
-  SuggestedLanguage,
-} from '../../../../types/system-message'
+import { SystemMessage as TSystemMessage } from '../../../../types/system-message'
 import { debugConsole } from '@/utils/debugging'
 
 const MESSAGE_POLL_INTERVAL = 15 * 60 * 1000
 
 function SystemMessages() {
   const { data: messages, runAsync } = useAsync<TSystemMessage[]>()
-  const suggestedLanguage = getMeta('ol-suggestedLanguage', undefined) as
-    | SuggestedLanguage
-    | undefined
+  const suggestedLanguage = getMeta('ol-suggestedLanguage')
 
   useEffect(() => {
     const pollMessages = () => {
diff --git a/services/web/frontend/js/shared/components/translation-message.tsx b/services/web/frontend/js/shared/components/translation-message.tsx
index d669f807db..937a1c2baf 100644
--- a/services/web/frontend/js/shared/components/translation-message.tsx
+++ b/services/web/frontend/js/shared/components/translation-message.tsx
@@ -2,13 +2,12 @@ import { Trans, useTranslation } from 'react-i18next'
 import Close from './close'
 import usePersistedState from '../hooks/use-persisted-state'
 import getMeta from '../../utils/meta'
-import { SuggestedLanguage } from '../../../../types/system-message'
 
 function TranslationMessage() {
   const { t } = useTranslation()
   const [hidden, setHidden] = usePersistedState('hide-i18n-notification', false)
-  const config = getMeta('ol-suggestedLanguage') as SuggestedLanguage
-  const currentUrl = getMeta('ol-currentUrl') as string
+  const config = getMeta('ol-suggestedLanguage')!
+  const currentUrl = getMeta('ol-currentUrl')
 
   if (hidden) {
     return null
diff --git a/services/web/frontend/js/shared/context/editor-context.tsx b/services/web/frontend/js/shared/context/editor-context.tsx
index 8db44eb688..c80e3b96b8 100644
--- a/services/web/frontend/js/shared/context/editor-context.tsx
+++ b/services/web/frontend/js/shared/context/editor-context.tsx
@@ -45,7 +45,7 @@ export const EditorContext = createContext<
       isRestrictedTokenMember?: boolean
       permissionsLevel: 'readOnly' | 'readAndWrite' | 'owner'
       deactivateTutorial: (tutorial: string) => void
-      inactiveTutorials: [string]
+      inactiveTutorials: string[]
       currentPopup: string | null
       setCurrentPopup: Dispatch<SetStateAction<string | null>>
       writefullAdClicked: writefullAdButtons
@@ -63,17 +63,18 @@ export const EditorProvider: FC = ({ children }) => {
   const { owner, features, _id: projectId } = useProjectContext()
 
   const cobranding = useMemo(() => {
+    const brandVariation = getMeta('ol-brandVariation')
     return (
-      window.brandVariation && {
-        logoImgUrl: window.brandVariation.logo_url,
-        brandVariationName: window.brandVariation.name,
-        brandVariationId: window.brandVariation.id,
-        brandId: window.brandVariation.brand_id,
-        brandVariationHomeUrl: window.brandVariation.home_url,
-        publishGuideHtml: window.brandVariation.publish_guide_html,
-        partner: window.brandVariation.partner,
-        brandedMenu: window.brandVariation.branded_menu,
-        submitBtnHtml: window.brandVariation.submit_button_html,
+      brandVariation && {
+        logoImgUrl: brandVariation.logo_url,
+        brandVariationName: brandVariation.name,
+        brandVariationId: brandVariation.id,
+        brandId: brandVariation.brand_id,
+        brandVariationHomeUrl: brandVariation.home_url,
+        publishGuideHtml: brandVariation.publish_guide_html,
+        partner: brandVariation.partner,
+        brandedMenu: brandVariation.branded_menu,
+        submitBtnHtml: brandVariation.submit_button_html,
       }
     )
   }, [])
@@ -86,8 +87,8 @@ export const EditorProvider: FC = ({ children }) => {
   const [showSymbolPalette] = useScopeValue('editor.showSymbolPalette')
   const [toggleSymbolPalette] = useScopeValue('editor.toggleSymbolPalette')
 
-  const [inactiveTutorials, setInactiveTutorials] = useState(() =>
-    getMeta('ol-inactiveTutorials', [])
+  const [inactiveTutorials, setInactiveTutorials] = useState(
+    () => getMeta('ol-inactiveTutorials') || []
   )
 
   const [writefullAdClicked, setWritefullAdClicked] =
@@ -152,7 +153,7 @@ export const EditorProvider: FC = ({ children }) => {
     }
 
     parts.push('Online LaTeX Editor')
-    parts.push(window.ExposedSettings.appName)
+    parts.push(getMeta('ol-ExposedSettings').appName)
 
     const title = parts.join(' ')
 
diff --git a/services/web/frontend/js/shared/context/local-compile-context.tsx b/services/web/frontend/js/shared/context/local-compile-context.tsx
index ece79901a7..58db07a1c4 100644
--- a/services/web/frontend/js/shared/context/local-compile-context.tsx
+++ b/services/web/frontend/js/shared/context/local-compile-context.tsx
@@ -113,7 +113,7 @@ export const LocalCompileProvider: FC = ({ children }) => {
 
   const { pdfPreviewOpen } = useLayoutContext()
 
-  const { features } = useUserContext()
+  const { features, alphaProgram } = useUserContext()
 
   const { fileTreeData } = useFileTreeData()
   const { findEntityByPath } = useFileTreePathContext()
@@ -398,7 +398,7 @@ export const LocalCompileProvider: FC = ({ children }) => {
             )
 
             // sample compile stats for real users
-            if (!window.user.alphaProgram) {
+            if (!alphaProgram) {
               if (['success', 'stopped-on-first-error'].includes(data.status)) {
                 sendMBSampled(
                   'compile-result',
@@ -491,6 +491,7 @@ export const LocalCompileProvider: FC = ({ children }) => {
   }, [
     data,
     ide,
+    alphaProgram,
     hasCompileLogsEvents,
     hasPremiumCompile,
     isProjectOwner,
diff --git a/services/web/frontend/js/shared/context/project-context.tsx b/services/web/frontend/js/shared/context/project-context.tsx
index 11e4e67386..9c6a9349eb 100644
--- a/services/web/frontend/js/shared/context/project-context.tsx
+++ b/services/web/frontend/js/shared/context/project-context.tsx
@@ -57,7 +57,7 @@ export function useProjectContext() {
 // scope. A few props are populated to prevent errors in existing React
 // components
 const projectFallback = {
-  _id: window.project_id,
+  _id: getMeta('ol-project_id'),
   name: '',
   features: {},
 }
@@ -80,7 +80,7 @@ export const ProjectProvider: FC = ({ children }) => {
 
   const tags = useMemo(
     () =>
-      getMeta('ol-projectTags', [])
+      (getMeta('ol-projectTags') || [])
         // `tag.name` data may be null for some old users
         .map((tag: any) => ({ ...tag, name: tag.name ?? '' })),
     []
diff --git a/services/web/frontend/js/utils/meta.js b/services/web/frontend/js/utils/meta.js
deleted file mode 100644
index e355560f2b..0000000000
--- a/services/web/frontend/js/utils/meta.js
+++ /dev/null
@@ -1,50 +0,0 @@
-import _ from 'lodash'
-
-// cache for parsed values
-window.metaAttributesCache = window.metaAttributesCache || new Map()
-
-export default function getMeta(name, fallback) {
-  if (window.metaAttributesCache.has(name)) {
-    return window.metaAttributesCache.get(name)
-  }
-  const element = document.head.querySelector(`meta[name="${name}"]`)
-  if (!element) {
-    return fallback
-  }
-  const plainTextValue = element.content
-  let value
-  switch (element.dataset.type) {
-    case 'boolean':
-      // in pug: content=false -> no content field
-      // in pug: content=true  -> empty content field
-      value = element.hasAttribute('content')
-      break
-    case 'json':
-      if (!plainTextValue) {
-        // JSON.parse('') throws
-        value = undefined
-      } else {
-        value = JSON.parse(plainTextValue)
-      }
-      break
-    default:
-      value = plainTextValue
-  }
-  window.metaAttributesCache.set(name, value)
-  return value
-}
-
-function convertMetaToWindowAttributes() {
-  window.data = window.data || {}
-  Array.from(document.querySelectorAll('meta[name^="ol-"]'))
-    .map(element => element.name)
-    // process short labels before long ones:
-    // e.g. assign 'foo' before 'foo.bar'
-    .sort()
-    .forEach(nameWithNamespace => {
-      const label = nameWithNamespace.slice('ol-'.length)
-      _.set(window, label, getMeta(nameWithNamespace))
-      _.set(window.data, label, getMeta(nameWithNamespace))
-    })
-}
-convertMetaToWindowAttributes()
diff --git a/services/web/frontend/js/utils/meta.ts b/services/web/frontend/js/utils/meta.ts
new file mode 100644
index 0000000000..f83af4fc48
--- /dev/null
+++ b/services/web/frontend/js/utils/meta.ts
@@ -0,0 +1,269 @@
+import { User } from '../../../types/user'
+import { User as MinimalUser } from '../../../types/admin/user'
+import { User as ManagedUser } from '../../../types/group-management/user'
+import { UserSettings } from '../../../types/user-settings'
+import { OAuthProviders } from '../../../types/oauth-providers'
+import { ExposedSettings } from '../../../types/exposed-settings'
+import {
+  type AllowedImageName,
+  OverallThemeMeta,
+  type SpellCheckLanguage,
+} from '../../../types/project-settings'
+import { CurrencyCode } from '../../../types/subscription/currency'
+import { PricingFormState } from '../../../types/subscription/payment-context-value'
+import { Plan } from '../../../types/subscription/plan'
+import { Affiliation } from '../../../types/affiliation'
+import type { PortalTemplate } from '../../../types/portal-template'
+import { UserEmailData } from '../../../types/user-email'
+import {
+  GroupsAndEnterpriseBannerVariant,
+  Institution as InstitutionType,
+  Notification as NotificationType,
+  PendingGroupSubscriptionEnrollment,
+} from '../../../types/project/dashboard/notification'
+import { Survey } from '../../../types/project/dashboard/survey'
+import { GetProjectsResponseBody } from '../../../types/project/dashboard/api'
+import { Tag } from '../../../app/src/Features/Tags/types'
+import { Institution } from '../../../types/institution'
+import {
+  ManagedGroupSubscription,
+  MemberGroupSubscription,
+} from '../../../types/subscription/dashboard/subscription'
+import { SplitTestInfo } from '../../../types/split-test'
+import { ValidationStatus } from '../../../types/group-management/validation'
+import { ManagedInstitution } from '../../../types/subscription/dashboard/managed-institution'
+import { GroupSSOTestResult } from '../../../modules/group-settings/frontend/js/utils/types'
+import {
+  AccessToken,
+  InstitutionLink,
+  SAMLError,
+} from '../../../types/settings-page'
+import { SuggestedLanguage } from '../../../types/system-message'
+import type { TeamInvite } from '../../../types/team-invite'
+import { GroupPlans } from '../../../types/subscription/dashboard/group-plans'
+import { GroupSSOLinkingStatus } from '../../../types/subscription/sso'
+import { PasswordStrengthOptions } from '../../../types/password-strength-options'
+import { Subscription as ProjectDashboardSubscription } from '../../../types/project/dashboard/subscription'
+import { ThirdPartyIds } from '../../../types/third-party-ids'
+import { Publisher } from '../../../types/subscription/dashboard/publisher'
+import _ from 'lodash'
+import { isSplitTestEnabled } from '@/utils/splitTestUtils'
+
+export interface Meta {
+  'ol-ExposedSettings': ExposedSettings
+  'ol-allInReconfirmNotificationPeriods': UserEmailData[]
+  'ol-allowedImageNames': AllowedImageName[]
+  'ol-anonymous': boolean
+  'ol-bootstrapVersion': 3 | 5
+  'ol-brandVariation': Record<string, any>
+
+  // dynamic keys based on permissions
+  'ol-cannot-add-secondary-email': boolean
+  'ol-cannot-change-password': boolean
+  'ol-cannot-delete-own-account': boolean
+  'ol-cannot-join-subscription': boolean
+  'ol-cannot-leave-group-subscription': boolean
+  'ol-cannot-link-google-sso': boolean
+  'ol-cannot-link-other-third-party-sso': boolean
+  'ol-cannot-reactivate-subscription': boolean
+
+  'ol-countryCode': PricingFormState['country']
+  'ol-couponCode': PricingFormState['coupon']
+  'ol-createdAt': Date
+  'ol-csrfToken': string
+  'ol-currentInstitutionsWithLicence': Institution[]
+  'ol-currentManagedUserAdminEmail': string
+  'ol-currentUrl': string
+  'ol-debugPdfDetach': boolean
+  'ol-detachRole': 'detached' | 'detacher' | ''
+  'ol-dropbox': { error: boolean; registered: boolean }
+  'ol-editorThemes': string[]
+  'ol-email': string
+  'ol-emailAddressLimit': number
+  'ol-error': { name: string } | undefined
+  'ol-expired': boolean
+  'ol-fromPlansPage': boolean
+  'ol-gitBridgeEnabled': boolean
+  'ol-gitBridgePublicBaseUrl': string
+  'ol-github': { enabled: boolean; error: boolean }
+  'ol-groupId': string
+  'ol-groupName': string
+  'ol-groupPlans': GroupPlans
+  'ol-groupSSOActive': boolean
+  'ol-groupSSOTestResult': GroupSSOTestResult
+  'ol-groupSettingsEnabledFor': string[]
+  'ol-groupSize': number
+  'ol-groupSsoSetupSuccess': boolean
+  'ol-groupSubscriptionsPendingEnrollment': PendingGroupSubscriptionEnrollment[]
+  'ol-groupsAndEnterpriseBannerVariant': GroupsAndEnterpriseBannerVariant
+  'ol-hasGroupSSOFeature': boolean
+  'ol-hasIndividualRecurlySubscription': boolean
+  'ol-hasManagedUsersFeature': boolean
+  'ol-hasPassword': boolean
+  'ol-hasSubscription': boolean
+  'ol-hasTrackChangesFeature': boolean
+  'ol-hideLinkingWidgets': boolean // CI only
+  'ol-i18n': { currentLangCode: string }
+  'ol-inactiveTutorials': string[]
+  'ol-institutionEmailNonCanonical': string | undefined
+  'ol-institutionLinked': InstitutionLink | undefined
+  'ol-inviteToken': string
+  'ol-inviterName': string
+  'ol-isExternalAuthenticationSystemUsed': boolean
+  'ol-isManagedAccount': boolean
+  'ol-isProfessional': boolean
+  'ol-isRegisteredViaGoogle': boolean
+  'ol-isRestrictedTokenMember': boolean
+  'ol-isSaas': boolean
+  'ol-itm_campaign': string
+  'ol-itm_content': string
+  'ol-itm_referrer': string
+  'ol-languages': SpellCheckLanguage[]
+  'ol-learnedWords': string[]
+  'ol-legacyEditorThemes': string[]
+  'ol-loadingText': string
+  'ol-managedGroupSubscriptions': ManagedGroupSubscription[]
+  'ol-managedInstitutions': ManagedInstitution[]
+  'ol-managedPublishers': Publisher[]
+  'ol-managedUsersActive': boolean
+  'ol-managedUsersEnabled': boolean
+  'ol-managers': MinimalUser[]
+  'ol-mathJaxPath': string
+  'ol-maxDocLength': number
+  'ol-memberGroupSubscriptions': MemberGroupSubscription[]
+  'ol-memberOfSSOEnabledGroups': GroupSSOLinkingStatus[]
+  'ol-members': MinimalUser[]
+  'ol-newNotificationStyle': boolean
+  'ol-no-single-dollar': boolean
+  'ol-notifications': NotificationType[]
+  'ol-notificationsInstitution': InstitutionType[]
+  'ol-oauthProviders': OAuthProviders
+  'ol-optionalPersonalAccessToken': boolean
+  'ol-overallThemes': OverallThemeMeta[]
+  'ol-passwordStrengthOptions': PasswordStrengthOptions
+  'ol-personalAccessTokens': AccessToken[] | undefined
+  'ol-plan': Plan
+  'ol-planCode': string
+  'ol-planCodesChangingAtTermEnd': string[] | undefined
+  'ol-plans': Plan[]
+  'ol-portalTemplates': PortalTemplate[]
+  'ol-postCheckoutRedirect': string
+  'ol-postUrl': string
+  'ol-prefetchedProjectsBlob': GetProjectsResponseBody | undefined
+  'ol-primaryEmail': { email: string; confirmed: boolean }
+  'ol-project': any // TODO
+  'ol-projectSyncSuccessMessage': string
+  'ol-projectTags': Tag[]
+  'ol-project_id': string
+  'ol-recommendedCurrency': CurrencyCode
+  'ol-reconfirmationRemoveEmail': string
+  'ol-reconfirmedViaSAML': string
+  'ol-recurlyApiKey': string
+  'ol-recurlySubdomain': string
+  'ol-samlError': SAMLError | undefined
+  'ol-settingsGroupSSO': { enabled: boolean } | undefined
+  'ol-settingsPlans': Plan[]
+  'ol-shouldAllowEditingDetails': boolean
+  'ol-showAiErrorAssistant': boolean
+  'ol-showBrlGeoBanner': boolean
+  'ol-showCouponField': boolean
+  'ol-showGroupsAndEnterpriseBanner': boolean
+  'ol-showInrGeoBanner': boolean
+  'ol-showLATAMBanner': boolean
+  'ol-showPersonalAccessToken': boolean
+  'ol-showSupport': boolean
+  'ol-showSymbolPalette': boolean
+  'ol-showTemplatesServerPro': boolean
+  'ol-showUpgradePrompt': boolean
+  'ol-skipUrl': string
+  'ol-splitTestInfo': { [name: string]: SplitTestInfo }
+  'ol-splitTestVariants': { [name: string]: string }
+  'ol-ssoDisabled': boolean
+  'ol-ssoErrorMessage': string
+  'ol-subscription': any // TODO: mixed types, split into two fields
+  'ol-subscriptionId': string
+  'ol-suggestedLanguage': SuggestedLanguage | undefined
+  'ol-survey': Survey | undefined
+  'ol-symbolPaletteAvailable': boolean
+  'ol-tags': Tag[]
+  'ol-teamInvites': TeamInvite[]
+  'ol-thirdPartyIds': ThirdPartyIds
+  'ol-translationLoadErrorMessage': string
+  'ol-useShareJsHash': boolean
+  'ol-user': User
+  'ol-userAffiliations': Affiliation[]
+  'ol-userEmails': UserEmailData[]
+  'ol-userSettings': UserSettings
+  'ol-user_id': string | undefined
+  'ol-users': ManagedUser[]
+  'ol-usersBestSubscription': ProjectDashboardSubscription | undefined
+  'ol-usersEmail': string | undefined
+  'ol-validationStatus': ValidationStatus
+  'ol-wikiEnabled': boolean
+  'ol-writefullCssUrl': string
+  'ol-writefullEnabled': boolean
+  'ol-writefullJsUrl': string
+  'ol-wsUrl': string
+}
+
+// cache for parsed values
+window.metaAttributesCache = window.metaAttributesCache || new Map()
+
+export default function getMeta<T extends keyof Meta>(name: T): Meta[T] {
+  if (window.metaAttributesCache.has(name)) {
+    return window.metaAttributesCache.get(name)
+  }
+  const element = document.head.querySelector(
+    `meta[name="${name}"]`
+  ) as HTMLMetaElement
+  if (!element) {
+    return undefined!
+  }
+  const plainTextValue = element.content
+  let value
+  switch (element.dataset.type) {
+    case 'boolean':
+      // in pug: content=false -> no content field
+      // in pug: content=true  -> empty content field
+      value = element.hasAttribute('content')
+      break
+    case 'json':
+      if (!plainTextValue) {
+        // JSON.parse('') throws
+        value = undefined
+      } else {
+        value = JSON.parse(plainTextValue)
+      }
+      break
+    default:
+      value = plainTextValue
+  }
+  window.metaAttributesCache.set(name, value)
+  return value
+}
+
+function convertMetaToWindowAttributes() {
+  Array.from(document.querySelectorAll('meta[name^="ol-"]'))
+    .map(element => (element as HTMLMetaElement).name)
+    // process short labels before long ones:
+    // e.g. assign 'foo' before 'foo.bar'
+    .sort()
+    .forEach(nameWithNamespace => {
+      const label = nameWithNamespace.slice('ol-'.length)
+      // @ts-ignore
+      _.set(window, label, getMeta(nameWithNamespace))
+    })
+}
+
+// Deduplicate warning, the bootstrap-3 bundle ships its own copy of this module.
+if (!window.warnedAboutWindowAttributeRemoval) {
+  window.warnedAboutWindowAttributeRemoval = true
+  // Notify any extension developers about the upcoming removal of window attributes.
+  // eslint-disable-next-line no-console
+  console.warn(
+    'overleaf.com: We are sunsetting window properties like "window.project_id". If you need access to any of these, please reach out to support@overleaf.com to discuss options.'
+  )
+}
+if (!isSplitTestEnabled('remove-window-attributes')) {
+  convertMetaToWindowAttributes()
+}
diff --git a/services/web/frontend/js/vendor/libs/sharejs.js b/services/web/frontend/js/vendor/libs/sharejs.js
index a3140ffc3d..5a218f78f5 100644
--- a/services/web/frontend/js/vendor/libs/sharejs.js
+++ b/services/web/frontend/js/vendor/libs/sharejs.js
@@ -1,5 +1,6 @@
 import { generateSHA1Hash } from '../../shared/utils/sha1'
 import { debugging, debugConsole } from '@/utils/debugging'
+import getMeta from '@/utils/meta'
 
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
@@ -1278,7 +1279,7 @@ export const { Doc } = (() => {
 
         this.emit('flipped_pending_to_inflight');
 
-        if (window.useShareJsHash || debugging) {
+        if (getMeta('ol-useShareJsHash') || debugging) {
           var now = Date.now()
           var age = this.__lastSubmitTimestamp && (now - this.__lastSubmitTimestamp)
           var RECOMPUTE_HASH_INTERVAL = 5000
diff --git a/services/web/frontend/stories/decorators/scope.tsx b/services/web/frontend/stories/decorators/scope.tsx
index ea6f5e1d62..80cca49933 100644
--- a/services/web/frontend/stories/decorators/scope.tsx
+++ b/services/web/frontend/stories/decorators/scope.tsx
@@ -144,85 +144,13 @@ const initialize = () => {
     },
   }
 
-  window.user = user
-
-  window.ExposedSettings = {
-    adminEmail: 'placeholder@example.com',
-    appName: 'Overleaf',
-    cookieDomain: '.overleaf.stories',
-    dropboxAppName: 'Overleaf-Stories',
-    emailConfirmationDisabled: false,
-    enableSubscriptions: true,
-    hasAffiliationsFeature: false,
-    hasLinkUrlFeature: true,
-    hasLinkedProjectFileFeature: true,
-    hasLinkedProjectOutputFileFeature: true,
-    hasSamlFeature: true,
-    ieeeBrandId: 15,
-    isOverleaf: true,
-    labsEnabled: true,
-    maxEntitiesPerProject: 10,
-    maxUploadSize: 5 * 1024 * 1024,
-    recaptchaDisabled: {
-      invite: true,
-      login: true,
-      passwordReset: true,
-      register: true,
-      addEmail: true,
-    },
-    sentryAllowedOriginRegex: '',
-    siteUrl: 'http://localhost',
-    templateLinks: [],
-    textExtensions: [
-      'tex',
-      'latex',
-      'sty',
-      'cls',
-      'bst',
-      'bib',
-      'bibtex',
-      'txt',
-      'tikz',
-      'mtx',
-      'rtex',
-      'md',
-      'asy',
-      'lbx',
-      'bbx',
-      'cbx',
-      'm',
-      'lco',
-      'dtx',
-      'ins',
-      'ist',
-      'def',
-      'clo',
-      'ldf',
-      'rmd',
-      'lua',
-      'gv',
-      'mf',
-      'lhs',
-      'mk',
-      'xmpdata',
-      'cfg',
-      'rnw',
-      'ltx',
-      'inc',
-    ],
-    editableFilenames: ['latexmkrc', '.latexmkrc', 'makefile', 'gnumakefile'],
-    validRootDocExtensions: ['tex', 'Rtex', 'ltx', 'Rnw'],
-    fileIgnorePattern:
-      '**/{{__MACOSX,.git,.texpadtmp,.R}{,/**},.!(latexmkrc),*.{dvi,aux,log,toc,out,pdfsync,synctex,synctex(busy),fdb_latexmk,fls,nlo,ind,glo,gls,glg,bbl,blg,doc,docx,gz,swp}}',
-    projectUploadTimeout: 12000,
-  }
-
-  window.project_id = project._id
-
-  window.metaAttributesCache = window.metaAttributesCache ?? new Map()
+  // window.metaAttributesCache is reset in preview.tsx
   window.metaAttributesCache.set('ol-user', user)
-
-  window.gitBridgePublicBaseUrl = 'https://git.stories.com'
+  window.metaAttributesCache.set('ol-project_id', project._id)
+  window.metaAttributesCache.set(
+    'ol-gitBridgePublicBaseUrl',
+    'https://git.stories.com'
+  )
 
   window._ide = ide
 }
@@ -256,10 +184,7 @@ export const ScopeDecorator = (
   }, [])
 
   // set values on window.metaAttributesCache (created in initialize, above)
-  useMeta({
-    'ol-ExposedSettings': window.ExposedSettings,
-    ...meta,
-  })
+  useMeta(meta)
 
   const Providers = {
     ChatProvider,
@@ -367,10 +292,11 @@ const ConnectionProvider: FC = ({ children }) => {
 }
 
 const IdeReactProvider: FC = ({ children }) => {
+  const projectId = 'project-123'
   const [startedFreeTrial, setStartedFreeTrial] = useState(false)
 
   const [ideReactContextValue] = useState(() => ({
-    projectId: 'project-123',
+    projectId,
     eventEmitter: new IdeEventEmitter(),
     eventLog: new EventLog(),
     startedFreeTrial,
@@ -381,7 +307,7 @@ const IdeReactProvider: FC = ({ children }) => {
 
   const [ideContextValue] = useState(() => {
     const ide = window._ide
-    const scopeStore = createReactScopeValueStore(window.project_id)
+    const scopeStore = createReactScopeValueStore(projectId)
     for (const [key, value] of Object.entries(ide.$scope)) {
       scopeStore.set(key, value)
     }
diff --git a/services/web/frontend/stories/modals/create-file/create-file-modal.stories.jsx b/services/web/frontend/stories/modals/create-file/create-file-modal.stories.jsx
index 3e2a10dd4d..1ff2b46c79 100644
--- a/services/web/frontend/stories/modals/create-file/create-file-modal.stories.jsx
+++ b/services/web/frontend/stories/modals/create-file/create-file-modal.stories.jsx
@@ -1,4 +1,3 @@
-import { useEffect } from 'react'
 import {
   createFileModalDecorator,
   mockCreateFileModalFetch,
@@ -7,9 +6,15 @@ import FileTreeModalCreateFile from '../../../js/features/file-tree/components/m
 import useFetchMock from '../../hooks/use-fetch-mock'
 import { ScopeDecorator } from '../../decorators/scope'
 import { useScope } from '../../hooks/use-scope'
+import getMeta from '@/utils/meta'
 
 export const MinimalFeatures = args => {
   useFetchMock(mockCreateFileModalFetch)
+  Object.assign(getMeta('ol-ExposedSettings'), {
+    hasLinkUrlFeature: false,
+    hasLinkedProjectFileFeature: false,
+    hasLinkedProjectOutputFileFeature: false,
+  })
 
   return <FileTreeModalCreateFile {...args} />
 }
@@ -18,14 +23,7 @@ MinimalFeatures.decorators = [createFileModalDecorator()]
 export const WithExtraFeatures = args => {
   useFetchMock(mockCreateFileModalFetch)
 
-  useEffect(() => {
-    const originalValue = window.ExposedSettings.hasLinkUrlFeature
-    window.ExposedSettings.hasLinkUrlFeature = true
-
-    return () => {
-      window.ExposedSettings.hasLinkUrlFeature = originalValue
-    }
-  }, [])
+  getMeta('ol-ExposedSettings').hasLinkUrlFeature = true
 
   return <FileTreeModalCreateFile {...args} />
 }
@@ -44,14 +42,7 @@ export const ErrorImportingFileFromExternalURL = args => {
     })
   })
 
-  useEffect(() => {
-    const originalValue = window.ExposedSettings.hasLinkUrlFeature
-    window.ExposedSettings.hasLinkUrlFeature = true
-
-    return () => {
-      window.ExposedSettings.hasLinkUrlFeature = originalValue
-    }
-  }, [])
+  getMeta('ol-ExposedSettings').hasLinkUrlFeature = true
 
   return <FileTreeModalCreateFile {...args} />
 }
diff --git a/services/web/frontend/stories/project-list/add-affiliation.stories.tsx b/services/web/frontend/stories/project-list/add-affiliation.stories.tsx
index d50c05dbc7..75adc967e1 100644
--- a/services/web/frontend/stories/project-list/add-affiliation.stories.tsx
+++ b/services/web/frontend/stories/project-list/add-affiliation.stories.tsx
@@ -2,10 +2,10 @@ import AddAffiliation from '../../js/features/project-list/components/add-affili
 import { ProjectListProvider } from '../../js/features/project-list/context/project-list-context'
 import useFetchMock from '../hooks/use-fetch-mock'
 import { projectsData } from '../../../test/frontend/features/project-list/fixtures/projects-data'
+import getMeta from '@/utils/meta'
 
 export const Add = (args: any) => {
-  window.metaAttributesCache = new Map()
-  window.metaAttributesCache.set('ol-ExposedSettings', {
+  Object.assign(getMeta('ol-ExposedSettings'), {
     isOverleaf: true,
   })
   window.metaAttributesCache.set('ol-userAffiliations', [])
diff --git a/services/web/frontend/stories/project-list/color-picker.stories.tsx b/services/web/frontend/stories/project-list/color-picker.stories.tsx
index 1738fe5fec..b7141c2098 100644
--- a/services/web/frontend/stories/project-list/color-picker.stories.tsx
+++ b/services/web/frontend/stories/project-list/color-picker.stories.tsx
@@ -2,8 +2,6 @@ import { ColorPicker } from '../../js/features/project-list/components/color-pic
 import { ColorPickerProvider } from '../../js/features/project-list/context/color-picker-context'
 
 export const Select = (args: any) => {
-  window.metaAttributesCache = new Map()
-
   return (
     <ColorPickerProvider>
       <ColorPicker {...args} />
diff --git a/services/web/frontend/stories/project-list/compile-and-download-project-pdf.stories.tsx b/services/web/frontend/stories/project-list/compile-and-download-project-pdf.stories.tsx
index 4e1328515c..53fa31cdb0 100644
--- a/services/web/frontend/stories/project-list/compile-and-download-project-pdf.stories.tsx
+++ b/services/web/frontend/stories/project-list/compile-and-download-project-pdf.stories.tsx
@@ -4,7 +4,7 @@ import useFetchMock from '../hooks/use-fetch-mock'
 import { projectsData } from '../../../test/frontend/features/project-list/fixtures/projects-data'
 
 export const Successful = (args: any) => {
-  window.user_id = '624333f147cfd8002622a1d3'
+  window.metaAttributesCache.set('ol-user_id', '624333f147cfd8002622a1d3')
   useFetchMock(fetchMock => {
     fetchMock.post(/\/api\/project/, {
       projects: projectsData,
@@ -32,7 +32,7 @@ export const Successful = (args: any) => {
 }
 
 export const Failure = (args: any) => {
-  window.user_id = '624333f147cfd8002622a1d3'
+  window.metaAttributesCache.set('ol-user_id', '624333f147cfd8002622a1d3')
   useFetchMock(fetchMock => {
     fetchMock.post(/\/api\/project/, {
       projects: projectsData,
diff --git a/services/web/frontend/stories/project-list/helpers/emails.ts b/services/web/frontend/stories/project-list/helpers/emails.ts
index 264149a351..06c12eb577 100644
--- a/services/web/frontend/stories/project-list/helpers/emails.ts
+++ b/services/web/frontend/stories/project-list/helpers/emails.ts
@@ -7,6 +7,7 @@ import {
 } from '../../../../types/project/dashboard/notification'
 import { DeepPartial, DeepReadonly } from '../../../../types/utils'
 import { Project } from '../../../../types/project/dashboard/api'
+import getMeta from '@/utils/meta'
 
 const MOCK_DELAY = 1000
 
@@ -44,9 +45,7 @@ export function defaultSetupMocks(fetchMock: FetchMockStatic) {
 }
 
 export function setDefaultMeta() {
-  window.metaAttributesCache = new Map()
-  window.metaAttributesCache.set('ol-ExposedSettings', {
-    ...window.metaAttributesCache.get('ol-ExposedSettings'),
+  Object.assign(getMeta('ol-ExposedSettings'), {
     emailConfirmationDisabled: false,
     samlInitPath: '/fakeSaml',
     appName: 'Overleaf',
diff --git a/services/web/frontend/stories/project-list/new-project-button.stories.tsx b/services/web/frontend/stories/project-list/new-project-button.stories.tsx
index 4c6a1e0a54..dfd265d560 100644
--- a/services/web/frontend/stories/project-list/new-project-button.stories.tsx
+++ b/services/web/frontend/stories/project-list/new-project-button.stories.tsx
@@ -1,6 +1,7 @@
 import NewProjectButton from '../../js/features/project-list/components/new-project-button'
 import { ProjectListProvider } from '../../js/features/project-list/context/project-list-context'
 import useFetchMock from '../hooks/use-fetch-mock'
+import getMeta from '@/utils/meta'
 
 const templateLinks = [
   {
@@ -46,7 +47,7 @@ const templateLinks = [
 ]
 
 export const Success = () => {
-  window.metaAttributesCache.set('ol-ExposedSettings', {
+  Object.assign(getMeta('ol-ExposedSettings'), {
     templateLinks,
   })
 
@@ -71,7 +72,7 @@ export const Success = () => {
 }
 
 export const Error = () => {
-  window.metaAttributesCache.set('ol-ExposedSettings', {
+  Object.assign(getMeta('ol-ExposedSettings'), {
     templateLinks,
   })
 
diff --git a/services/web/frontend/stories/project-list/project-list.stories.tsx b/services/web/frontend/stories/project-list/project-list.stories.tsx
index 858d419bd4..af058548cb 100644
--- a/services/web/frontend/stories/project-list/project-list.stories.tsx
+++ b/services/web/frontend/stories/project-list/project-list.stories.tsx
@@ -12,7 +12,7 @@ import { v4 as uuid } from 'uuid'
 const MOCK_DELAY = 500
 
 export const Interactive = (args: any) => {
-  window.user_id = '624333f147cfd8002622a1d3'
+  window.metaAttributesCache.set('ol-user_id', '624333f147cfd8002622a1d3')
   useFetchMock(fetchMock => {
     fetchMock.post(
       /\/api\/project/,
diff --git a/services/web/frontend/stories/project-list/survey-widget.stories.tsx b/services/web/frontend/stories/project-list/survey-widget.stories.tsx
index a18ac65f27..c1437a789e 100644
--- a/services/web/frontend/stories/project-list/survey-widget.stories.tsx
+++ b/services/web/frontend/stories/project-list/survey-widget.stories.tsx
@@ -14,7 +14,6 @@ export const Survey = (args: any) => {
 
 export const UndefinedSurvey = (args: any) => {
   localStorage.clear()
-  window.metaAttributesCache = new Map()
 
   return <SurveyWidget {...args} />
 }
diff --git a/services/web/frontend/stories/project-list/system-messages.stories.tsx b/services/web/frontend/stories/project-list/system-messages.stories.tsx
index 990f0a0856..0628d6b4fd 100644
--- a/services/web/frontend/stories/project-list/system-messages.stories.tsx
+++ b/services/web/frontend/stories/project-list/system-messages.stories.tsx
@@ -18,7 +18,6 @@ export const SystemMessage = (args: any) => {
       },
     ])
   })
-  window.metaAttributesCache = new Map()
 
   return <SystemMessages {...args} />
 }
@@ -28,7 +27,6 @@ export const TranslationMessage = (args: any) => {
     fetchMock.get(/\/system\/messages/, [])
   })
 
-  window.metaAttributesCache = new Map()
   window.metaAttributesCache.set('ol-suggestedLanguage', {
     url: '/dev/null',
     lngName: 'German',
diff --git a/services/web/frontend/stories/settings/account-info.stories.jsx b/services/web/frontend/stories/settings/account-info.stories.jsx
index 1f041f892d..9375b8dacf 100644
--- a/services/web/frontend/stories/settings/account-info.stories.jsx
+++ b/services/web/frontend/stories/settings/account-info.stories.jsx
@@ -2,6 +2,7 @@ import useFetchMock from '../hooks/use-fetch-mock'
 import AccountInfoSection from '../../js/features/settings/components/account-info-section'
 import { setDefaultMeta, defaultSetupMocks } from './helpers/account-info'
 import { UserProvider } from '../../js/shared/context/user-context'
+import getMeta from '@/utils/meta'
 
 export const Success = args => {
   setDefaultMeta()
@@ -28,7 +29,7 @@ export const ReadOnly = args => {
 
 export const NoEmailInput = args => {
   setDefaultMeta()
-  window.metaAttributesCache.set('ol-ExposedSettings', {
+  Object.assign(getMeta('ol-ExposedSettings'), {
     hasAffiliationsFeature: true,
   })
   useFetchMock(defaultSetupMocks)
diff --git a/services/web/frontend/stories/settings/helpers/account-info.js b/services/web/frontend/stories/settings/helpers/account-info.js
index e3a893f948..47a65be772 100644
--- a/services/web/frontend/stories/settings/helpers/account-info.js
+++ b/services/web/frontend/stories/settings/helpers/account-info.js
@@ -1,3 +1,5 @@
+import getMeta from '@/utils/meta'
+
 const MOCK_DELAY = 1000
 
 export function defaultSetupMocks(fetchMock) {
@@ -7,15 +9,13 @@ export function defaultSetupMocks(fetchMock) {
 }
 
 export function setDefaultMeta() {
-  window.metaAttributesCache = window.metaAttributesCache || new Map()
   window.metaAttributesCache.set('ol-user', {
     ...window.metaAttributesCache.get('ol-user'),
     email: 'sherlock@holmes.co.uk',
     first_name: 'Sherlock',
     last_name: 'Holmes',
   })
-  window.metaAttributesCache.set('ol-ExposedSettings', {
-    ...window.metaAttributesCache.get('ol-ExposedSettings'),
+  Object.assign(getMeta('ol-ExposedSettings'), {
     hasAffiliationsFeature: false,
   })
   window.metaAttributesCache.set('ol-isExternalAuthenticationSystemUsed', false)
diff --git a/services/web/frontend/stories/settings/helpers/emails.js b/services/web/frontend/stories/settings/helpers/emails.js
index af165e671d..2afe6a3014 100644
--- a/services/web/frontend/stories/settings/helpers/emails.js
+++ b/services/web/frontend/stories/settings/helpers/emails.js
@@ -1,3 +1,5 @@
+import getMeta from '@/utils/meta'
+
 const MOCK_DELAY = 1000
 
 const fakeUsersData = [
@@ -195,9 +197,7 @@ export function errorsMocks(fetchMock) {
 }
 
 export function setDefaultMeta() {
-  window.metaAttributesCache = window.metaAttributesCache || new Map()
-  window.metaAttributesCache.set('ol-ExposedSettings', {
-    ...window.metaAttributesCache.get('ol-ExposedSettings'),
+  Object.assign(getMeta('ol-ExposedSettings'), {
     hasAffiliationsFeature: true,
     hasSamlFeature: true,
     samlInitPath: 'saml/init',
diff --git a/services/web/frontend/stories/settings/helpers/leave.js b/services/web/frontend/stories/settings/helpers/leave.js
index 8b74f03c1b..8b88b635ab 100644
--- a/services/web/frontend/stories/settings/helpers/leave.js
+++ b/services/web/frontend/stories/settings/helpers/leave.js
@@ -1,3 +1,5 @@
+import getMeta from '@/utils/meta'
+
 const MOCK_DELAY = 1000
 
 export function defaultSetupMocks(fetchMock) {
@@ -7,10 +9,8 @@ export function defaultSetupMocks(fetchMock) {
 }
 
 export function setDefaultMeta() {
-  window.metaAttributesCache = window.metaAttributesCache || new Map()
   window.metaAttributesCache.set('ol-usersEmail', 'user@primary.com')
-  window.metaAttributesCache.set('ol-ExposedSettings', {
-    ...window.metaAttributesCache.get('ol-ExposedSettings'),
+  Object.assign(getMeta('ol-ExposedSettings'), {
     isOverleaf: true,
   })
   window.metaAttributesCache.set('ol-hasPassword', true)
diff --git a/services/web/frontend/stories/settings/helpers/linking.js b/services/web/frontend/stories/settings/helpers/linking.js
index c551c8360e..3ffc3a2c5f 100644
--- a/services/web/frontend/stories/settings/helpers/linking.js
+++ b/services/web/frontend/stories/settings/helpers/linking.js
@@ -50,8 +50,7 @@ export function setDefaultMeta() {
       linkPath: '/auth/orcid',
     },
   })
-  window.metaAttributesCache.delete('integrationLinkingWidgets')
-  window.metaAttributesCache.delete('referenceLinkingWidgets')
+  window.metaAttributesCache.set('ol-hideLinkingWidgets', true)
   window.metaAttributesCache.delete('ol-ssoErrorMessage')
 }
 
diff --git a/services/web/frontend/stories/settings/helpers/password.js b/services/web/frontend/stories/settings/helpers/password.js
index ebc58cc38e..d41dab1a02 100644
--- a/services/web/frontend/stories/settings/helpers/password.js
+++ b/services/web/frontend/stories/settings/helpers/password.js
@@ -1,3 +1,5 @@
+import getMeta from '@/utils/meta'
+
 const MOCK_DELAY = 1000
 
 export function defaultSetupMocks(fetchMock) {
@@ -20,9 +22,7 @@ export function defaultSetupMocks(fetchMock) {
 }
 
 export function setDefaultMeta() {
-  window.metaAttributesCache = window.metaAttributesCache || new Map()
-  window.metaAttributesCache.set('ol-ExposedSettings', {
-    ...window.metaAttributesCache.get('ol-ExposedSettings'),
+  Object.assign(getMeta('ol-ExposedSettings'), {
     isOverleaf: true,
   })
   window.metaAttributesCache.set('ol-isExternalAuthenticationSystemUsed', false)
diff --git a/services/web/frontend/stories/settings/linking.stories.jsx b/services/web/frontend/stories/settings/linking.stories.jsx
index 353c6867e8..0799ce0bea 100644
--- a/services/web/frontend/stories/settings/linking.stories.jsx
+++ b/services/web/frontend/stories/settings/linking.stories.jsx
@@ -56,8 +56,7 @@ export const SectionSSOErrors = args => {
     fetchMock.post('/user/oauth-unlink', 500, { delay: MOCK_DELAY })
   )
   setDefaultMeta()
-  window.metaAttributesCache.set('integrationLinkingWidgets', [])
-  window.metaAttributesCache.set('referenceLinkingWidgets', [])
+  window.metaAttributesCache.set('ol-hideLinkingWidgets', true)
   window.metaAttributesCache.set(
     'ol-ssoErrorMessage',
     'Account already linked to another Overleaf user'
diff --git a/services/web/frontend/stories/settings/page.stories.jsx b/services/web/frontend/stories/settings/page.stories.jsx
index f3d58fb48a..53a4830430 100644
--- a/services/web/frontend/stories/settings/page.stories.jsx
+++ b/services/web/frontend/stories/settings/page.stories.jsx
@@ -23,6 +23,7 @@ import {
 } from './helpers/linking'
 import { UserProvider } from '../../js/shared/context/user-context'
 import { ScopeDecorator } from '../decorators/scope'
+import getMeta from '@/utils/meta'
 
 export const Overleaf = args => {
   setDefaultLeaveMeta()
@@ -59,13 +60,11 @@ export const ServerPro = args => {
     defaultSetupPasswordMocks(fetchMock)
   })
 
-  window.metaAttributesCache.set('ol-ExposedSettings', {
-    ...window.metaAttributesCache.get('ol-ExposedSettings'),
+  Object.assign(getMeta('ol-ExposedSettings'), {
     hasAffiliationsFeature: false,
     isOverleaf: false,
   })
-  window.metaAttributesCache.set('integrationLinkingWidgets', [])
-  window.metaAttributesCache.set('referenceLinkingWidgets', [])
+  window.metaAttributesCache.set('ol-hideLinkingWidgets', true)
   window.metaAttributesCache.delete('ol-oauthProviders')
 
   return (
diff --git a/services/web/frontend/stories/settings/password.stories.jsx b/services/web/frontend/stories/settings/password.stories.jsx
index 78bad98425..46811176f5 100644
--- a/services/web/frontend/stories/settings/password.stories.jsx
+++ b/services/web/frontend/stories/settings/password.stories.jsx
@@ -1,6 +1,7 @@
 import useFetchMock from '../hooks/use-fetch-mock'
 import PasswordSection from '../../js/features/settings/components/password-section'
 import { setDefaultMeta, defaultSetupMocks } from './helpers/password'
+import getMeta from '@/utils/meta'
 
 export const Success = args => {
   setDefaultMeta()
@@ -11,7 +12,7 @@ export const Success = args => {
 
 export const ManagedExternally = args => {
   setDefaultMeta()
-  window.metaAttributesCache.set('ol-ExposedSettings', {
+  Object.assign(getMeta('ol-ExposedSettings'), {
     isOverleaf: false,
   })
   window.metaAttributesCache.set('ol-isExternalAuthenticationSystemUsed', true)
diff --git a/services/web/frontend/stories/settings/sso-alert.stories.tsx b/services/web/frontend/stories/settings/sso-alert.stories.tsx
index 68fc6762a5..e07bdb0dcc 100644
--- a/services/web/frontend/stories/settings/sso-alert.stories.tsx
+++ b/services/web/frontend/stories/settings/sso-alert.stories.tsx
@@ -2,7 +2,6 @@ import EmailsSection from '../../js/features/settings/components/emails-section'
 import { SSOAlert } from '../../js/features/settings/components/emails/sso-alert'
 
 export const Info = () => {
-  window.metaAttributesCache = new Map()
   window.metaAttributesCache.set('ol-institutionLinked', {
     universityName: 'Overleaf University',
   })
@@ -10,7 +9,6 @@ export const Info = () => {
 }
 
 export const InfoWithEntitlement = () => {
-  window.metaAttributesCache = new Map()
   window.metaAttributesCache.set('ol-institutionLinked', {
     universityName: 'Overleaf University',
     hasEntitlement: true,
@@ -19,7 +17,6 @@ export const InfoWithEntitlement = () => {
 }
 
 export const NonCanonicalEmail = () => {
-  window.metaAttributesCache = new Map()
   window.metaAttributesCache.set('ol-institutionLinked', {
     universityName: 'Overleaf University',
   })
@@ -31,7 +28,6 @@ export const NonCanonicalEmail = () => {
 }
 
 export const Error = () => {
-  window.metaAttributesCache = new Map()
   window.metaAttributesCache.set('ol-samlError', {
     translatedMessage: 'There was an Error',
   })
@@ -39,7 +35,6 @@ export const Error = () => {
 }
 
 export const ErrorTranslated = () => {
-  window.metaAttributesCache = new Map()
   window.metaAttributesCache.set('ol-samlError', {
     translatedMessage: 'Translated Error Message',
     message: 'There was an Error',
@@ -48,7 +43,6 @@ export const ErrorTranslated = () => {
 }
 
 export const ErrorWithTryAgain = () => {
-  window.metaAttributesCache = new Map()
   window.metaAttributesCache.set('ol-samlError', {
     message: 'There was an Error',
     tryAgain: true,
diff --git a/services/web/frontend/stories/share-project-modal.stories.jsx b/services/web/frontend/stories/share-project-modal.stories.jsx
index aaf52a8751..5c6d3949f0 100644
--- a/services/web/frontend/stories/share-project-modal.stories.jsx
+++ b/services/web/frontend/stories/share-project-modal.stories.jsx
@@ -1,4 +1,3 @@
-import { useEffect } from 'react'
 import ShareProjectModal from '../js/features/share-project-modal/components/share-project-modal'
 import useFetchMock from './hooks/use-fetch-mock'
 import { useScope } from './hooks/use-scope'
@@ -68,17 +67,10 @@ export const NonProjectOwnerLinkSharingOn = args => {
 }
 
 export const RestrictedTokenMember = args => {
-  // Override isRestrictedTokenMember to be true, then revert it back to the
-  // original value on unmount
+  // Override isRestrictedTokenMember to be true
   // Currently this is necessary because the context value is set from window,
   // however in the future we should change this to set via props
-  useEffect(() => {
-    const originalIsRestrictedTokenMember = window.isRestrictedTokenMember
-    window.isRestrictedTokenMember = true
-    return () => {
-      window.isRestrictedTokenMember = originalIsRestrictedTokenMember
-    }
-  })
+  window.metaAttributesCache.set('ol-isRestrictedTokenMember', true)
 
   useScope({
     project: {
@@ -143,7 +135,7 @@ export default {
       ...project,
       owner: {
         ...project.owner,
-        _id: window.user.id,
+        _id: 'story-user',
       },
     },
   },
diff --git a/services/web/frontend/stories/source-editor/source-editor.stories.tsx b/services/web/frontend/stories/source-editor/source-editor.stories.tsx
index 0a51d77ff9..6c6466ccfd 100644
--- a/services/web/frontend/stories/source-editor/source-editor.stories.tsx
+++ b/services/web/frontend/stories/source-editor/source-editor.stories.tsx
@@ -169,7 +169,7 @@ export const Bibtex = (args: any, { globals: { theme } }: any) => {
   return <SourceEditor />
 }
 
-const MAX_DOC_LENGTH = 2 * 1024 * 1024 // window.maxDocLength
+const MAX_DOC_LENGTH = 2 * 1024 * 1024 // ol-maxDocLength
 
 const mockDoc = (content: string, changes: Array<Record<string, any>> = []) => {
   const mockShareJSDoc = {
diff --git a/services/web/test/frontend/bootstrap.js b/services/web/test/frontend/bootstrap.js
index 6bb483b69c..4d4e995890 100644
--- a/services/web/test/frontend/bootstrap.js
+++ b/services/web/test/frontend/bootstrap.js
@@ -23,56 +23,10 @@ const chai = require('chai')
 chai.use(require('sinon-chai'))
 chai.use(require('chai-as-promised'))
 
-// Mock global settings
-window.ExposedSettings = {
-  appName: 'Overleaf',
-  maxEntitiesPerProject: 10,
-  maxUploadSize: 5 * 1024 * 1024,
-  siteUrl: 'https://www.dev-overleaf.com',
-  hasLinkUrlFeature: true,
-  hasLinkedProjectFileFeature: true,
-  hasLinkedProjectOutputFileFeature: true,
-  textExtensions: [
-    'tex',
-    'latex',
-    'sty',
-    'cls',
-    'bst',
-    'bib',
-    'bibtex',
-    'txt',
-    'tikz',
-    'mtx',
-    'rtex',
-    'md',
-    'asy',
-    'lbx',
-    'bbx',
-    'cbx',
-    'm',
-    'lco',
-    'dtx',
-    'ins',
-    'ist',
-    'def',
-    'clo',
-    'ldf',
-    'rmd',
-    'lua',
-    'gv',
-    'mf',
-    'lhs',
-    'mk',
-    'xmpdata',
-    'cfg',
-    'rnw',
-    'ltx',
-    'inc',
-  ],
-  editableFilenames: ['latexmkrc', '.latexmkrc', 'makefile', 'gnumakefile'],
-}
-
-window.i18n = { currentLangCode: 'en' }
+// Populate meta for top-level access in modules on import
+const { resetMeta } = require('./helpers/reset-meta')
+resetMeta()
+// i18n requires access to 'ol-i18n' as defined above
 require('../../frontend/js/i18n')
 
 const moment = require('moment')
diff --git a/services/web/test/frontend/components/editor-left-menu/editor-left-menu.spec.tsx b/services/web/test/frontend/components/editor-left-menu/editor-left-menu.spec.tsx
index 9527c7995b..31f5ecac10 100644
--- a/services/web/test/frontend/components/editor-left-menu/editor-left-menu.spec.tsx
+++ b/services/web/test/frontend/components/editor-left-menu/editor-left-menu.spec.tsx
@@ -8,6 +8,7 @@ import { EditorProviders } from '../../helpers/editor-providers'
 import { mockScope } from './scope'
 import { Folder } from '../../../../types/folder'
 import { docsInFolder } from '@/features/file-tree/util/docs-in-folder'
+import getMeta from '@/utils/meta'
 
 describe('<EditorLeftMenu />', function () {
   beforeEach(function () {
@@ -46,7 +47,7 @@ describe('<EditorLeftMenu />', function () {
       window.metaAttributesCache.set('ol-anonymous', false)
       window.metaAttributesCache.set('ol-gitBridgeEnabled', true)
       window.metaAttributesCache.set('ol-showSupport', true)
-      window.metaAttributesCache.set('ol-ExposedSettings', { ieeeBrandId: 123 })
+      Object.assign(getMeta('ol-ExposedSettings'), { ieeeBrandId: 123 })
       window.metaAttributesCache.set('ol-user', {
         email: 'sherlock@holmes.co.uk',
         first_name: 'Sherlock',
@@ -850,7 +851,7 @@ describe('<EditorLeftMenu />', function () {
         },
       })
       window.metaAttributesCache.set('ol-anonymous', true)
-      window.metaAttributesCache.set('ol-ExposedSettings', { ieeeBrandId: 123 })
+      Object.assign(getMeta('ol-ExposedSettings'), { ieeeBrandId: 123 })
 
       cy.mount(
         <EditorProviders scope={scope}>
diff --git a/services/web/test/frontend/components/pdf-preview/detach-compile-button.spec.tsx b/services/web/test/frontend/components/pdf-preview/detach-compile-button.spec.tsx
index 5826fce35b..3591bca742 100644
--- a/services/web/test/frontend/components/pdf-preview/detach-compile-button.spec.tsx
+++ b/services/web/test/frontend/components/pdf-preview/detach-compile-button.spec.tsx
@@ -12,7 +12,7 @@ describe('<DetachCompileButtonWrapper />', function () {
     cy.interceptCompile()
 
     cy.window().then(win => {
-      win.metaAttributesCache = new Map([['ol-detachRole', 'detacher']])
+      win.metaAttributesCache.set('ol-detachRole', 'detacher')
     })
 
     const scope = mockScope()
@@ -32,7 +32,7 @@ describe('<DetachCompileButtonWrapper />', function () {
     cy.interceptCompile()
 
     cy.window().then(win => {
-      win.metaAttributesCache = new Map([['ol-detachRole', 'detacher']])
+      win.metaAttributesCache.set('ol-detachRole', 'detacher')
     })
 
     const scope = mockScope()
@@ -59,7 +59,7 @@ describe('<DetachCompileButtonWrapper />', function () {
     cy.interceptCompile()
 
     cy.window().then(win => {
-      win.metaAttributesCache = new Map([['ol-detachRole', 'detached']])
+      win.metaAttributesCache.set('ol-detachRole', 'detached')
     })
 
     const scope = mockScope()
diff --git a/services/web/test/frontend/components/pdf-preview/pdf-logs-entries.spec.tsx b/services/web/test/frontend/components/pdf-preview/pdf-logs-entries.spec.tsx
index 087e116f68..704e2729be 100644
--- a/services/web/test/frontend/components/pdf-preview/pdf-logs-entries.spec.tsx
+++ b/services/web/test/frontend/components/pdf-preview/pdf-logs-entries.spec.tsx
@@ -98,7 +98,7 @@ describe('<PdfLogsEntries/>', function () {
 
   it('opens doc via detached action', function () {
     cy.window().then(win => {
-      win.metaAttributesCache = new Map([['ol-detachRole', 'detacher']])
+      win.metaAttributesCache.set('ol-detachRole', 'detacher')
     })
 
     cy.mount(
@@ -136,7 +136,7 @@ describe('<PdfLogsEntries/>', function () {
 
   it('sends open doc clicks via detached action', function () {
     cy.window().then(win => {
-      win.metaAttributesCache = new Map([['ol-detachRole', 'detached']])
+      win.metaAttributesCache.set('ol-detachRole', 'detached')
     })
 
     cy.mount(
diff --git a/services/web/test/frontend/components/pdf-preview/pdf-preview-detached-root.spec.tsx b/services/web/test/frontend/components/pdf-preview/pdf-preview-detached-root.spec.tsx
index fac8ea9570..cbb65861f9 100644
--- a/services/web/test/frontend/components/pdf-preview/pdf-preview-detached-root.spec.tsx
+++ b/services/web/test/frontend/components/pdf-preview/pdf-preview-detached-root.spec.tsx
@@ -1,12 +1,9 @@
 import PdfPreviewDetachedRoot from '../../../../frontend/js/features/pdf-preview/components/pdf-preview-detached-root'
-import { User } from '../../../../types/user'
 import { detachChannel, testDetachChannel } from '../../helpers/detach-channel'
 
 describe('<PdfPreviewDetachedRoot/>', function () {
   beforeEach(function () {
-    window.user = { id: 'user1' } as User
-
-    window.metaAttributesCache.set('ol-user', window.user)
+    window.metaAttributesCache.set('ol-user', { id: 'user1' })
     window.metaAttributesCache.set('ol-project_id', 'project1')
     window.metaAttributesCache.set('ol-detachRole', 'detached')
     window.metaAttributesCache.set('ol-projectName', 'Project Name')
diff --git a/services/web/test/frontend/components/pdf-preview/pdf-preview-hybrid-toolbar.spec.tsx b/services/web/test/frontend/components/pdf-preview/pdf-preview-hybrid-toolbar.spec.tsx
index e381001b4f..a7bc15441c 100644
--- a/services/web/test/frontend/components/pdf-preview/pdf-preview-hybrid-toolbar.spec.tsx
+++ b/services/web/test/frontend/components/pdf-preview/pdf-preview-hybrid-toolbar.spec.tsx
@@ -21,7 +21,7 @@ describe('<PdfPreviewHybridToolbar/>', function () {
   describe('orphan mode', function () {
     it('shows connecting message  on load', function () {
       cy.window().then(win => {
-        win.metaAttributesCache = new Map([['ol-detachRole', 'detached']])
+        win.metaAttributesCache.set('ol-detachRole', 'detached')
       })
 
       cy.mount(
@@ -35,7 +35,7 @@ describe('<PdfPreviewHybridToolbar/>', function () {
 
     it('shows compile UI when connected', function () {
       cy.window().then(win => {
-        win.metaAttributesCache = new Map([['ol-detachRole', 'detached']])
+        win.metaAttributesCache.set('ol-detachRole', 'detached')
       })
 
       cy.mount(
@@ -56,7 +56,7 @@ describe('<PdfPreviewHybridToolbar/>', function () {
 
     it('shows connecting message when disconnected', function () {
       cy.window().then(win => {
-        win.metaAttributesCache = new Map([['ol-detachRole', 'detached']])
+        win.metaAttributesCache.set('ol-detachRole', 'detached')
       })
 
       cy.mount(
@@ -81,7 +81,7 @@ describe('<PdfPreviewHybridToolbar/>', function () {
 
     it('shows redirect button after timeout', function () {
       cy.window().then(win => {
-        win.metaAttributesCache = new Map([['ol-detachRole', 'detached']])
+        win.metaAttributesCache.set('ol-detachRole', 'detached')
       })
 
       cy.clock()
diff --git a/services/web/test/frontend/components/token-access/token-access-page.spec.tsx b/services/web/test/frontend/components/token-access/token-access-page.spec.tsx
index 0a9f47e2e9..2db9bd9723 100644
--- a/services/web/test/frontend/components/token-access/token-access-page.spec.tsx
+++ b/services/web/test/frontend/components/token-access/token-access-page.spec.tsx
@@ -7,10 +7,8 @@ describe('<TokenAccessPage/>', function () {
 
   beforeEach(function () {
     cy.window().then(win => {
-      win.metaAttributesCache = new Map<string, any>([
-        ['ol-postUrl', url],
-        ['ol-user', { email: 'test@example.com' }],
-      ])
+      win.metaAttributesCache.set('ol-postUrl', url)
+      win.metaAttributesCache.set('ol-user', { email: 'test@example.com' })
     })
   })
 
diff --git a/services/web/test/frontend/features/chat/components/chat-pane.test.jsx b/services/web/test/frontend/features/chat/components/chat-pane.test.jsx
index 5926f3e746..fa6170e623 100644
--- a/services/web/test/frontend/features/chat/components/chat-pane.test.jsx
+++ b/services/web/test/frontend/features/chat/components/chat-pane.test.jsx
@@ -21,13 +21,11 @@ describe('<ChatPane />', function () {
   }
 
   beforeEach(function () {
-    window.metaAttributesCache = new Map()
     window.metaAttributesCache.set('ol-user', user)
   })
 
   afterEach(function () {
     fetchMock.reset()
-    window.metaAttributesCache = new Map()
   })
 
   const testMessages = [
diff --git a/services/web/test/frontend/features/chat/components/message.test.jsx b/services/web/test/frontend/features/chat/components/message.test.jsx
index aa244e49e8..4f32f7254c 100644
--- a/services/web/test/frontend/features/chat/components/message.test.jsx
+++ b/services/web/test/frontend/features/chat/components/message.test.jsx
@@ -12,12 +12,11 @@ describe('<Message />', function () {
   }
 
   beforeEach(function () {
-    window.user = currentUser
+    window.metaAttributesCache.set('ol-user', currentUser)
     stubMathJax()
   })
 
   afterEach(function () {
-    delete window.user
     tearDownMathJaxStubs()
   })
 
diff --git a/services/web/test/frontend/features/chat/context/chat-context.test.jsx b/services/web/test/frontend/features/chat/context/chat-context.test.jsx
index cee9f9b258..ea4b25f63f 100644
--- a/services/web/test/frontend/features/chat/context/chat-context.test.jsx
+++ b/services/web/test/frontend/features/chat/context/chat-context.test.jsx
@@ -28,7 +28,6 @@ describe('ChatContext', function () {
 
     stubMathJax()
 
-    window.metaAttributesCache = new Map()
     window.metaAttributesCache.set('ol-user', user)
 
     this.stub = sinon.stub(chatClientIdGenerator, 'generate').returns(uuidValue)
@@ -37,7 +36,6 @@ describe('ChatContext', function () {
   afterEach(function () {
     tearDownMathJaxStubs()
 
-    window.metaAttributesCache = new Map()
     this.stub.restore()
   })
 
diff --git a/services/web/test/frontend/features/dictionary/components/dictionary-modal-content.test.jsx b/services/web/test/frontend/features/dictionary/components/dictionary-modal-content.test.jsx
index 6f1c637bba..63a8202403 100644
--- a/services/web/test/frontend/features/dictionary/components/dictionary-modal-content.test.jsx
+++ b/services/web/test/frontend/features/dictionary/components/dictionary-modal-content.test.jsx
@@ -12,14 +12,9 @@ function setLearnedWords(words) {
   window.dispatchEvent(new CustomEvent('learnedWords:doreset'))
 }
 describe('<DictionaryModalContent />', function () {
-  beforeEach(function () {
-    window.metaAttributesCache = window.metaAttributesCache || new Map()
-  })
-
   afterEach(function () {
-    window.metaAttributesCache = new Map()
     fetchMock.reset()
-    window.dispatchEvent(new CustomEvent('learnedWords:doreset'))
+    setLearnedWords([])
   })
 
   it('list words', async function () {
diff --git a/services/web/test/frontend/features/editor-left-menu/components/actions-menu.test.jsx b/services/web/test/frontend/features/editor-left-menu/components/actions-menu.test.jsx
index 21781dc024..3459c2d514 100644
--- a/services/web/test/frontend/features/editor-left-menu/components/actions-menu.test.jsx
+++ b/services/web/test/frontend/features/editor-left-menu/components/actions-menu.test.jsx
@@ -22,7 +22,6 @@ describe('<ActionsMenu />', function () {
 
   afterEach(function () {
     fetchMock.reset()
-    window.metaAttributesCache = new Map()
   })
 
   it('shows correct menu for non-anonymous users', async function () {
diff --git a/services/web/test/frontend/features/editor-left-menu/components/help-contact-us.test.jsx b/services/web/test/frontend/features/editor-left-menu/components/help-contact-us.test.jsx
index c3c7419424..1a29a5d2e5 100644
--- a/services/web/test/frontend/features/editor-left-menu/components/help-contact-us.test.jsx
+++ b/services/web/test/frontend/features/editor-left-menu/components/help-contact-us.test.jsx
@@ -6,7 +6,6 @@ import fetchMock from 'fetch-mock'
 
 describe('<HelpContactUs />', function () {
   beforeEach(function () {
-    window.metaAttributesCache = new Map()
     window.metaAttributesCache.set('ol-user', {
       email: 'sherlock@holmes.co.uk',
       first_name: 'Sherlock',
@@ -15,7 +14,6 @@ describe('<HelpContactUs />', function () {
   })
 
   afterEach(function () {
-    window.metaAttributesCache = new Map()
     fetchMock.reset()
   })
 
diff --git a/services/web/test/frontend/features/editor-left-menu/components/help-menu.test.jsx b/services/web/test/frontend/features/editor-left-menu/components/help-menu.test.jsx
index 810068837c..bd6306a41c 100644
--- a/services/web/test/frontend/features/editor-left-menu/components/help-menu.test.jsx
+++ b/services/web/test/frontend/features/editor-left-menu/components/help-menu.test.jsx
@@ -6,7 +6,6 @@ import { renderWithEditorContext } from '../../../helpers/render-with-context'
 
 describe('<HelpMenu />', function () {
   beforeEach(function () {
-    window.metaAttributesCache = new Map()
     window.metaAttributesCache.set('ol-user', {
       email: 'sherlock@holmes.co.uk',
       first_name: 'Sherlock',
@@ -15,7 +14,6 @@ describe('<HelpMenu />', function () {
   })
 
   afterEach(function () {
-    window.metaAttributesCache = new Map()
     fetchMock.reset()
   })
 
diff --git a/services/web/test/frontend/features/editor-left-menu/components/settings/settings-editor-theme.test.tsx b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-editor-theme.test.tsx
index 8d88157776..959b5d67d5 100644
--- a/services/web/test/frontend/features/editor-left-menu/components/settings/settings-editor-theme.test.tsx
+++ b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-editor-theme.test.tsx
@@ -16,7 +16,6 @@ describe('<SettingsEditorTheme />', function () {
 
   afterEach(function () {
     fetchMock.reset()
-    window.metaAttributesCache = new Map()
   })
 
   it('shows correct menu', async function () {
diff --git a/services/web/test/frontend/features/editor-left-menu/components/settings/settings-image-name.test.tsx b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-image-name.test.tsx
index 0506326618..990c39a545 100644
--- a/services/web/test/frontend/features/editor-left-menu/components/settings/settings-image-name.test.tsx
+++ b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-image-name.test.tsx
@@ -23,7 +23,6 @@ describe('<SettingsImageName />', function () {
 
   afterEach(function () {
     fetchMock.reset()
-    window.metaAttributesCache = new Map()
   })
 
   it('shows correct menu', async function () {
diff --git a/services/web/test/frontend/features/editor-left-menu/components/settings/settings-overall-theme.test.tsx b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-overall-theme.test.tsx
index bbbbcf0655..a08c14709f 100644
--- a/services/web/test/frontend/features/editor-left-menu/components/settings/settings-overall-theme.test.tsx
+++ b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-overall-theme.test.tsx
@@ -4,6 +4,7 @@ import fetchMock from 'fetch-mock'
 import SettingsOverallTheme from '../../../../../../frontend/js/features/editor-left-menu/components/settings/settings-overall-theme'
 import type { OverallThemeMeta } from '../../../../../../types/project-settings'
 import { renderWithEditorContext } from '../../../../helpers/render-with-context'
+import getMeta from '@/utils/meta'
 
 const IEEE_BRAND_ID = 1234
 const OTHER_BRAND_ID = 2234
@@ -24,14 +25,13 @@ describe('<SettingsOverallTheme />', function () {
 
   beforeEach(function () {
     window.metaAttributesCache.set('ol-overallThemes', overallThemes)
-    window.metaAttributesCache.set('ol-ExposedSettings', {
+    Object.assign(getMeta('ol-ExposedSettings'), {
       ieeeBrandId: IEEE_BRAND_ID,
     })
   })
 
   afterEach(function () {
     fetchMock.reset()
-    window.metaAttributesCache = new Map()
   })
 
   it('shows correct menu', async function () {
diff --git a/services/web/test/frontend/features/editor-left-menu/components/settings/settings-spell-check-language.test.tsx b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-spell-check-language.test.tsx
index 679e61de62..222d5ca43a 100644
--- a/services/web/test/frontend/features/editor-left-menu/components/settings/settings-spell-check-language.test.tsx
+++ b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-spell-check-language.test.tsx
@@ -23,7 +23,6 @@ describe('<SettingsSpellCheckLanguage />', function () {
 
   afterEach(function () {
     fetchMock.reset()
-    window.metaAttributesCache = new Map()
   })
 
   it('shows correct menu', async function () {
diff --git a/services/web/test/frontend/features/editor-navigation-toolbar/components/layout-dropdown-button.test.jsx b/services/web/test/frontend/features/editor-navigation-toolbar/components/layout-dropdown-button.test.jsx
index 936f4e157d..c0331ba80c 100644
--- a/services/web/test/frontend/features/editor-navigation-toolbar/components/layout-dropdown-button.test.jsx
+++ b/services/web/test/frontend/features/editor-navigation-toolbar/components/layout-dropdown-button.test.jsx
@@ -17,13 +17,11 @@ describe('<LayoutDropdownButton />', function () {
   beforeEach(function () {
     openStub = sinon.stub(window, 'open')
     sendMBSpy = sinon.spy(eventTracking, 'sendMB')
-    window.metaAttributesCache = new Map()
   })
 
   afterEach(function () {
     openStub.restore()
     sendMBSpy.restore()
-    window.metaAttributesCache = new Map()
     fetchMock.restore()
   })
 
diff --git a/services/web/test/frontend/features/file-tree/components/file-tree-create/file-tree-modal-create-file.spec.tsx b/services/web/test/frontend/features/file-tree/components/file-tree-create/file-tree-modal-create-file.spec.tsx
index 7eae4bf602..6ef921598e 100644
--- a/services/web/test/frontend/features/file-tree/components/file-tree-create/file-tree-modal-create-file.spec.tsx
+++ b/services/web/test/frontend/features/file-tree/components/file-tree-create/file-tree-modal-create-file.spec.tsx
@@ -4,6 +4,7 @@ import { useFileTreeActionable } from '../../../../../../frontend/js/features/fi
 import { useFileTreeData } from '../../../../../../frontend/js/shared/context/file-tree-data-context'
 import { EditorProviders } from '../../../../helpers/editor-providers'
 import { FileTreeProvider } from '../../helpers/file-tree-provider'
+import getMeta from '@/utils/meta'
 
 describe('<FileTreeModalCreateFile/>', function () {
   it('handles invalid file names', function () {
@@ -36,9 +37,7 @@ describe('<FileTreeModalCreateFile/>', function () {
   })
 
   it('displays an error when the file limit is reached', function () {
-    cy.window().then(win => {
-      win.ExposedSettings.maxEntitiesPerProject = 10
-    })
+    getMeta('ol-ExposedSettings').maxEntitiesPerProject = 10
 
     const rootFolder = [
       {
@@ -66,9 +65,7 @@ describe('<FileTreeModalCreateFile/>', function () {
   })
 
   it('displays a warning when the file limit is nearly reached', function () {
-    cy.window().then(win => {
-      win.ExposedSettings.maxEntitiesPerProject = 10
-    })
+    getMeta('ol-ExposedSettings').maxEntitiesPerProject = 10
 
     const rootFolder = [
       {
@@ -94,9 +91,7 @@ describe('<FileTreeModalCreateFile/>', function () {
   })
 
   it('counts files in nested folders', function () {
-    cy.window().then(win => {
-      win.ExposedSettings.maxEntitiesPerProject = 10
-    })
+    getMeta('ol-ExposedSettings').maxEntitiesPerProject = 10
 
     const rootFolder = [
       {
@@ -138,9 +133,7 @@ describe('<FileTreeModalCreateFile/>', function () {
   })
 
   it('counts folders toward the limit', function () {
-    cy.window().then(win => {
-      win.ExposedSettings.maxEntitiesPerProject = 10
-    })
+    getMeta('ol-ExposedSettings').maxEntitiesPerProject = 10
 
     const rootFolder = [
       {
@@ -197,10 +190,8 @@ describe('<FileTreeModalCreateFile/>', function () {
   })
 
   it('imports a new file from a project', function () {
-    cy.window().then(win => {
-      win.ExposedSettings.hasLinkedProjectFileFeature = true
-      win.ExposedSettings.hasLinkedProjectOutputFileFeature = true
-    })
+    getMeta('ol-ExposedSettings').hasLinkedProjectFileFeature = true
+    getMeta('ol-ExposedSettings').hasLinkedProjectOutputFileFeature = true
 
     cy.intercept('/user/projects', {
       body: {
@@ -315,10 +306,8 @@ describe('<FileTreeModalCreateFile/>', function () {
 
   describe('when the output files feature is not available', function () {
     beforeEach(function () {
-      cy.window().then(win => {
-        win.ExposedSettings.hasLinkedProjectFileFeature = true
-        win.ExposedSettings.hasLinkedProjectOutputFileFeature = false
-      })
+      getMeta('ol-ExposedSettings').hasLinkedProjectFileFeature = true
+      getMeta('ol-ExposedSettings').hasLinkedProjectOutputFileFeature = false
     })
 
     it('should not show the import from output file mode', function () {
diff --git a/services/web/test/frontend/features/group-management/components/group-members.spec.tsx b/services/web/test/frontend/features/group-management/components/group-members.spec.tsx
index c26781702b..a55d8362f3 100644
--- a/services/web/test/frontend/features/group-management/components/group-members.spec.tsx
+++ b/services/web/test/frontend/features/group-management/components/group-members.spec.tsx
@@ -218,7 +218,6 @@ describe('GroupMembers', function () {
 
     beforeEach(function () {
       cy.window().then(win => {
-        win.metaAttributesCache = new Map()
         win.metaAttributesCache.set('ol-users', [
           JOHN_DOE,
           BOBBY_LAPOINTE,
@@ -427,7 +426,6 @@ describe('GroupMembers', function () {
 
     beforeEach(function () {
       cy.window().then(win => {
-        win.metaAttributesCache = new Map()
         win.metaAttributesCache.set('ol-users', [
           JOHN_DOE,
           BOBBY_LAPOINTE,
diff --git a/services/web/test/frontend/features/group-management/components/managed-group-members.spec.tsx b/services/web/test/frontend/features/group-management/components/managed-group-members.spec.tsx
index e9cbb4d5b0..e648c714ba 100644
--- a/services/web/test/frontend/features/group-management/components/managed-group-members.spec.tsx
+++ b/services/web/test/frontend/features/group-management/components/managed-group-members.spec.tsx
@@ -65,7 +65,6 @@ function mountGroupMembersProvider() {
 describe('group members, with managed users', function () {
   beforeEach(function () {
     cy.window().then(win => {
-      win.metaAttributesCache = new Map()
       win.metaAttributesCache.set('ol-users', [
         JOHN_DOE,
         BOBBY_LAPOINTE,
@@ -239,7 +238,6 @@ describe('group members, with managed users', function () {
 describe('Group members when group SSO is enabled', function () {
   beforeEach(function () {
     cy.window().then(win => {
-      win.metaAttributesCache = new Map()
       win.metaAttributesCache.set('ol-users', [
         JOHN_DOE,
         BOBBY_LAPOINTE,
diff --git a/services/web/test/frontend/features/group-management/components/members-table/member-row.spec.tsx b/services/web/test/frontend/features/group-management/components/members-table/member-row.spec.tsx
index d71695af22..8a3c85855e 100644
--- a/services/web/test/frontend/features/group-management/components/members-table/member-row.spec.tsx
+++ b/services/web/test/frontend/features/group-management/components/members-table/member-row.spec.tsx
@@ -7,12 +7,6 @@ describe('MemberRow', function () {
   const subscriptionId = '123abc'
 
   describe('default view', function () {
-    beforeEach(function () {
-      cy.window().then(win => {
-        win.metaAttributesCache = new Map()
-      })
-    })
-
     describe('with an ordinary user', function () {
       let user: User
 
@@ -184,7 +178,6 @@ describe('MemberRow', function () {
   describe('with Managed Users enabled', function () {
     beforeEach(function () {
       cy.window().then(win => {
-        win.metaAttributesCache = new Map()
         win.metaAttributesCache.set('ol-managedUsersActive', true)
       })
     })
@@ -359,7 +352,6 @@ describe('MemberRow', function () {
   describe('with Group SSO enabled', function () {
     beforeEach(function () {
       cy.window().then(win => {
-        win.metaAttributesCache = new Map()
         win.metaAttributesCache.set('ol-groupSSOActive', true)
       })
     })
@@ -536,7 +528,6 @@ describe('MemberRow', function () {
   describe('with Managed Users and Group SSO enabled', function () {
     beforeEach(function () {
       cy.window().then(win => {
-        win.metaAttributesCache = new Map()
         win.metaAttributesCache.set('ol-managedUsersActive', true)
         win.metaAttributesCache.set('ol-groupSSOActive', true)
       })
diff --git a/services/web/test/frontend/features/group-management/components/members-table/unlink-user-modal.test.tsx b/services/web/test/frontend/features/group-management/components/members-table/unlink-user-modal.test.tsx
index 4eea219475..b4787e97c0 100644
--- a/services/web/test/frontend/features/group-management/components/members-table/unlink-user-modal.test.tsx
+++ b/services/web/test/frontend/features/group-management/components/members-table/unlink-user-modal.test.tsx
@@ -22,7 +22,6 @@ describe('<UnlinkUserModal />', function () {
   const userId = 'user123'
 
   beforeEach(function () {
-    window.metaAttributesCache = new Map()
     defaultProps = {
       onClose: sinon.stub(),
       user: { _id: userId },
@@ -32,7 +31,6 @@ describe('<UnlinkUserModal />', function () {
   })
 
   afterEach(function () {
-    window.metaAttributesCache = new Map()
     fetchMock.reset()
   })
 
diff --git a/services/web/test/frontend/features/project-list/components/current-plan-widget.test.tsx b/services/web/test/frontend/features/project-list/components/current-plan-widget.test.tsx
index e23ab96791..ed6877ee07 100644
--- a/services/web/test/frontend/features/project-list/components/current-plan-widget.test.tsx
+++ b/services/web/test/frontend/features/project-list/components/current-plan-widget.test.tsx
@@ -20,7 +20,6 @@ describe('<CurrentPlanWidget />', function () {
 
   beforeEach(function () {
     sendMBSpy = sinon.spy(eventTracking, 'sendMB')
-    window.metaAttributesCache = window.metaAttributesCache || new Map()
   })
   afterEach(function () {
     sendMBSpy.restore()
diff --git a/services/web/test/frontend/features/project-list/components/new-project-button.test.tsx b/services/web/test/frontend/features/project-list/components/new-project-button.test.tsx
index bd5815ec75..bbc0fb28fe 100644
--- a/services/web/test/frontend/features/project-list/components/new-project-button.test.tsx
+++ b/services/web/test/frontend/features/project-list/components/new-project-button.test.tsx
@@ -3,6 +3,7 @@ import { expect } from 'chai'
 import fetchMock from 'fetch-mock'
 import NewProjectButton from '../../../../../frontend/js/features/project-list/components/new-project-button'
 import { renderWithProjectListContext } from '../helpers/render-with-context'
+import getMeta from '@/utils/meta'
 
 describe('<NewProjectButton />', function () {
   beforeEach(function () {
@@ -11,7 +12,7 @@ describe('<NewProjectButton />', function () {
 
   describe('for every user (affiliated and non-affiliated)', function () {
     beforeEach(function () {
-      window.metaAttributesCache.set('ol-ExposedSettings', {
+      Object.assign(getMeta('ol-ExposedSettings'), {
         templateLinks: [
           {
             name: 'Academic Journal',
@@ -32,10 +33,6 @@ describe('<NewProjectButton />', function () {
       fireEvent.click(newProjectButton)
     })
 
-    afterEach(function () {
-      window.metaAttributesCache = new Map()
-    })
-
     it('shows the correct dropdown menu', function () {
       // static menu
       screen.getByText('Blank Project')
@@ -80,7 +77,7 @@ describe('<NewProjectButton />', function () {
 
   describe('for affiliated user with custom templates', function () {
     beforeEach(function () {
-      window.metaAttributesCache.set('ol-ExposedSettings', {
+      Object.assign(getMeta('ol-ExposedSettings'), {
         templateLinks: [
           {
             name: 'Academic Journal',
@@ -101,10 +98,6 @@ describe('<NewProjectButton />', function () {
       ])
     })
 
-    afterEach(function () {
-      window.metaAttributesCache = new Map()
-    })
-
     it('shows the correct dropdown menu', function () {
       renderWithProjectListContext(<NewProjectButton id="test" />)
 
diff --git a/services/web/test/frontend/features/project-list/components/notifications.test.tsx b/services/web/test/frontend/features/project-list/components/notifications.test.tsx
index 975dd50703..4e89c1e5c7 100644
--- a/services/web/test/frontend/features/project-list/components/notifications.test.tsx
+++ b/services/web/test/frontend/features/project-list/components/notifications.test.tsx
@@ -44,6 +44,7 @@ import {
   groupSubscription,
   individualSubscription,
 } from '../fixtures/user-subscriptions'
+import getMeta from '@/utils/meta'
 
 const renderWithinProjectListProvider = (Component: React.ComponentType) => {
   render(<Component />, {
@@ -62,7 +63,6 @@ describe('<UserNotifications />', function () {
   }
 
   beforeEach(function () {
-    window.metaAttributesCache = window.metaAttributesCache || new Map()
     fetchMock.reset()
 
     // at least one project is required to show some notifications
@@ -77,18 +77,16 @@ describe('<UserNotifications />', function () {
   })
 
   afterEach(function () {
-    window.metaAttributesCache = new Map()
     fetchMock.reset()
   })
 
   describe('<Common>', function () {
     beforeEach(function () {
-      window.metaAttributesCache = window.metaAttributesCache || new Map()
-      window.metaAttributesCache.set('ol-ExposedSettings', exposedSettings)
+      window.metaAttributesCache.set('ol-user', {})
+      Object.assign(getMeta('ol-ExposedSettings'), exposedSettings)
     })
 
     afterEach(function () {
-      window.metaAttributesCache = new Map()
       fetchMock.reset()
     })
 
@@ -462,8 +460,7 @@ describe('<UserNotifications />', function () {
 
   describe('<Institution>', function () {
     beforeEach(function () {
-      window.metaAttributesCache = window.metaAttributesCache || new Map()
-      window.metaAttributesCache.set('ol-ExposedSettings', exposedSettings)
+      Object.assign(getMeta('ol-ExposedSettings'), exposedSettings)
       fetchMock.reset()
     })
 
@@ -593,7 +590,7 @@ describe('<UserNotifications />', function () {
 
   describe('<ConfirmEmail/>', function () {
     beforeEach(async function () {
-      window.metaAttributesCache.set('ol-ExposedSettings', {
+      Object.assign(getMeta('ol-ExposedSettings'), {
         emailConfirmationDisabled: false,
       })
       window.metaAttributesCache.set('ol-userEmails', [unconfirmedUserData])
@@ -694,8 +691,7 @@ describe('<UserNotifications />', function () {
     let assignStub: sinon.SinonStub
 
     beforeEach(function () {
-      window.metaAttributesCache = window.metaAttributesCache || new Map()
-      window.metaAttributesCache.set('ol-ExposedSettings', exposedSettings)
+      Object.assign(getMeta('ol-ExposedSettings'), exposedSettings)
       assignStub = sinon.stub()
       this.locationStub = sinon.stub(useLocationModule, 'useLocation').returns({
         assign: assignStub,
@@ -706,7 +702,6 @@ describe('<UserNotifications />', function () {
     })
 
     afterEach(function () {
-      window.metaAttributesCache = new Map()
       this.locationStub.restore()
       fetchMock.reset()
     })
@@ -789,7 +784,6 @@ describe('<UserNotifications />', function () {
 
   describe('<GroupsAndEnterpriseBanner />', function () {
     beforeEach(function () {
-      window.metaAttributesCache = window.metaAttributesCache || new Map()
       localStorage.clear()
       fetchMock.reset()
 
@@ -811,7 +805,6 @@ describe('<UserNotifications />', function () {
 
     afterEach(function () {
       fetchMock.reset()
-      window.metaAttributesCache = window.metaAttributesCache || new Map()
     })
 
     it('does not show the banner for users that are in group or are affiliated', async function () {
@@ -885,7 +878,6 @@ describe('<UserNotifications />', function () {
 
       afterEach(function () {
         fetchMock.reset()
-        window.metaAttributesCache = window.metaAttributesCache || new Map()
       })
 
       after(function () {
@@ -930,8 +922,7 @@ describe('<UserNotifications />', function () {
 
   describe('<WritefullPromoBanner>', function () {
     beforeEach(function () {
-      window.metaAttributesCache = window.metaAttributesCache || new Map()
-      window.metaAttributesCache.set('ol-ExposedSettings', exposedSettings)
+      Object.assign(getMeta('ol-ExposedSettings'), exposedSettings)
       window.metaAttributesCache.set('ol-showWritefullPromoBanner', true)
 
       // The older banner is only shown to Chrome users
@@ -941,10 +932,6 @@ describe('<UserNotifications />', function () {
       localStorage.clear()
     })
 
-    afterEach(function () {
-      window.metaAttributesCache = window.metaAttributesCache || new Map()
-    })
-
     describe('when the writefull integration is enabled', function () {
       beforeEach(function () {
         window.metaAttributesCache.set('ol-user', {
@@ -1001,14 +988,6 @@ describe('<UserNotifications />', function () {
   })
 
   describe('GroupSsoSetupSuccess', function () {
-    beforeEach(function () {
-      window.metaAttributesCache = window.metaAttributesCache || new Map()
-    })
-
-    afterEach(function () {
-      window.metaAttributesCache = window.metaAttributesCache || new Map()
-    })
-
     it('shows group SSO linked notification', function () {
       window.metaAttributesCache.set('ol-groupSsoSetupSuccess', true)
       renderWithinProjectListProvider(GroupSsoSetupSuccess)
diff --git a/services/web/test/frontend/features/project-list/components/project-list-root.test.tsx b/services/web/test/frontend/features/project-list/components/project-list-root.test.tsx
index 7085c413db..09392cb5a4 100644
--- a/services/web/test/frontend/features/project-list/components/project-list-root.test.tsx
+++ b/services/web/test/frontend/features/project-list/components/project-list-root.test.tsx
@@ -14,6 +14,7 @@ import {
   copyableProject,
 } from '../fixtures/projects-data'
 import * as useLocationModule from '../../../../../frontend/js/shared/hooks/use-location'
+import getMeta from '@/utils/meta'
 
 const {
   fullList,
@@ -35,7 +36,6 @@ describe('<ProjectListRoot />', function () {
   beforeEach(async function () {
     global.localStorage.clear()
     sendMBSpy = sinon.spy(eventTracking, 'sendMB')
-    window.metaAttributesCache = new Map()
     this.tagId = '999fff999fff'
     this.tagName = 'First tag name'
     window.metaAttributesCache.set('ol-tags', [
@@ -45,7 +45,7 @@ describe('<ProjectListRoot />', function () {
         project_ids: [projectsData[0].id, projectsData[1].id],
       },
     ])
-    window.metaAttributesCache.set('ol-ExposedSettings', {
+    Object.assign(getMeta('ol-ExposedSettings'), {
       templateLinks: [],
     })
     window.metaAttributesCache.set('ol-userEmails', [
@@ -53,7 +53,7 @@ describe('<ProjectListRoot />', function () {
     ])
     // we need a blank user here since its used in checking if we should display certain ads
     window.metaAttributesCache.set('ol-user', {})
-    window.user_id = userId
+    window.metaAttributesCache.set('ol-user_id', userId)
     assignStub = sinon.stub()
     this.locationStub = sinon.stub(useLocationModule, 'useLocation').returns({
       assign: assignStub,
@@ -64,7 +64,6 @@ describe('<ProjectListRoot />', function () {
 
   afterEach(function () {
     sendMBSpy.restore()
-    window.user_id = undefined
     fetchMock.reset()
     this.locationStub.restore()
   })
diff --git a/services/web/test/frontend/features/project-list/components/sidebar/add-affiliation.test.tsx b/services/web/test/frontend/features/project-list/components/sidebar/add-affiliation.test.tsx
index a3ddebe0cc..0ae2654e0c 100644
--- a/services/web/test/frontend/features/project-list/components/sidebar/add-affiliation.test.tsx
+++ b/services/web/test/frontend/features/project-list/components/sidebar/add-affiliation.test.tsx
@@ -4,6 +4,7 @@ import fetchMock from 'fetch-mock'
 import { renderWithProjectListContext } from '../../helpers/render-with-context'
 import AddAffiliation from '../../../../../../frontend/js/features/project-list/components/add-affiliation'
 import { Affiliation } from '../../../../../../types/affiliation'
+import getMeta from '@/utils/meta'
 
 describe('Add affiliation widget', function () {
   const validateNonExistence = () => {
@@ -13,17 +14,15 @@ describe('Add affiliation widget', function () {
   }
 
   beforeEach(function () {
-    window.metaAttributesCache = new Map()
     fetchMock.reset()
   })
 
   afterEach(function () {
-    window.metaAttributesCache = new Map()
     fetchMock.reset()
   })
 
   it('renders the component', async function () {
-    window.metaAttributesCache.set('ol-ExposedSettings', { isOverleaf: true })
+    Object.assign(getMeta('ol-ExposedSettings'), { isOverleaf: true })
     window.metaAttributesCache.set('ol-userAffiliations', [])
 
     renderWithProjectListContext(<AddAffiliation />)
@@ -39,7 +38,7 @@ describe('Add affiliation widget', function () {
   })
 
   it('does not render when `isOverleaf` is `false`', async function () {
-    window.metaAttributesCache.set('ol-ExposedSettings', { isOverleaf: false })
+    Object.assign(getMeta('ol-ExposedSettings'), { isOverleaf: false })
     window.metaAttributesCache.set('ol-userAffiliations', [])
 
     renderWithProjectListContext(<AddAffiliation />)
@@ -51,7 +50,7 @@ describe('Add affiliation widget', function () {
   })
 
   it('does not render when there no projects', async function () {
-    window.metaAttributesCache.set('ol-ExposedSettings', { isOverleaf: true })
+    Object.assign(getMeta('ol-ExposedSettings'), { isOverleaf: true })
     window.metaAttributesCache.set('ol-userAffiliations', [])
 
     renderWithProjectListContext(<AddAffiliation />, {
@@ -65,7 +64,7 @@ describe('Add affiliation widget', function () {
   })
 
   it('does not render when there are affiliations', async function () {
-    window.metaAttributesCache.set('ol-ExposedSettings', { isOverleaf: true })
+    Object.assign(getMeta('ol-ExposedSettings'), { isOverleaf: true })
     window.metaAttributesCache.set('ol-userAffiliations', [{} as Affiliation])
 
     renderWithProjectListContext(<AddAffiliation />)
diff --git a/services/web/test/frontend/features/project-list/components/sidebar/tags-list.test.tsx b/services/web/test/frontend/features/project-list/components/sidebar/tags-list.test.tsx
index d8a13050a4..142bd487d6 100644
--- a/services/web/test/frontend/features/project-list/components/sidebar/tags-list.test.tsx
+++ b/services/web/test/frontend/features/project-list/components/sidebar/tags-list.test.tsx
@@ -8,7 +8,6 @@ import { renderWithProjectListContext } from '../../helpers/render-with-context'
 describe('<TagsList />', function () {
   beforeEach(async function () {
     global.localStorage.clear()
-    window.metaAttributesCache = new Map()
     window.metaAttributesCache.set('ol-tags', [
       {
         _id: 'abc123def456',
diff --git a/services/web/test/frontend/features/project-list/components/survey-widget.test.tsx b/services/web/test/frontend/features/project-list/components/survey-widget.test.tsx
index ad057ca4ac..91cc020d4e 100644
--- a/services/web/test/frontend/features/project-list/components/survey-widget.test.tsx
+++ b/services/web/test/frontend/features/project-list/components/survey-widget.test.tsx
@@ -9,7 +9,6 @@ describe('<SurveyWidget />', function () {
     this.linkText = 'Click here!'
     this.url = 'https://example.com/my-survey'
 
-    window.metaAttributesCache = new Map()
     localStorage.clear()
   })
 
diff --git a/services/web/test/frontend/features/project-list/components/system-messages.test.tsx b/services/web/test/frontend/features/project-list/components/system-messages.test.tsx
index 52c7945474..e825f3c57a 100644
--- a/services/web/test/frontend/features/project-list/components/system-messages.test.tsx
+++ b/services/web/test/frontend/features/project-list/components/system-messages.test.tsx
@@ -7,13 +7,11 @@ describe('<SystemMessages />', function () {
   beforeEach(function () {
     fetchMock.reset()
     localStorage.clear()
-    window.metaAttributesCache = new Map()
   })
 
   afterEach(function () {
     fetchMock.reset()
     localStorage.clear()
-    window.metaAttributesCache = new Map()
   })
 
   it('renders non-dismissable system message', async function () {
@@ -58,7 +56,6 @@ describe('<SystemMessages />', function () {
     }
     const currentUrl = '/project'
     fetchMock.get(/\/system\/messages/, [])
-    window.metaAttributesCache = new Map()
     window.metaAttributesCache.set('ol-suggestedLanguage', data)
     window.metaAttributesCache.set('ol-currentUrl', currentUrl)
     render(<SystemMessages />)
diff --git a/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/delete-project-button.test.tsx b/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/delete-project-button.test.tsx
index fd365cc393..5f36b7e0f9 100644
--- a/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/delete-project-button.test.tsx
+++ b/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/delete-project-button.test.tsx
@@ -18,7 +18,7 @@ describe('<DeleteProjectButton />', function () {
   })
 
   it('renders tooltip for button', function () {
-    window.user_id = trashedProject?.owner?.id
+    window.metaAttributesCache.set('ol-user_id', trashedProject.owner?.id)
     renderWithProjectListContext(
       <DeleteProjectButtonTooltip project={trashedProject} />
     )
@@ -28,7 +28,7 @@ describe('<DeleteProjectButton />', function () {
   })
 
   it('does not render button when trashed and not owner', function () {
-    window.user_id = '123abc'
+    window.metaAttributesCache.set('ol-user_id', '123abc')
     renderWithProjectListContext(
       <DeleteProjectButtonTooltip project={trashedAndNotOwnedProject} />
     )
@@ -44,7 +44,7 @@ describe('<DeleteProjectButton />', function () {
   })
 
   it('opens the modal and deletes the project', async function () {
-    window.user_id = trashedProject?.owner?.id
+    window.metaAttributesCache.set('ol-user_id', trashedProject.owner?.id)
     const project = Object.assign({}, trashedProject)
     const deleteProjectMock = fetchMock.delete(
       `express:/project/:projectId`,
diff --git a/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/leave-project-button.test.tsx b/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/leave-project-button.test.tsx
index 1a4028120c..39d3129791 100644
--- a/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/leave-project-button.test.tsx
+++ b/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/leave-project-button.test.tsx
@@ -28,7 +28,7 @@ describe('<LeaveProjectButtton />', function () {
   })
 
   it('does not render button when owner', function () {
-    window.user_id = trashedProject?.owner?.id
+    window.metaAttributesCache.set('ol-user_id', trashedProject.owner?.id)
     renderWithProjectListContext(
       <LeaveProjectButtonTooltip project={trashedProject} />
     )
diff --git a/services/web/test/frontend/features/project-list/components/table/project-list-table.test.tsx b/services/web/test/frontend/features/project-list/components/table/project-list-table.test.tsx
index fab14b4b08..0ea5c4c7ff 100644
--- a/services/web/test/frontend/features/project-list/components/table/project-list-table.test.tsx
+++ b/services/web/test/frontend/features/project-list/components/table/project-list-table.test.tsx
@@ -9,14 +9,12 @@ const userId = '624333f147cfd8002622a1d3'
 
 describe('<ProjectListTable />', function () {
   beforeEach(function () {
-    window.metaAttributesCache = new Map()
     window.metaAttributesCache.set('ol-tags', [])
-    window.user_id = userId
+    window.metaAttributesCache.set('ol-user_id', userId)
     fetchMock.reset()
   })
 
   afterEach(function () {
-    window.user_id = undefined
     fetchMock.reset()
   })
 
diff --git a/services/web/test/frontend/features/project-list/components/table/project-tools/project-tools-rename.test.tsx b/services/web/test/frontend/features/project-list/components/table/project-tools/project-tools-rename.test.tsx
index 580035ea6f..420cd10f8b 100644
--- a/services/web/test/frontend/features/project-list/components/table/project-tools/project-tools-rename.test.tsx
+++ b/services/web/test/frontend/features/project-list/components/table/project-tools/project-tools-rename.test.tsx
@@ -47,7 +47,6 @@ const projects: Project[] = [
 
 describe('<ProjectTools />', function () {
   beforeEach(function () {
-    window.metaAttributesCache.set('ol-ExposedSettings', {})
     window.metaAttributesCache.set('ol-user', {})
     window.metaAttributesCache.set('ol-prefetchedProjectsBlob', {
       projects,
diff --git a/services/web/test/frontend/features/project-list/components/welcome-message.test.tsx b/services/web/test/frontend/features/project-list/components/welcome-message.test.tsx
index 138b61741e..c6eb315196 100644
--- a/services/web/test/frontend/features/project-list/components/welcome-message.test.tsx
+++ b/services/web/test/frontend/features/project-list/components/welcome-message.test.tsx
@@ -1,21 +1,15 @@
 import { fireEvent, render, screen } from '@testing-library/react'
 import WelcomeMessage from '../../../../../frontend/js/features/project-list/components/welcome-message'
 import { expect } from 'chai'
-import { ExposedSettings } from '../../../../../types/exposed-settings'
+import getMeta from '@/utils/meta'
 
 describe('<WelcomeMessage />', function () {
-  const exposedSettings: Partial<ExposedSettings> = {}
-
   beforeEach(function () {
-    window.metaAttributesCache = new Map()
-    window.metaAttributesCache.set('ol-ExposedSettings', exposedSettings)
-    exposedSettings.isOverleaf = true
-    exposedSettings.wikiEnabled = true
-    exposedSettings.templatesEnabled = true
-  })
-
-  afterEach(function () {
-    window.metaAttributesCache = new Map()
+    Object.assign(getMeta('ol-ExposedSettings'), {
+      isOverleaf: true,
+      wikiEnabled: true,
+      templatesEnabled: true,
+    })
   })
 
   it('renders welcome page correctly', function () {
@@ -115,7 +109,7 @@ describe('<WelcomeMessage />', function () {
 
   describe('when not in SaaS', function () {
     beforeEach(function () {
-      exposedSettings.isOverleaf = false
+      getMeta('ol-ExposedSettings').isOverleaf = false
     })
 
     it('renders welcome page correctly', function () {
@@ -143,14 +137,14 @@ describe('<WelcomeMessage />', function () {
     })
 
     it('does not render the tutorial link when the learn wiki is not configured', function () {
-      exposedSettings.wikiEnabled = false
+      getMeta('ol-ExposedSettings').wikiEnabled = false
       render(<WelcomeMessage />)
 
       expect(screen.queryByText('Learn LaTeX with a tutorial')).to.not.exist
     })
 
     it('does not render the templates link when templates are not configured', function () {
-      exposedSettings.templatesEnabled = false
+      getMeta('ol-ExposedSettings').templatesEnabled = false
       render(<WelcomeMessage />)
 
       expect(screen.queryByText('Browse templates')).to.not.exist
diff --git a/services/web/test/frontend/features/settings/components/account-info-section.test.tsx b/services/web/test/frontend/features/settings/components/account-info-section.test.tsx
index 3caebf443c..2699b089db 100644
--- a/services/web/test/frontend/features/settings/components/account-info-section.test.tsx
+++ b/services/web/test/frontend/features/settings/components/account-info-section.test.tsx
@@ -3,6 +3,7 @@ import { fireEvent, screen, render } from '@testing-library/react'
 import fetchMock from 'fetch-mock'
 import AccountInfoSection from '../../../../../frontend/js/features/settings/components/account-info-section'
 import { UserProvider } from '../../../../../frontend/js/shared/context/user-context'
+import getMeta from '@/utils/meta'
 
 function renderSectionWithUserProvider() {
   render(<AccountInfoSection />, {
@@ -12,13 +13,12 @@ function renderSectionWithUserProvider() {
 
 describe('<AccountInfoSection />', function () {
   beforeEach(function () {
-    window.metaAttributesCache = window.metaAttributesCache || new Map()
     window.metaAttributesCache.set('ol-user', {
       email: 'sherlock@holmes.co.uk',
       first_name: 'Sherlock',
       last_name: 'Holmes',
     })
-    window.metaAttributesCache.set('ol-ExposedSettings', {
+    Object.assign(getMeta('ol-ExposedSettings'), {
       hasAffiliationsFeature: false,
     })
     window.metaAttributesCache.set(
@@ -29,7 +29,6 @@ describe('<AccountInfoSection />', function () {
   })
 
   afterEach(function () {
-    window.metaAttributesCache = new Map()
     fetchMock.reset()
   })
 
@@ -144,7 +143,7 @@ describe('<AccountInfoSection />', function () {
   })
 
   it('hides email input', async function () {
-    window.metaAttributesCache.set('ol-ExposedSettings', {
+    Object.assign(getMeta('ol-ExposedSettings'), {
       hasAffiliationsFeature: true,
     })
     const updateMock = fetchMock.post('/user/settings', 200)
diff --git a/services/web/test/frontend/features/settings/components/beta-program-section.test.tsx b/services/web/test/frontend/features/settings/components/beta-program-section.test.tsx
index 12307c7e61..6cfe6e4e6f 100644
--- a/services/web/test/frontend/features/settings/components/beta-program-section.test.tsx
+++ b/services/web/test/frontend/features/settings/components/beta-program-section.test.tsx
@@ -16,10 +16,6 @@ describe('<BetaProgramSection />', function () {
     })
   })
 
-  afterEach(function () {
-    window.metaAttributesCache = new Map()
-  })
-
   it('shows link to sessions', async function () {
     renderSectionWithUserProvider()
 
diff --git a/services/web/test/frontend/features/settings/components/emails/emails-row.test.tsx b/services/web/test/frontend/features/settings/components/emails/emails-row.test.tsx
index d699ea0aef..08928ff23d 100644
--- a/services/web/test/frontend/features/settings/components/emails/emails-row.test.tsx
+++ b/services/web/test/frontend/features/settings/components/emails/emails-row.test.tsx
@@ -10,6 +10,7 @@ import {
 import { UserEmailData } from '../../../../../../types/user-email'
 import { UserEmailsProvider } from '../../../../../../frontend/js/features/settings/context/user-email-context'
 import { Affiliation } from '../../../../../../types/affiliation'
+import getMeta from '@/utils/meta'
 
 function renderEmailsRow(data: UserEmailData) {
   return render(
@@ -28,8 +29,7 @@ function getByTextContent(text: string) {
 
 describe('<EmailsRow/>', function () {
   beforeEach(function () {
-    window.metaAttributesCache = window.metaAttributesCache || new Map()
-    window.metaAttributesCache.set('ol-ExposedSettings', {
+    Object.assign(getMeta('ol-ExposedSettings'), {
       samlInitPath: '/saml',
       hasSamlBeta: true,
     })
diff --git a/services/web/test/frontend/features/settings/components/emails/emails-section-actions.test.tsx b/services/web/test/frontend/features/settings/components/emails/emails-section-actions.test.tsx
index b27d644b80..d70f074d37 100644
--- a/services/web/test/frontend/features/settings/components/emails/emails-section-actions.test.tsx
+++ b/services/web/test/frontend/features/settings/components/emails/emails-section-actions.test.tsx
@@ -12,6 +12,7 @@ import fetchMock from 'fetch-mock'
 import EmailsSection from '../../../../../../frontend/js/features/settings/components/emails-section'
 import { Institution } from '../../../../../../types/institution'
 import { Affiliation } from '../../../../../../types/affiliation'
+import getMeta from '@/utils/meta'
 
 const userEmailData: UserEmailData = {
   confirmedAt: '2022-03-10T10:59:44.139Z',
@@ -33,14 +34,13 @@ const userEmailData2: UserEmailData & { affiliation: Affiliation } = {
 
 describe('email actions - make primary', function () {
   beforeEach(function () {
-    window.metaAttributesCache.set('ol-ExposedSettings', {
+    Object.assign(getMeta('ol-ExposedSettings'), {
       hasAffiliationsFeature: true,
     })
     fetchMock.reset()
   })
 
   afterEach(function () {
-    window.metaAttributesCache = new Map()
     fetchMock.reset()
   })
 
@@ -117,7 +117,7 @@ describe('email actions - make primary', function () {
     })
 
     it('when not linked to institution', async function () {
-      window.metaAttributesCache.set('ol-ExposedSettings', {
+      Object.assign(getMeta('ol-ExposedSettings'), {
         hasAffiliationsFeature: true,
         hasSamlFeature: true,
       })
@@ -234,14 +234,13 @@ describe('email actions - make primary', function () {
 
 describe('email actions - delete', function () {
   beforeEach(function () {
-    window.metaAttributesCache.set('ol-ExposedSettings', {
+    Object.assign(getMeta('ol-ExposedSettings'), {
       hasAffiliationsFeature: true,
     })
     fetchMock.reset()
   })
 
   afterEach(function () {
-    window.metaAttributesCache = new Map()
     fetchMock.reset()
   })
 
diff --git a/services/web/test/frontend/features/settings/components/emails/emails-section-add-new-email.test.tsx b/services/web/test/frontend/features/settings/components/emails/emails-section-add-new-email.test.tsx
index 9a832f5fd3..ac2886ca63 100644
--- a/services/web/test/frontend/features/settings/components/emails/emails-section-add-new-email.test.tsx
+++ b/services/web/test/frontend/features/settings/components/emails/emails-section-add-new-email.test.tsx
@@ -11,6 +11,7 @@ import fetchMock from 'fetch-mock'
 import { UserEmailData } from '../../../../../../types/user-email'
 import { Affiliation } from '../../../../../../types/affiliation'
 import withMarkup from '../../../../helpers/with-markup'
+import getMeta from '@/utils/meta'
 
 const userEmailData: UserEmailData & { affiliation: Affiliation } = {
   affiliation: {
@@ -60,7 +61,7 @@ function resetFetchMock() {
 
 describe('<EmailsSection />', function () {
   beforeEach(function () {
-    window.metaAttributesCache.set('ol-ExposedSettings', {
+    Object.assign(getMeta('ol-ExposedSettings'), {
       hasAffiliationsFeature: true,
       hasSamlFeature: true,
       samlInitPath: 'saml/init',
@@ -69,7 +70,6 @@ describe('<EmailsSection />', function () {
   })
 
   afterEach(function () {
-    window.metaAttributesCache = new Map()
     resetFetchMock()
   })
 
diff --git a/services/web/test/frontend/features/settings/components/emails/emails-section-institution-and-role.test.tsx b/services/web/test/frontend/features/settings/components/emails/emails-section-institution-and-role.test.tsx
index dd04aa9add..6c70f44723 100644
--- a/services/web/test/frontend/features/settings/components/emails/emails-section-institution-and-role.test.tsx
+++ b/services/web/test/frontend/features/settings/components/emails/emails-section-institution-and-role.test.tsx
@@ -11,6 +11,7 @@ import InstitutionAndRole from '../../../../../../frontend/js/features/settings/
 import { UserEmailsProvider } from '../../../../../../frontend/js/features/settings/context/user-email-context'
 import EmailsSection from '../../../../../../frontend/js/features/settings/components/emails-section'
 import { Affiliation } from '../../../../../../types/affiliation'
+import getMeta from '@/utils/meta'
 
 const userData1: UserEmailData & { affiliation: Affiliation } = {
   affiliation: {
@@ -73,8 +74,7 @@ const userData2: UserEmailData & { affiliation: Affiliation } = {
 
 describe('user role and institution', function () {
   beforeEach(function () {
-    window.metaAttributesCache = new Map()
-    window.metaAttributesCache.set('ol-ExposedSettings', {
+    Object.assign(getMeta('ol-ExposedSettings'), {
       hasAffiliationsFeature: true,
     })
     fetchMock.reset()
@@ -82,7 +82,6 @@ describe('user role and institution', function () {
   })
 
   afterEach(function () {
-    window.metaAttributesCache = new Map()
     fetchMock.reset()
   })
 
diff --git a/services/web/test/frontend/features/settings/components/emails/emails-section.test.tsx b/services/web/test/frontend/features/settings/components/emails/emails-section.test.tsx
index 3460b3afd6..622993a23d 100644
--- a/services/web/test/frontend/features/settings/components/emails/emails-section.test.tsx
+++ b/services/web/test/frontend/features/settings/components/emails/emails-section.test.tsx
@@ -15,17 +15,17 @@ import {
   professionalUserData,
   unconfirmedUserData,
 } from '../../fixtures/test-user-email-data'
+import getMeta from '@/utils/meta'
 
 describe('<EmailsSection />', function () {
   beforeEach(function () {
-    window.metaAttributesCache.set('ol-ExposedSettings', {
+    Object.assign(getMeta('ol-ExposedSettings'), {
       hasAffiliationsFeature: true,
     })
     fetchMock.reset()
   })
 
   afterEach(function () {
-    window.metaAttributesCache = new Map()
     fetchMock.reset()
   })
 
diff --git a/services/web/test/frontend/features/settings/components/emails/reconfirmation-info.test.tsx b/services/web/test/frontend/features/settings/components/emails/reconfirmation-info.test.tsx
index 2ee0653de6..92fede4f53 100644
--- a/services/web/test/frontend/features/settings/components/emails/reconfirmation-info.test.tsx
+++ b/services/web/test/frontend/features/settings/components/emails/reconfirmation-info.test.tsx
@@ -14,6 +14,7 @@ import { ssoUserData } from '../../fixtures/test-user-email-data'
 import { UserEmailData } from '../../../../../../types/user-email'
 import { UserEmailsProvider } from '../../../../../../frontend/js/features/settings/context/user-email-context'
 import * as useLocationModule from '../../../../../../frontend/js/shared/hooks/use-location'
+import getMeta from '@/utils/meta'
 
 function renderReconfirmationInfo(data: UserEmailData) {
   return render(
@@ -27,8 +28,7 @@ describe('<ReconfirmationInfo/>', function () {
   let assignStub: sinon.SinonStub
 
   beforeEach(function () {
-    window.metaAttributesCache = window.metaAttributesCache || new Map()
-    window.metaAttributesCache.set('ol-ExposedSettings', {
+    Object.assign(getMeta('ol-ExposedSettings'), {
       samlInitPath: '/saml',
     })
     fetchMock.get('/user/emails?ensureAffiliation=true', [])
@@ -53,10 +53,6 @@ describe('<ReconfirmationInfo/>', function () {
       )
     })
 
-    afterEach(function () {
-      window.metaAttributesCache = new Map()
-    })
-
     it('show reconfirmed confirmation', function () {
       renderReconfirmationInfo(ssoUserData)
       screen.getByText('SSO University')
@@ -69,7 +65,7 @@ describe('<ReconfirmationInfo/>', function () {
     let inReconfirmUserData: UserEmailData
 
     beforeEach(function () {
-      window.metaAttributesCache.set('ol-ExposedSettings', {
+      Object.assign(getMeta('ol-ExposedSettings'), {
         samlInitPath: '/saml',
       })
 
@@ -79,10 +75,6 @@ describe('<ReconfirmationInfo/>', function () {
       }
     })
 
-    afterEach(function () {
-      window.metaAttributesCache = new Map()
-    })
-
     it('renders prompt', function () {
       renderReconfirmationInfo(inReconfirmUserData)
       screen.getByText(/Are you still at/)
@@ -102,7 +94,7 @@ describe('<ReconfirmationInfo/>', function () {
 
     describe('SAML reconfirmations', function () {
       beforeEach(function () {
-        window.metaAttributesCache.set('ol-ExposedSettings', {
+        Object.assign(getMeta('ol-ExposedSettings'), {
           hasSamlFeature: true,
           samlInitPath: '/saml/init',
         })
@@ -132,7 +124,7 @@ describe('<ReconfirmationInfo/>', function () {
 
     describe('Email reconfirmations', function () {
       beforeEach(function () {
-        window.metaAttributesCache.set('ol-ExposedSettings', {
+        Object.assign(getMeta('ol-ExposedSettings'), {
           hasSamlFeature: false,
         })
         fetchMock.post('/user/emails/send-reconfirmation', 200)
diff --git a/services/web/test/frontend/features/settings/components/emails/sso-alert.test.tsx b/services/web/test/frontend/features/settings/components/emails/sso-alert.test.tsx
index 7f408f27be..f9a53f86b7 100644
--- a/services/web/test/frontend/features/settings/components/emails/sso-alert.test.tsx
+++ b/services/web/test/frontend/features/settings/components/emails/sso-alert.test.tsx
@@ -3,10 +3,6 @@ import { expect } from 'chai'
 import { SSOAlert } from '../../../../../../frontend/js/features/settings/components/emails/sso-alert'
 
 describe('<SSOAlert/>', function () {
-  beforeEach(function () {
-    window.metaAttributesCache = new Map()
-  })
-
   describe('when thereis no institutional linking information', function () {
     it('should be empty', function () {
       render(<SSOAlert />)
diff --git a/services/web/test/frontend/features/settings/components/leave-section.test.tsx b/services/web/test/frontend/features/settings/components/leave-section.test.tsx
index d8bf7ff54c..80d068a619 100644
--- a/services/web/test/frontend/features/settings/components/leave-section.test.tsx
+++ b/services/web/test/frontend/features/settings/components/leave-section.test.tsx
@@ -6,19 +6,15 @@ import {
 } from '@testing-library/react'
 
 import LeaveSection from '../../../../../frontend/js/features/settings/components/leave-section'
+import getMeta from '@/utils/meta'
 
 describe('<LeaveSection />', function () {
   beforeEach(function () {
-    window.metaAttributesCache = new Map()
     window.metaAttributesCache.set('ol-usersEmail', 'foo@bar.com')
-    window.metaAttributesCache.set('ol-ExposedSettings', { isOverleaf: true })
+    Object.assign(getMeta('ol-ExposedSettings'), { isOverleaf: true })
     window.metaAttributesCache.set('ol-hasPassword', true)
   })
 
-  afterEach(function () {
-    window.metaAttributesCache = new Map()
-  })
-
   it('opens modal', async function () {
     render(<LeaveSection />)
 
diff --git a/services/web/test/frontend/features/settings/components/leave/modal-content.test.tsx b/services/web/test/frontend/features/settings/components/leave/modal-content.test.tsx
index d9c3ffe2f9..eba7176e19 100644
--- a/services/web/test/frontend/features/settings/components/leave/modal-content.test.tsx
+++ b/services/web/test/frontend/features/settings/components/leave/modal-content.test.tsx
@@ -3,16 +3,15 @@ import { screen, render } from '@testing-library/react'
 import fetchMock from 'fetch-mock'
 
 import LeaveModalContent from '../../../../../../frontend/js/features/settings/components/leave/modal-content'
+import getMeta from '@/utils/meta'
 
 describe('<LeaveModalContent />', function () {
   beforeEach(function () {
-    window.metaAttributesCache = new Map()
-    window.metaAttributesCache.set('ol-ExposedSettings', { isOverleaf: true })
+    Object.assign(getMeta('ol-ExposedSettings'), { isOverleaf: true })
     window.metaAttributesCache.set('ol-hasPassword', true)
   })
 
   afterEach(function () {
-    window.metaAttributesCache = new Map()
     fetchMock.reset()
   })
 
diff --git a/services/web/test/frontend/features/settings/components/leave/modal-form.test.tsx b/services/web/test/frontend/features/settings/components/leave/modal-form.test.tsx
index c391e78d8f..542aa1c5ea 100644
--- a/services/web/test/frontend/features/settings/components/leave/modal-form.test.tsx
+++ b/services/web/test/frontend/features/settings/components/leave/modal-form.test.tsx
@@ -5,16 +5,15 @@ import fetchMock, { FetchMockStatic } from 'fetch-mock'
 
 import LeaveModalForm from '../../../../../../frontend/js/features/settings/components/leave/modal-form'
 import * as useLocationModule from '../../../../../../frontend/js/shared/hooks/use-location'
+import getMeta from '@/utils/meta'
 
 describe('<LeaveModalForm />', function () {
   beforeEach(function () {
-    window.metaAttributesCache = new Map()
     window.metaAttributesCache.set('ol-usersEmail', 'foo@bar.com')
-    window.metaAttributesCache.set('ol-ExposedSettings', { isOverleaf: true })
+    Object.assign(getMeta('ol-ExposedSettings'), { isOverleaf: true })
   })
 
   afterEach(function () {
-    window.metaAttributesCache = new Map()
     fetchMock.reset()
   })
 
@@ -64,7 +63,7 @@ describe('<LeaveModalForm />', function () {
         replace: sinon.stub(),
         reload: sinon.stub(),
       })
-      window.metaAttributesCache.set('ol-ExposedSettings', { isOverleaf: true })
+      Object.assign(getMeta('ol-ExposedSettings'), { isOverleaf: true })
     })
 
     afterEach(function () {
@@ -111,7 +110,7 @@ describe('<LeaveModalForm />', function () {
   })
 
   it('handles credentials error without Saas tip', async function () {
-    window.metaAttributesCache.set('ol-ExposedSettings', { isOverleaf: false })
+    Object.assign(getMeta('ol-ExposedSettings'), { isOverleaf: false })
     fetchMock.post('/user/delete', 403)
     render(
       <LeaveModalForm
diff --git a/services/web/test/frontend/features/settings/components/leave/modal.test.tsx b/services/web/test/frontend/features/settings/components/leave/modal.test.tsx
index 2a3425c3c8..442afb9319 100644
--- a/services/web/test/frontend/features/settings/components/leave/modal.test.tsx
+++ b/services/web/test/frontend/features/settings/components/leave/modal.test.tsx
@@ -3,17 +3,16 @@ import { fireEvent, screen, render, waitFor } from '@testing-library/react'
 import fetchMock from 'fetch-mock'
 
 import LeaveModal from '../../../../../../frontend/js/features/settings/components/leave/modal'
+import getMeta from '@/utils/meta'
 
 describe('<LeaveModal />', function () {
   beforeEach(function () {
-    window.metaAttributesCache = new Map()
     window.metaAttributesCache.set('ol-usersEmail', 'foo@bar.com')
-    window.metaAttributesCache.set('ol-ExposedSettings', { isOverleaf: true })
+    Object.assign(getMeta('ol-ExposedSettings'), { isOverleaf: true })
     window.metaAttributesCache.set('ol-hasPassword', true)
   })
 
   afterEach(function () {
-    window.metaAttributesCache = new Map()
     fetchMock.reset()
   })
 
diff --git a/services/web/test/frontend/features/settings/components/linking-section.test.tsx b/services/web/test/frontend/features/settings/components/linking-section.test.tsx
index 759fd31760..f693529abc 100644
--- a/services/web/test/frontend/features/settings/components/linking-section.test.tsx
+++ b/services/web/test/frontend/features/settings/components/linking-section.test.tsx
@@ -38,14 +38,11 @@ const mockOauthProviders = {
 
 describe('<LinkingSection />', function () {
   beforeEach(function () {
-    window.metaAttributesCache = window.metaAttributesCache || new Map()
     window.metaAttributesCache.set('ol-user', {})
 
     // suppress integrations and references widgets as they cannot be tested in
     // all environments
-    window.metaAttributesCache.set('integrationLinkingWidgets', [])
-    window.metaAttributesCache.set('referenceLinkingWidgets', [])
-    window.metaAttributesCache.set('integrationLinkingWidgets', [])
+    window.metaAttributesCache.set('ol-hideLinkingWidgets', true)
 
     window.metaAttributesCache.set('ol-thirdPartyIds', {
       google: 'google-id',
@@ -55,7 +52,6 @@ describe('<LinkingSection />', function () {
   })
 
   afterEach(function () {
-    window.metaAttributesCache = new Map()
     fetchMock.reset()
   })
 
diff --git a/services/web/test/frontend/features/settings/components/password-section.test.tsx b/services/web/test/frontend/features/settings/components/password-section.test.tsx
index 28ae45981e..174a375e42 100644
--- a/services/web/test/frontend/features/settings/components/password-section.test.tsx
+++ b/services/web/test/frontend/features/settings/components/password-section.test.tsx
@@ -2,11 +2,11 @@ import { expect } from 'chai'
 import { fireEvent, screen, render } from '@testing-library/react'
 import fetchMock from 'fetch-mock'
 import PasswordSection from '../../../../../frontend/js/features/settings/components/password-section'
+import getMeta from '@/utils/meta'
 
 describe('<PasswordSection />', function () {
   beforeEach(function () {
-    window.metaAttributesCache = window.metaAttributesCache || new Map()
-    window.metaAttributesCache.set('ol-ExposedSettings', {
+    Object.assign(getMeta('ol-ExposedSettings'), {
       isOverleaf: true,
     })
     window.metaAttributesCache.set(
@@ -17,12 +17,11 @@ describe('<PasswordSection />', function () {
   })
 
   afterEach(function () {
-    window.metaAttributesCache = new Map()
     fetchMock.reset()
   })
 
   it('shows password managed externally message', async function () {
-    window.metaAttributesCache.set('ol-ExposedSettings', {
+    Object.assign(getMeta('ol-ExposedSettings'), {
       isOverleaf: false,
     })
     window.metaAttributesCache.set(
diff --git a/services/web/test/frontend/features/settings/components/root.test.tsx b/services/web/test/frontend/features/settings/components/root.test.tsx
index a812435e6b..d15c3c22bd 100644
--- a/services/web/test/frontend/features/settings/components/root.test.tsx
+++ b/services/web/test/frontend/features/settings/components/root.test.tsx
@@ -3,15 +3,15 @@ import sinon from 'sinon'
 import { screen, render, waitFor } from '@testing-library/react'
 import * as eventTracking from '../../../../../frontend/js/infrastructure/event-tracking'
 import SettingsPageRoot from '../../../../../frontend/js/features/settings/components/root'
+import getMeta from '@/utils/meta'
 
 describe('<SettingsPageRoot />', function () {
   let sendMBSpy: sinon.SinonSpy
   beforeEach(function () {
-    window.metaAttributesCache = new Map()
     window.metaAttributesCache.set('ol-usersEmail', 'foo@bar.com')
-    window.metaAttributesCache.set('ol-ExposedSettings', { isOverleaf: true })
+    Object.assign(getMeta('ol-ExposedSettings'), { isOverleaf: true })
     window.metaAttributesCache.set('ol-hasPassword', true)
-    window.metaAttributesCache.set('ol-ExposedSettings', {
+    Object.assign(getMeta('ol-ExposedSettings'), {
       hasAffiliationsFeature: true,
       isOverleaf: true,
     })
@@ -29,7 +29,6 @@ describe('<SettingsPageRoot />', function () {
   })
 
   afterEach(function () {
-    window.metaAttributesCache = new Map()
     sendMBSpy.restore()
   })
 
@@ -52,7 +51,7 @@ describe('<SettingsPageRoot />', function () {
   })
 
   it('displays page for non-Overleaf', async function () {
-    window.metaAttributesCache.set('ol-ExposedSettings', {
+    Object.assign(getMeta('ol-ExposedSettings'), {
       hasAffiliationsFeature: false,
       isOverleaf: false,
     })
diff --git a/services/web/test/frontend/features/settings/components/security-section.test.tsx b/services/web/test/frontend/features/settings/components/security-section.test.tsx
index 0145e76da8..b10c303069 100644
--- a/services/web/test/frontend/features/settings/components/security-section.test.tsx
+++ b/services/web/test/frontend/features/settings/components/security-section.test.tsx
@@ -4,12 +4,7 @@ import { screen, render } from '@testing-library/react'
 import fetchMock from 'fetch-mock'
 
 describe('<SecuritySection />', function () {
-  beforeEach(function () {
-    window.metaAttributesCache = window.metaAttributesCache || new Map()
-  })
-
   afterEach(function () {
-    window.metaAttributesCache = new Map()
     fetchMock.reset()
   })
 
diff --git a/services/web/test/frontend/features/settings/context/sso-context.test.tsx b/services/web/test/frontend/features/settings/context/sso-context.test.tsx
index 4372ca3019..2c7cbebd2b 100644
--- a/services/web/test/frontend/features/settings/context/sso-context.test.tsx
+++ b/services/web/test/frontend/features/settings/context/sso-context.test.tsx
@@ -31,7 +31,6 @@ describe('SSOContext', function () {
     })
 
   beforeEach(function () {
-    window.metaAttributesCache = new Map()
     window.metaAttributesCache.set('ol-thirdPartyIds', {
       google: 'google-id',
     })
diff --git a/services/web/test/frontend/features/share-project-modal/components/share-project-modal.test.jsx b/services/web/test/frontend/features/share-project-modal/components/share-project-modal.test.jsx
index 5fbd49bba0..a804d3d1dc 100644
--- a/services/web/test/frontend/features/share-project-modal/components/share-project-modal.test.jsx
+++ b/services/web/test/frontend/features/share-project-modal/components/share-project-modal.test.jsx
@@ -92,7 +92,6 @@ describe('<ShareProjectModal/>', function () {
       reload: sinon.stub(),
     })
     fetchMock.get('/user/contacts', { contacts })
-    window.metaAttributesCache = new Map()
     window.metaAttributesCache.set('ol-user', { allowedFreeTrial: true })
     window.metaAttributesCache.set('ol-showUpgradePrompt', true)
   })
@@ -101,7 +100,6 @@ describe('<ShareProjectModal/>', function () {
     this.locationStub.restore()
     fetchMock.restore()
     cleanUpContext()
-    window.metaAttributesCache = new Map()
   })
 
   it('renders the modal', async function () {
diff --git a/services/web/test/frontend/features/source-editor/components/codemirror-editor-figure-modal.spec.tsx b/services/web/test/frontend/features/source-editor/components/codemirror-editor-figure-modal.spec.tsx
index 72ef97769a..253c76f042 100644
--- a/services/web/test/frontend/features/source-editor/components/codemirror-editor-figure-modal.spec.tsx
+++ b/services/web/test/frontend/features/source-editor/components/codemirror-editor-figure-modal.spec.tsx
@@ -3,8 +3,8 @@ import { EditorProviders } from '../../../helpers/editor-providers'
 import { mockScope, rootFolderId } from '../helpers/mock-scope'
 import { FC } from 'react'
 import { FileTreePathContext } from '@/features/file-tree/contexts/file-tree-path'
-import { ExposedSettings } from '../../../../../types/exposed-settings'
 import { TestContainer } from '../helpers/test-container'
+import getMeta from '@/utils/meta'
 
 const clickToolbarButton = (text: string) => {
   cy.findByLabelText(text).click()
@@ -68,14 +68,6 @@ describe('<FigureModal />', function () {
     )
   }
 
-  let previousExposedSettings: ExposedSettings
-  before(function () {
-    previousExposedSettings = window.ExposedSettings
-  })
-  afterEach(function () {
-    window.ExposedSettings = previousExposedSettings
-  })
-
   beforeEach(function () {
     window.metaAttributesCache.set('ol-preventCompileOnLoad', true)
     cy.interceptMathJax()
@@ -270,7 +262,7 @@ describe('<FigureModal />', function () {
   describe('Feature flags', function () {
     describe('with hasLinkUrlFeature=false', function () {
       beforeEach(function () {
-        window.ExposedSettings = Object.assign({}, previousExposedSettings, {
+        Object.assign(getMeta('ol-ExposedSettings'), {
           hasLinkedProjectFileFeature: true,
           hasLinkedProjectOutputFileFeature: true,
           hasLinkUrlFeature: false,
@@ -286,7 +278,7 @@ describe('<FigureModal />', function () {
     })
     describe('with hasLinkedProjectFileFeature=false and hasLinkedProjectOutputFileFeature=false', function () {
       beforeEach(function () {
-        window.ExposedSettings = Object.assign({}, previousExposedSettings, {
+        Object.assign(getMeta('ol-ExposedSettings'), {
           hasLinkedProjectFileFeature: false,
           hasLinkedProjectOutputFileFeature: false,
           hasLinkUrlFeature: true,
@@ -322,7 +314,7 @@ describe('<FigureModal />', function () {
 
     describe('with hasLinkedProjectFileFeature=false', function () {
       beforeEach(function () {
-        window.ExposedSettings = Object.assign({}, previousExposedSettings, {
+        Object.assign(getMeta('ol-ExposedSettings'), {
           hasLinkedProjectFileFeature: false,
           hasLinkedProjectOutputFileFeature: true,
           hasLinkUrlFeature: true,
@@ -341,7 +333,7 @@ describe('<FigureModal />', function () {
 
     describe('with hasLinkedProjectOutputFileFeature=false', function () {
       beforeEach(function () {
-        window.ExposedSettings = Object.assign({}, previousExposedSettings, {
+        Object.assign(getMeta('ol-ExposedSettings'), {
           hasLinkedProjectFileFeature: true,
           hasLinkedProjectOutputFileFeature: false,
           hasLinkUrlFeature: true,
diff --git a/services/web/test/frontend/features/source-editor/helpers/mock-doc.ts b/services/web/test/frontend/features/source-editor/helpers/mock-doc.ts
index c65708d5d7..5f2a6aad8d 100644
--- a/services/web/test/frontend/features/source-editor/helpers/mock-doc.ts
+++ b/services/web/test/frontend/features/source-editor/helpers/mock-doc.ts
@@ -33,7 +33,7 @@ ${content}
 const contentLines = Array.from(Array(100), (e, i) => `contentLine ${i}`)
 const defaultContent = mockDocContent(contentLines.join('\n'))
 
-const MAX_DOC_LENGTH = 2 * 1024 * 1024 // window.maxDocLength
+const MAX_DOC_LENGTH = 2 * 1024 * 1024 // ol-maxDocLength
 
 class MockShareDoc extends EventEmitter {
   constructor(public text: string) {
diff --git a/services/web/test/frontend/features/subscription/components/dashboard/free-plan.test.tsx b/services/web/test/frontend/features/subscription/components/dashboard/free-plan.test.tsx
index b5fb699542..f25e17513f 100644
--- a/services/web/test/frontend/features/subscription/components/dashboard/free-plan.test.tsx
+++ b/services/web/test/frontend/features/subscription/components/dashboard/free-plan.test.tsx
@@ -2,14 +2,6 @@ import { render, screen } from '@testing-library/react'
 import FreePlan from '../../../../../../frontend/js/features/subscription/components/dashboard/free-plan'
 
 describe('<FreePlan />', function () {
-  beforeEach(function () {
-    window.metaAttributesCache = new Map()
-  })
-
-  afterEach(function () {
-    window.metaAttributesCache = new Map()
-  })
-
   it('renders free plan dash', function () {
     render(<FreePlan />)
 
diff --git a/services/web/test/frontend/features/subscription/components/dashboard/group-subscription-memberships.test.tsx b/services/web/test/frontend/features/subscription/components/dashboard/group-subscription-memberships.test.tsx
index 91f319ee21..ce7917bacc 100644
--- a/services/web/test/frontend/features/subscription/components/dashboard/group-subscription-memberships.test.tsx
+++ b/services/web/test/frontend/features/subscription/components/dashboard/group-subscription-memberships.test.tsx
@@ -43,17 +43,14 @@ const memberGroupSubscriptions: MemberGroupSubscription[] = [
 
 describe('<GroupSubscriptionMemberships />', function () {
   beforeEach(function () {
-    window.metaAttributesCache = new Map()
     window.metaAttributesCache.set(
       'ol-memberGroupSubscriptions',
       memberGroupSubscriptions
     )
-    window.user_id = userId
+    window.metaAttributesCache.set('ol-user_id', userId)
   })
 
   afterEach(function () {
-    window.metaAttributesCache = new Map()
-    delete window.user_id
     fetchMock.reset()
   })
 
diff --git a/services/web/test/frontend/features/subscription/components/dashboard/managed-group-subscriptions.test.tsx b/services/web/test/frontend/features/subscription/components/dashboard/managed-group-subscriptions.test.tsx
index b9b550db84..685f3296b8 100644
--- a/services/web/test/frontend/features/subscription/components/dashboard/managed-group-subscriptions.test.tsx
+++ b/services/web/test/frontend/features/subscription/components/dashboard/managed-group-subscriptions.test.tsx
@@ -6,6 +6,7 @@ import {
   cleanUpContext,
   renderWithSubscriptionDashContext,
 } from '../../helpers/render-with-subscription-dash-context'
+import getMeta from '@/utils/meta'
 
 function getManagedGroupSubscriptions(
   groupSSO: boolean | null,
@@ -181,7 +182,7 @@ describe('<ManagedGroupSubscriptions />', function () {
 
   describe('with group SSO off by default', function () {
     beforeEach(function () {
-      window.metaAttributesCache.set('ol-ExposedSettings', {
+      Object.assign(getMeta('ol-ExposedSettings'), {
         groupSSOEnabled: false,
       })
     })
diff --git a/services/web/test/frontend/features/subscription/components/dashboard/managed-institutions.test.tsx b/services/web/test/frontend/features/subscription/components/dashboard/managed-institutions.test.tsx
index 1dbd604497..c9a28403fd 100644
--- a/services/web/test/frontend/features/subscription/components/dashboard/managed-institutions.test.tsx
+++ b/services/web/test/frontend/features/subscription/components/dashboard/managed-institutions.test.tsx
@@ -1,11 +1,10 @@
 import { expect } from 'chai'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
-import ManagedInstitutions, {
-  Institution,
-} from '../../../../../../frontend/js/features/subscription/components/dashboard/managed-institutions'
+import ManagedInstitutions from '../../../../../../frontend/js/features/subscription/components/dashboard/managed-institutions'
 import { SubscriptionDashboardProvider } from '../../../../../../frontend/js/features/subscription/context/subscription-dashboard-context'
 import fetchMock from 'fetch-mock'
 import { SplitTestProvider } from '@/shared/context/split-test-context'
+import { ManagedInstitution } from '../../../../../../types/subscription/dashboard/managed-institution'
 
 const userId = 'fff999fff999'
 const institution1 = {
@@ -26,21 +25,18 @@ const institution2 = {
   },
   name: 'Inst 2',
 }
-const managedInstitutions: Institution[] = [institution1, institution2]
+const managedInstitutions: ManagedInstitution[] = [institution1, institution2]
 
 describe('<ManagedInstitutions />', function () {
   beforeEach(function () {
-    window.metaAttributesCache = new Map()
     window.metaAttributesCache.set(
       'ol-managedInstitutions',
       managedInstitutions
     )
-    window.user_id = userId
+    window.metaAttributesCache.set('ol-user_id', userId)
   })
 
   afterEach(function () {
-    window.metaAttributesCache = new Map()
-    delete window.user_id
     fetchMock.reset()
   })
 
diff --git a/services/web/test/frontend/features/subscription/components/dashboard/managed-publishers.test.tsx b/services/web/test/frontend/features/subscription/components/dashboard/managed-publishers.test.tsx
index bc665440ba..7c696841db 100644
--- a/services/web/test/frontend/features/subscription/components/dashboard/managed-publishers.test.tsx
+++ b/services/web/test/frontend/features/subscription/components/dashboard/managed-publishers.test.tsx
@@ -2,10 +2,9 @@ import { expect } from 'chai'
 import { render, screen } from '@testing-library/react'
 import { SubscriptionDashboardProvider } from '../../../../../../frontend/js/features/subscription/context/subscription-dashboard-context'
 import fetchMock from 'fetch-mock'
-import ManagedPublishers, {
-  Publisher,
-} from '../../../../../../frontend/js/features/subscription/components/dashboard/managed-publishers'
+import ManagedPublishers from '../../../../../../frontend/js/features/subscription/components/dashboard/managed-publishers'
 import { SplitTestProvider } from '@/shared/context/split-test-context'
+import { Publisher } from '../../../../../../types/subscription/dashboard/publisher'
 
 const userId = 'fff999fff999'
 const publisher1 = {
@@ -24,14 +23,11 @@ const managedPublishers: Publisher[] = [publisher1, publisher2]
 
 describe('<ManagedPublishers />', function () {
   beforeEach(function () {
-    window.metaAttributesCache = new Map()
     window.metaAttributesCache.set('ol-managedPublishers', managedPublishers)
-    window.user_id = userId
+    window.metaAttributesCache.set('ol-user_id', userId)
   })
 
   afterEach(function () {
-    window.metaAttributesCache = new Map()
-    delete window.user_id
     fetchMock.reset()
   })
 
diff --git a/services/web/test/frontend/features/subscription/components/dashboard/states/expired.test.tsx b/services/web/test/frontend/features/subscription/components/dashboard/states/expired.test.tsx
index 59768bb02e..d95ca3b616 100644
--- a/services/web/test/frontend/features/subscription/components/dashboard/states/expired.test.tsx
+++ b/services/web/test/frontend/features/subscription/components/dashboard/states/expired.test.tsx
@@ -3,14 +3,6 @@ import { ExpiredSubscription } from '../../../../../../../frontend/js/features/s
 import { pastDueExpiredSubscription } from '../../../fixtures/subscriptions'
 
 describe('<ExpiredSubscription />', function () {
-  beforeEach(function () {
-    window.metaAttributesCache = new Map()
-  })
-
-  afterEach(function () {
-    window.metaAttributesCache = new Map()
-  })
-
   it('renders the invoices link', function () {
     render(<ExpiredSubscription subscription={pastDueExpiredSubscription} />)
 
diff --git a/services/web/test/frontend/features/subscription/components/group-invite/accepted-invite.test.tsx b/services/web/test/frontend/features/subscription/components/group-invite/accepted-invite.test.tsx
index 68826396a3..a3d0a4419d 100644
--- a/services/web/test/frontend/features/subscription/components/group-invite/accepted-invite.test.tsx
+++ b/services/web/test/frontend/features/subscription/components/group-invite/accepted-invite.test.tsx
@@ -3,10 +3,6 @@ import AcceptedInvite from '../../../../../../frontend/js/features/subscription/
 import { expect } from 'chai'
 
 describe('accepted group invite', function () {
-  afterEach(function () {
-    window.metaAttributesCache = new Map()
-  })
-
   it('renders', async function () {
     window.metaAttributesCache.set('ol-inviterName', 'example@overleaf.com')
     render(<AcceptedInvite />)
diff --git a/services/web/test/frontend/features/subscription/components/group-invite/group-invite.test.tsx b/services/web/test/frontend/features/subscription/components/group-invite/group-invite.test.tsx
index 155e0ba2a4..cc70eff90d 100644
--- a/services/web/test/frontend/features/subscription/components/group-invite/group-invite.test.tsx
+++ b/services/web/test/frontend/features/subscription/components/group-invite/group-invite.test.tsx
@@ -5,14 +5,9 @@ import GroupInvite from '../../../../../../frontend/js/features/subscription/com
 describe('group invite', function () {
   const inviterName = 'example@overleaf.com'
   beforeEach(function () {
-    window.metaAttributesCache = new Map()
     window.metaAttributesCache.set('ol-inviterName', inviterName)
   })
 
-  afterEach(function () {
-    window.metaAttributesCache = new Map()
-  })
-
   it('renders header', async function () {
     render(<GroupInvite />)
     await screen.findByText(inviterName)
diff --git a/services/web/test/frontend/features/subscription/components/successful-subscription/successful-subscription.test.tsx b/services/web/test/frontend/features/subscription/components/successful-subscription/successful-subscription.test.tsx
index 3c428df955..d3be3acae4 100644
--- a/services/web/test/frontend/features/subscription/components/successful-subscription/successful-subscription.test.tsx
+++ b/services/web/test/frontend/features/subscription/components/successful-subscription/successful-subscription.test.tsx
@@ -5,10 +5,6 @@ import { renderWithSubscriptionDashContext } from '../../helpers/render-with-sub
 import { annualActiveSubscription } from '../../fixtures/subscriptions'
 
 describe('successful subscription page', function () {
-  afterEach(function () {
-    window.metaAttributesCache = new Map()
-  })
-
   it('renders the invoices link', function () {
     const adminEmail = 'foo@example.com'
     const options = {
diff --git a/services/web/test/frontend/features/subscription/helpers/render-with-subscription-dash-context.tsx b/services/web/test/frontend/features/subscription/helpers/render-with-subscription-dash-context.tsx
index c3babdf3eb..c3eb45dd2a 100644
--- a/services/web/test/frontend/features/subscription/helpers/render-with-subscription-dash-context.tsx
+++ b/services/web/test/frontend/features/subscription/helpers/render-with-subscription-dash-context.tsx
@@ -27,7 +27,6 @@ export function renderWithSubscriptionDashContext(
     </SplitTestProvider>
   )
 
-  window.metaAttributesCache = new Map()
   options?.metaTags?.forEach(tag =>
     window.metaAttributesCache.set(tag.name, tag.value)
   )
@@ -92,6 +91,5 @@ export function renderWithSubscriptionDashContext(
 export function cleanUpContext() {
   // @ts-ignore
   delete global.recurly
-  window.metaAttributesCache = new Map()
   fetchMock.reset()
 }
diff --git a/services/web/test/frontend/features/subscription/util/recurly-pricing.test.ts b/services/web/test/frontend/features/subscription/util/recurly-pricing.test.ts
index 2e72bba9c3..d9590087e2 100644
--- a/services/web/test/frontend/features/subscription/util/recurly-pricing.test.ts
+++ b/services/web/test/frontend/features/subscription/util/recurly-pricing.test.ts
@@ -3,12 +3,6 @@ import { formatPriceForDisplayData } from '../../../../../frontend/js/features/s
 import { formatCurrencyLocalized } from '@/shared/utils/currency'
 
 describe('formatPriceForDisplayData', function () {
-  beforeEach(function () {
-    window.metaAttributesCache = new Map()
-  })
-  afterEach(function () {
-    window.metaAttributesCache = new Map()
-  })
   it('should handle no tax rate', function () {
     const data = formatPriceForDisplayData(
       '1000',
@@ -24,7 +18,6 @@ describe('formatPriceForDisplayData', function () {
       tax: '$0.00',
       includesTax: false,
     })
-    window.metaAttributesCache = new Map()
   })
 
   it('should handle a tax rate', function () {
diff --git a/services/web/test/frontend/helpers/editor-providers.jsx b/services/web/test/frontend/helpers/editor-providers.jsx
index c4b20c971a..b85d0ed6f5 100644
--- a/services/web/test/frontend/helpers/editor-providers.jsx
+++ b/services/web/test/frontend/helpers/editor-providers.jsx
@@ -105,10 +105,14 @@ export function EditorProviders({
   userSettings = {},
   providers = {},
 }) {
-  window.user = user || window.user
-  window.gitBridgePublicBaseUrl = 'https://git.overleaf.test'
-  window.project_id = projectId != null ? projectId : window.project_id
-  window.isRestrictedTokenMember = isRestrictedTokenMember
+  window.metaAttributesCache.set(
+    'ol-gitBridgePublicBaseUrl',
+    'https://git.overleaf.test'
+  )
+  window.metaAttributesCache.set(
+    'ol-isRestrictedTokenMember',
+    isRestrictedTokenMember
+  )
   window.metaAttributesCache.set(
     'ol-userSettings',
     merge({}, defaultUserSettings, userSettings)
@@ -116,7 +120,7 @@ export function EditorProviders({
 
   const $scope = merge(
     {
-      user: window.user,
+      user,
       editor: {
         sharejs_doc: {
           doc_id: 'test-doc',
@@ -124,7 +128,7 @@ export function EditorProviders({
         },
       },
       project: {
-        _id: window.project_id,
+        _id: projectId,
         name: PROJECT_NAME,
         owner: projectOwner,
         features,
@@ -154,6 +158,7 @@ export function EditorProviders({
 
   // Add details for useUserContext
   window.metaAttributesCache.set('ol-user', { ...user, features })
+  window.metaAttributesCache.set('ol-project_id', projectId)
   const Providers = {
     ChatProvider,
     ConnectionProvider,
@@ -263,7 +268,7 @@ const IdeReactProvider = ({ children }) => {
   const [startedFreeTrial, setStartedFreeTrial] = useState(false)
 
   const [ideReactContextValue] = useState(() => ({
-    projectId: 'project-123',
+    projectId: PROJECT_ID,
     eventEmitter: new IdeEventEmitter(),
     eventLog: new EventLog(),
     startedFreeTrial,
@@ -275,7 +280,7 @@ const IdeReactProvider = ({ children }) => {
   const [ideContextValue] = useState(() => {
     const ide = window._ide
 
-    const scopeStore = createReactScopeValueStore(window.project_id)
+    const scopeStore = createReactScopeValueStore(PROJECT_ID)
     for (const [key, value] of Object.entries(ide.$scope)) {
       // TODO: path for nested entries
       scopeStore.set(key, value)
diff --git a/services/web/test/frontend/helpers/render-with-context.jsx b/services/web/test/frontend/helpers/render-with-context.jsx
index aaee914a4c..e3aba6264d 100644
--- a/services/web/test/frontend/helpers/render-with-context.jsx
+++ b/services/web/test/frontend/helpers/render-with-context.jsx
@@ -20,7 +20,5 @@ export function renderWithEditorContext(
 }
 
 export function cleanUpContext() {
-  delete window.user
-  delete window.project_id
   delete window._ide
 }
diff --git a/services/web/test/frontend/helpers/reset-meta.ts b/services/web/test/frontend/helpers/reset-meta.ts
new file mode 100644
index 0000000000..9e998c1cd1
--- /dev/null
+++ b/services/web/test/frontend/helpers/reset-meta.ts
@@ -0,0 +1,51 @@
+export function resetMeta() {
+  window.metaAttributesCache = new Map()
+  window.metaAttributesCache.set('ol-i18n', { currentLangCode: 'en' })
+  window.metaAttributesCache.set('ol-ExposedSettings', {
+    appName: 'Overleaf',
+    maxEntitiesPerProject: 10,
+    maxUploadSize: 5 * 1024 * 1024,
+    siteUrl: 'https://www.dev-overleaf.com',
+    hasLinkUrlFeature: true,
+    hasLinkedProjectFileFeature: true,
+    hasLinkedProjectOutputFileFeature: true,
+    textExtensions: [
+      'tex',
+      'latex',
+      'sty',
+      'cls',
+      'bst',
+      'bib',
+      'bibtex',
+      'txt',
+      'tikz',
+      'mtx',
+      'rtex',
+      'md',
+      'asy',
+      'lbx',
+      'bbx',
+      'cbx',
+      'm',
+      'lco',
+      'dtx',
+      'ins',
+      'ist',
+      'def',
+      'clo',
+      'ldf',
+      'rmd',
+      'lua',
+      'gv',
+      'mf',
+      'lhs',
+      'mk',
+      'xmpdata',
+      'cfg',
+      'rnw',
+      'ltx',
+      'inc',
+    ],
+    editableFilenames: ['latexmkrc', '.latexmkrc', 'makefile', 'gnumakefile'],
+  })
+}
diff --git a/services/web/test/frontend/ide/history/util/displayNameForUserTests.js b/services/web/test/frontend/ide/history/util/displayNameForUserTests.js
index 8190c2281b..7edd9e72e6 100644
--- a/services/web/test/frontend/ide/history/util/displayNameForUserTests.js
+++ b/services/web/test/frontend/ide/history/util/displayNameForUserTests.js
@@ -13,8 +13,9 @@ import { expect } from 'chai'
 import displayNameForUser from '../../../../../frontend/js/ide/history/util/displayNameForUser'
 
 export default describe('displayNameForUser', function () {
+  const currentUsersId = 42
   beforeEach(function () {
-    return (window.user = { id: 42 })
+    window.metaAttributesCache.set('ol-user', { id: currentUsersId })
   })
 
   it("should return 'Anonymous' with no user", function () {
@@ -24,7 +25,7 @@ export default describe('displayNameForUser', function () {
   it("should return 'you' when the user has the same id as the window", function () {
     return expect(
       displayNameForUser({
-        id: window.user.id,
+        id: currentUsersId,
         email: 'james.allen@overleaf.com',
         first_name: 'James',
         last_name: 'Allen',
@@ -35,7 +36,7 @@ export default describe('displayNameForUser', function () {
   it('should return the first_name and last_name when present', function () {
     return expect(
       displayNameForUser({
-        id: window.user.id + 1,
+        id: currentUsersId + 1,
         email: 'james.allen@overleaf.com',
         first_name: 'James',
         last_name: 'Allen',
@@ -43,10 +44,10 @@ export default describe('displayNameForUser', function () {
     ).to.equal('James Allen')
   })
 
-  it('should return only the firstAname if no last_name', function () {
+  it('should return only the first_name if no last_name', function () {
     return expect(
       displayNameForUser({
-        id: window.user.id + 1,
+        id: currentUsersId + 1,
         email: 'james.allen@overleaf.com',
         first_name: 'James',
         last_name: '',
@@ -57,7 +58,7 @@ export default describe('displayNameForUser', function () {
   it('should return the email username if there are no names', function () {
     return expect(
       displayNameForUser({
-        id: window.user.id + 1,
+        id: currentUsersId + 1,
         email: 'james.allen@overleaf.com',
         first_name: '',
         last_name: '',
@@ -68,7 +69,7 @@ export default describe('displayNameForUser', function () {
   it("should return the '?' if it has nothing", function () {
     return expect(
       displayNameForUser({
-        id: window.user.id + 1,
+        id: currentUsersId + 1,
         email: '',
         first_name: '',
         last_name: '',
diff --git a/services/web/test/frontend/reset-meta-before-each.js b/services/web/test/frontend/reset-meta-before-each.js
new file mode 100644
index 0000000000..928a27e797
--- /dev/null
+++ b/services/web/test/frontend/reset-meta-before-each.js
@@ -0,0 +1,5 @@
+import { resetMeta } from './helpers/reset-meta'
+
+beforeEach(function () {
+  resetMeta()
+})
diff --git a/services/web/test/frontend/shared/utils/group-plan-pricing.test.js b/services/web/test/frontend/shared/utils/group-plan-pricing.test.js
index de9db17b88..949c3a7da6 100644
--- a/services/web/test/frontend/shared/utils/group-plan-pricing.test.js
+++ b/services/web/test/frontend/shared/utils/group-plan-pricing.test.js
@@ -4,7 +4,6 @@ import { formatCurrencyLocalized } from '@/shared/utils/currency'
 
 describe('group-plan-pricing', function () {
   beforeEach(function () {
-    window.metaAttributesCache = window.metaAttributesCache || new Map()
     window.metaAttributesCache.set('ol-groupPlans', {
       enterprise: {
         professional: {
@@ -31,10 +30,7 @@ describe('group-plan-pricing', function () {
       DKK: 'kr',
       USD: '$',
     })
-  })
-
-  afterEach(function () {
-    window.metaAttributesCache = new Map()
+    window.metaAttributesCache.set('ol-i18n', { currentLangCode: 'en' })
   })
 
   describe('createLocalizedGroupPlanPrice', function () {
diff --git a/services/web/types/group-management/validation.ts b/services/web/types/group-management/validation.ts
new file mode 100644
index 0000000000..3440266534
--- /dev/null
+++ b/services/web/types/group-management/validation.ts
@@ -0,0 +1,3 @@
+export type ValidationStatus = {
+  [key: string]: boolean | undefined
+}
diff --git a/services/web/types/project/dashboard/notification.ts b/services/web/types/project/dashboard/notification.ts
index 767539f7e1..7a19eec4a6 100644
--- a/services/web/types/project/dashboard/notification.ts
+++ b/services/web/types/project/dashboard/notification.ts
@@ -103,3 +103,12 @@ export type Institution = {
     tryAgain?: boolean
   }
 }
+
+export type PendingGroupSubscriptionEnrollment = {
+  groupId: string
+  groupName: string
+}
+
+export const GroupsAndEnterpriseBannerVariants = ['on-premise', 'FOMO'] as const
+export type GroupsAndEnterpriseBannerVariant =
+  (typeof GroupsAndEnterpriseBannerVariants)[number]
diff --git a/services/web/types/settings-page.ts b/services/web/types/settings-page.ts
new file mode 100644
index 0000000000..8c0a487e3a
--- /dev/null
+++ b/services/web/types/settings-page.ts
@@ -0,0 +1,18 @@
+export type AccessToken = {
+  _id: string
+  accessTokenPartial: string
+  createdAt: Date
+  accessTokenExpiresAt: Date
+  lastUsedAt?: Date
+}
+
+export type SAMLError = {
+  translatedMessage?: string
+  message?: string
+  tryAgain?: boolean
+}
+
+export type InstitutionLink = {
+  universityName: string
+  hasEntitlement?: boolean
+}
diff --git a/services/web/types/split-test.ts b/services/web/types/split-test.ts
new file mode 100644
index 0000000000..feb2c98e45
--- /dev/null
+++ b/services/web/types/split-test.ts
@@ -0,0 +1,11 @@
+export type SplitTestInfo = {
+  phase: string
+  active: boolean
+  archived: boolean
+  missing?: boolean
+  variants: {
+    name: string
+    rolloutPercent: number
+  }[]
+  hasOverride?: boolean
+}
diff --git a/services/web/frontend/js/features/subscription/data/currency.ts b/services/web/types/subscription/currency.ts
similarity index 100%
rename from services/web/frontend/js/features/subscription/data/currency.ts
rename to services/web/types/subscription/currency.ts
diff --git a/services/web/types/subscription/dashboard/managed-institution.ts b/services/web/types/subscription/dashboard/managed-institution.ts
new file mode 100644
index 0000000000..11a57a8e2e
--- /dev/null
+++ b/services/web/types/subscription/dashboard/managed-institution.ts
@@ -0,0 +1,9 @@
+export type ManagedInstitution = {
+  v1Id: number
+  managerIds: string[]
+  metricsEmail: {
+    optedOutUserIds: string[]
+    lastSent: Date
+  }
+  name: string
+}
diff --git a/services/web/types/subscription/dashboard/publisher.ts b/services/web/types/subscription/dashboard/publisher.ts
new file mode 100644
index 0000000000..5ea1da261f
--- /dev/null
+++ b/services/web/types/subscription/dashboard/publisher.ts
@@ -0,0 +1,6 @@
+export type Publisher = {
+  slug: string
+  managerIds: string[]
+  name: string
+  partner: string
+}
diff --git a/services/web/types/subscription/dashboard/subscription.ts b/services/web/types/subscription/dashboard/subscription.ts
index b3c9b351a1..2836a5ebeb 100644
--- a/services/web/types/subscription/dashboard/subscription.ts
+++ b/services/web/types/subscription/dashboard/subscription.ts
@@ -1,4 +1,4 @@
-import { CurrencyCode } from '../../../frontend/js/features/subscription/data/currency'
+import { CurrencyCode } from '../currency'
 import { Nullable } from '../../utils'
 import { Plan } from '../plan'
 import { User } from '../../user'
diff --git a/services/web/types/subscription/payment-context-value.tsx b/services/web/types/subscription/payment-context-value.tsx
new file mode 100644
index 0000000000..7e7bc121d1
--- /dev/null
+++ b/services/web/types/subscription/payment-context-value.tsx
@@ -0,0 +1,68 @@
+import countries from '@/features/subscription/data/countries'
+import { Plan } from './plan'
+import { SubscriptionPricingStateTax } from 'recurly__recurly-js'
+import { SubscriptionPricingInstanceCustom } from '../recurly/pricing/subscription'
+import { currencies, CurrencyCode, CurrencySymbol } from './currency'
+
+export type PricingFormState = {
+  first_name: string
+  last_name: string
+  postal_code: string
+  address1: string
+  address2: string
+  state: string
+  city: string
+  company: string
+  vat_number: string
+  country: (typeof countries)[number]['code'] | ''
+  coupon: string
+}
+
+export type PaymentContextValue = {
+  currencyCode: CurrencyCode
+  setCurrencyCode: React.Dispatch<
+    React.SetStateAction<PaymentContextValue['currencyCode']>
+  >
+  currencySymbol: CurrencySymbol
+  limitedCurrencies: Partial<typeof currencies>
+  pricingFormState: PricingFormState
+  setPricingFormState: React.Dispatch<
+    React.SetStateAction<PaymentContextValue['pricingFormState']>
+  >
+  plan: Plan
+  planCode: string
+  planName: string
+  planOffersFreeTrial: boolean
+  pricing: React.MutableRefObject<SubscriptionPricingInstanceCustom | undefined>
+  recurlyLoading: boolean
+  recurlyLoadError: boolean
+  recurlyPrice:
+    | {
+        subtotal: string
+        plan: string
+        addons: string
+        setup_fee: string
+        discount: string
+        tax: string
+        total: string
+      }
+    | undefined
+  monthlyBilling: boolean | undefined
+  taxes: SubscriptionPricingStateTax[]
+  coupon:
+    | {
+        discountMonths?: number
+        discountRate?: number
+        singleUse: boolean
+        normalPrice: number
+        name: string
+        normalPriceWithoutTax: number
+      }
+    | undefined
+  couponError: string
+  trialLength: number | undefined
+  applyVatNumber: (vatNumber: PricingFormState['vat_number']) => void
+  addCoupon: (coupon: PricingFormState['coupon']) => void
+  changeCurrency: (newCurrency: CurrencyCode) => void
+  updateCountry: (country: PricingFormState['country']) => void
+}
diff --git a/services/web/types/window.ts b/services/web/types/window.ts
index cef84c0a79..730b3cdb28 100644
--- a/services/web/types/window.ts
+++ b/services/web/types/window.ts
@@ -1,27 +1,11 @@
-import { ExposedSettings } from './exposed-settings'
-import { OAuthProviders } from './oauth-providers'
-import { OverallThemeMeta } from './project-settings'
-import { User } from './user'
 import 'recurly__recurly-js'
-import { UserSettings } from './user-settings'
 import { ScopeValueStore } from './ide/scope-value-store'
 
 declare global {
   // eslint-disable-next-line no-unused-vars
   interface Window {
-    csrfToken: string
-    user: User
-    user_id?: string
-    userSettings: UserSettings
-    oauthProviders: OAuthProviders
-    thirdPartyIds: Record<string, string>
     metaAttributesCache: Map<string, any>
-    i18n: {
-      currentLangCode: string
-    }
-    ExposedSettings: ExposedSettings
-    project_id: string
-    gitBridgePublicBaseUrl: string
+    warnedAboutWindowAttributeRemoval?: boolean
     _ide: Record<string, unknown> & {
       $scope: Record<string, unknown> & {
         pdf?: {
@@ -33,11 +17,8 @@ declare global {
         removeListener: (event: string, listener: any) => void
       }
     }
-    isRestrictedTokenMember: boolean
     _reportCM6Perf: () => void
-    _reportAcePerf: () => void
     MathJax: Record<string, any>
-    overallThemes: OverallThemeMeta[]
     crypto: {
       randomUUID: () => string
     }
@@ -46,8 +27,6 @@ declare global {
       enterprise?: boolean
       useRecaptchaNet?: boolean
     }
-    brandVariation?: Record<string, any>
-    data?: Record<string, any>
     expectingLinkedFileRefreshedSocketFor?: string | null
     writefull?: {
       type: 'extension' | 'integration'