Deps migration (#1988)

* chore: migrate eslint to oxlint * chore: migrate prettier to oxfmt * chore: migrate typescript * chore: toThrow should have a expected value * chore: cast test value as Day * chore: small title fix * chore: mocks should be hoisted * chore: incorrect async useage * chore: test should be inside description * chore: test sohuld include an expeced * chore: oxfmt --------- Co-authored-by: alex-Arc <omnivox@LAPTOP-RC5SNBVV.localdomain>
2026-08-15 04:13:47 +00:00 · 2026-03-08 16:22:12 +01:00
parent 9516ac21bb
commit 1849b4d39f
501 changed files with 2678 additions and 4654 deletions
@@ -1,7 +1,8 @@
 import { ErrorBoundary } from '@sentry/react';

 import { useKeyDown } from '../../common/hooks/useKeyDown';
-
+import PanelContent from './panel-content/PanelContent';
+import PanelList from './panel-list/PanelList';
 import AboutPanel from './panel/about-panel/AboutPanel';
 import AutomationPanel from './panel/automations-panel/AutomationPanel';
 import FeaturePanel from './panel/feature-panel/FeaturePanel';
@@ -10,8 +11,6 @@ import NetworkLogPanel from './panel/network-panel/NetworkLogPanel';
 import ProjectPanel from './panel/project-panel/ProjectPanel';
 import SettingsPanel from './panel/settings-panel/SettingsPanel';
 import ShutdownPanel from './panel/shutdown-panel/ShutdownPanel';
-import PanelContent from './panel-content/PanelContent';
-import PanelList from './panel-list/PanelList';
 import useAppSettingsNavigation from './useAppSettingsNavigation';

 import style from './AppSettings.module.scss';
@@ -59,7 +59,9 @@ function PanelListItem(props: PanelListItemProps) {
        key={panel.id}
        onClick={() => setLocation(panel.id as SettingsOptionId)}
        onKeyDown={(event) => {
-          isKeyEnter(event) && setLocation(panel.id as SettingsOptionId);
+          if (isKeyEnter(event)) {
+            setLocation(panel.id as SettingsOptionId);
+          }
        }}
        className={classes}
        tabIndex={0}
@@ -75,7 +77,9 @@ function PanelListItem(props: PanelListItemProps) {
            key={secondary.id + index}
            onClick={() => setLocation(secondary.id as SettingsOptionId)}
            onKeyDown={(event) => {
-              isKeyEnter(event) && setLocation(secondary.id as SettingsOptionId);
+              if (isKeyEnter(event)) {
+                setLocation(secondary.id as SettingsOptionId);
+              }
            }}
            className={secondaryClasses}
            role='button'
@@ -9,7 +9,6 @@ import {
  websiteUrl,
 } from '../../../../externals';
 import * as Panel from '../../panel-utils/PanelUtils';
-
 import AppVersion from './AppVersion';

 export default function AboutPanel() {
@@ -1,16 +1,16 @@
-import { useEffect, useMemo } from 'react';
-import { useFieldArray, useForm } from 'react-hook-form';
-import { IoAdd, IoTrash } from 'react-icons/io5';
 import {
  Automation,
  AutomationDTO,
  HTTPOutput,
-  isHTTPOutput,
-  isOntimeAction,
-  isOSCOutput,
-  OntimeAction,
  OSCOutput,
+  OntimeAction,
+  isHTTPOutput,
+  isOSCOutput,
+  isOntimeAction,
 } from 'ontime-types';
+import { useEffect, useMemo } from 'react';
+import { useFieldArray, useForm } from 'react-hook-form';
+import { IoAdd, IoTrash } from 'react-icons/io5';

 import { addAutomation, editAutomation, testOutput } from '../../../../common/api/automation';
 import { maybeAxiosError } from '../../../../common/api/utils';
@@ -27,10 +27,9 @@ import useCustomFields from '../../../../common/hooks-query/useCustomFields';
 import { preventEscape } from '../../../../common/utils/keyEvent';
 import { startsWithHttp } from '../../../../common/utils/regex';
 import * as Panel from '../../panel-utils/PanelUtils';
-
-import TemplateInput from './template-input/TemplateInput';
 import { isAutomation, makeFieldList } from './automationUtils';
 import OntimeActionForm from './OntimeActionForm';
+import TemplateInput from './template-input/TemplateInput';

 import style from './AutomationForm.module.scss';

@@ -1,8 +1,7 @@
-import useScrollIntoView from '../../../../common/hooks/useScrollIntoView';
 import useAutomationSettings from '../../../../common/hooks-query/useAutomationSettings';
+import useScrollIntoView from '../../../../common/hooks/useScrollIntoView';
 import type { PanelBaseProps } from '../../panel-list/PanelList';
 import * as Panel from '../../panel-utils/PanelUtils';
-
 import AutomationSettingsForm from './AutomationSettingsForm';
 import AutomationsList from './AutomationsList';
 import TriggersList from './TriggersList';
@@ -1,6 +1,6 @@
+import { AutomationDTO, NormalisedAutomation } from 'ontime-types';
 import { Fragment, useState } from 'react';
 import { IoAdd, IoPencil, IoTrash } from 'react-icons/io5';
-import { AutomationDTO, NormalisedAutomation } from 'ontime-types';

 import { deleteAutomation } from '../../../../common/api/automation';
 import { maybeAxiosError } from '../../../../common/api/utils';
@@ -9,7 +9,6 @@ import IconButton from '../../../../common/components/buttons/IconButton';
 import Tag from '../../../../common/components/tag/Tag';
 import useAutomationSettings from '../../../../common/hooks-query/useAutomationSettings';
 import * as Panel from '../../panel-utils/PanelUtils';
-
 import AutomationForm from './AutomationForm';

 const automationPlaceholder: AutomationDTO = {
@@ -1,6 +1,6 @@
+import { AutomationDTO, OntimeAction, OntimeActionKey, SecondarySource } from 'ontime-types';
 import { PropsWithChildren, useState } from 'react';
 import { UseFormRegister, UseFormSetValue, UseFormWatch } from 'react-hook-form';
-import { AutomationDTO, OntimeAction, OntimeActionKey, SecondarySource } from 'ontime-types';

 import Input from '../../../../common/components/input/input/Input';
 import Select from '../../../../common/components/select/Select';
@@ -1,6 +1,6 @@
+import { NormalisedAutomation, TimerLifeCycle, TriggerDTO } from 'ontime-types';
 import { useEffect } from 'react';
 import { useForm } from 'react-hook-form';
-import { NormalisedAutomation, TimerLifeCycle, TriggerDTO } from 'ontime-types';

 import { addTrigger, editTrigger } from '../../../../common/api/automation';
 import { maybeAxiosError } from '../../../../common/api/utils';
@@ -9,7 +9,6 @@ import Input from '../../../../common/components/input/input/Input';
 import Select from '../../../../common/components/select/Select';
 import { preventEscape } from '../../../../common/utils/keyEvent';
 import * as Panel from '../../panel-utils/PanelUtils';
-
 import { cycles } from './automationUtils';

 interface TriggerFormProps {
@@ -1,13 +1,12 @@
+import { NormalisedAutomation, Trigger } from 'ontime-types';
 import { Fragment, useMemo, useState } from 'react';
 import { IoAdd } from 'react-icons/io5';
-import { NormalisedAutomation, Trigger } from 'ontime-types';

 import { deleteTrigger } from '../../../../common/api/automation';
 import { maybeAxiosError } from '../../../../common/api/utils';
 import Button from '../../../../common/components/buttons/Button';
 import useAutomationSettings from '../../../../common/hooks-query/useAutomationSettings';
 import * as Panel from '../../panel-utils/PanelUtils';
-
 import { checkDuplicates } from './automationUtils';
 import AutomationForm from './TriggerForm';
 import TriggersListItem from './TriggersListItem';
@@ -1,11 +1,10 @@
+import { NormalisedAutomation, TimerLifeCycle } from 'ontime-types';
 import { useState } from 'react';
 import { IoPencil, IoTrash, IoWarningOutline } from 'react-icons/io5';
-import { NormalisedAutomation, TimerLifeCycle } from 'ontime-types';

 import IconButton from '../../../../common/components/buttons/IconButton';
 import Tag from '../../../../common/components/tag/Tag';
 import * as Panel from '../../panel-utils/PanelUtils';
-
 import { cycles } from './automationUtils';
 import AutomationForm from './TriggerForm';

@@ -1,9 +1,8 @@
-import { forwardRef, useMemo, useState } from 'react';
 import { mergeRefs, useClickOutside } from '@mantine/hooks';
+import { forwardRef, useMemo, useState } from 'react';

 import Input, { type InputProps } from '../../../../../common/components/input/input/Input';
 import useCustomFields from '../../../../../common/hooks-query/useCustomFields';
-
 import { makeAutoCompleteList, matchRemaining, selectFromLastTemplate } from './templateInput.utils';

 import style from './TemplateInput.module.scss';
@@ -4,7 +4,6 @@ import GenerateLinkFormExport from '../../../sharing/GenerateLinkFormExport';
 import type { PanelBaseProps } from '../../panel-list/PanelList';
 import * as Panel from '../../panel-utils/PanelUtils';
 import InfoNif from '../network-panel/NetworkInterfaces';
-
 import ReportSettings from './ReportSettings';
 import URLPresets from './URLPresets';

@@ -9,7 +9,6 @@ import useRundown from '../../../../common/hooks-query/useRundown';
 import { cx } from '../../../../common/utils/styleUtils';
 import { formatTime } from '../../../../common/utils/time';
 import * as Panel from '../../panel-utils/PanelUtils';
-
 import { CombinedReport, getCombinedReport, makeReportCSV } from './reportSettings.utils';

 import style from './ReportSettings.module.scss';
@@ -1,6 +1,6 @@
+import { URLPreset } from 'ontime-types';
 import { useState } from 'react';
 import { IoAdd, IoOpenOutline, IoPencil, IoTrash } from 'react-icons/io5';
-import { URLPreset } from 'ontime-types';

 import Button from '../../../../common/components/buttons/Button';
 import IconButton from '../../../../common/components/buttons/IconButton';
@@ -11,7 +11,6 @@ import Tag from '../../../../common/components/tag/Tag';
 import useUrlPresets, { useUpdateUrlPreset } from '../../../../common/hooks-query/useUrlPresets';
 import { handleLinks } from '../../../../common/utils/linkUtils';
 import * as Panel from '../../panel-utils/PanelUtils';
-
 import URLPresetForm from './composite/URLPresetForm';

 type FormState = {
@@ -6,4 +6,4 @@
  display: flex;
  flex-direction: column;
  gap: 1rem;
-}
+}
@@ -1,6 +1,6 @@
+import { OntimeView, OntimeViewPresettable, URLPreset } from 'ontime-types';
 import { useEffect, useRef } from 'react';
 import { useForm } from 'react-hook-form';
-import { OntimeView, OntimeViewPresettable, URLPreset } from 'ontime-types';

 import { maybeAxiosError, unwrapError } from '../../../../../common/api/utils';
 import Button from '../../../../../common/components/buttons/Button';
@@ -1,4 +1,4 @@
-import { EntryId, isOntimeEvent, MaybeNumber, OntimeReport, RundownEntries } from 'ontime-types';
+import { EntryId, MaybeNumber, OntimeReport, RundownEntries, isOntimeEvent } from 'ontime-types';

 import { makeCSVFromArrayOfArrays } from '../../../../common/utils/csv';
 import { formatTime } from '../../../../common/utils/time';
@@ -1,6 +1,6 @@
+import { CustomField, CustomFieldKey } from 'ontime-types';
 import { useState } from 'react';
 import { IoAdd } from 'react-icons/io5';
-import { CustomField, CustomFieldKey } from 'ontime-types';

 import { deleteCustomField, editCustomField, postCustomField } from '../../../../common/api/customFields';
 import Button from '../../../../common/components/buttons/Button';
@@ -10,7 +10,6 @@ import ExternalLink from '../../../../common/components/link/external-link/Exter
 import useCustomFields from '../../../../common/hooks-query/useCustomFields';
 import { customFieldsDocsUrl } from '../../../../externals';
 import * as Panel from '../../panel-utils/PanelUtils';
-
 import CustomFieldEntry from './composite/CustomFieldEntry';
 import CustomFieldForm from './composite/CustomFieldForm';

@@ -1,11 +1,10 @@
 import useScrollIntoView from '../../../../common/hooks/useScrollIntoView';
 import type { PanelBaseProps } from '../../panel-list/PanelList';
 import * as Panel from '../../panel-utils/PanelUtils';
-
-import SourcesPanel from './sources-panel/SourcesPanel';
 import CustomFieldSettings from './CustomFields';
 import ManageRundowns from './ManageRundowns';
 import RundownDefaultSettings from './RundownDefaultSettings';
+import SourcesPanel from './sources-panel/SourcesPanel';

 export default function ManagePanel({ location }: PanelBaseProps) {
  const defaultsRef = useScrollIntoView<HTMLDivElement>('defaults', location);
@@ -1,3 +1,4 @@
+import { useDisclosure } from '@mantine/hooks';
 import { useState } from 'react';
 import {
  IoAdd,
@@ -8,7 +9,6 @@ import {
  IoPencilOutline,
  IoTrash,
 } from 'react-icons/io5';
-import { useDisclosure } from '@mantine/hooks';

 import { downloadAsExcel } from '../../../../common/api/excel';
 import { maybeAxiosError } from '../../../../common/api/utils';
@@ -20,7 +20,6 @@ import Tag from '../../../../common/components/tag/Tag';
 import { useMutateProjectRundowns, useProjectRundowns } from '../../../../common/hooks-query/useProjectRundowns';
 import { cx } from '../../../../common/utils/styleUtils';
 import * as Panel from '../../panel-utils/PanelUtils';
-
 import RundownRenameForm from './composite/RundownRenameForm';
 import { ManageRundownForm } from './ManageRundownForm';

@@ -1,4 +1,4 @@
-import { EndAction, TimerType, TimeStrategy } from 'ontime-types';
+import { EndAction, TimeStrategy, TimerType } from 'ontime-types';
 import { parseUserTime } from 'ontime-utils';

 import TimeInput from '../../../../common/components/input/time-input/TimeInput';
@@ -1,13 +1,12 @@
+import { CustomField, CustomFieldKey } from 'ontime-types';
 import { useState } from 'react';
 import { IoPencil, IoTrash } from 'react-icons/io5';
-import { CustomField, CustomFieldKey } from 'ontime-types';

 import IconButton from '../../../../../common/components/buttons/IconButton';
 import CopyTag from '../../../../../common/components/copy-tag/CopyTag';
 import Swatch from '../../../../../common/components/input/colour-input/Swatch';
 import Tag from '../../../../../common/components/tag/Tag';
 import * as Panel from '../../../panel-utils/PanelUtils';
-
 import CustomFieldForm from './CustomFieldForm';

 import style from '../ManagePanel.module.scss';
@@ -1,7 +1,7 @@
-import { useEffect, useState } from 'react';
-import { useForm } from 'react-hook-form';
 import { CustomField } from 'ontime-types';
 import { checkRegex, customFieldLabelToKey } from 'ontime-utils';
+import { useEffect, useState } from 'react';
+import { useForm } from 'react-hook-form';

 import { maybeAxiosError } from '../../../../../common/api/utils';
 import Button from '../../../../../common/components/buttons/Button';
@@ -1,6 +1,6 @@
+import { checkRegex } from 'ontime-utils';
 import { useEffect } from 'react';
 import { useForm } from 'react-hook-form';
-import { checkRegex } from 'ontime-utils';

 import { maybeAxiosError } from '../../../../../common/api/utils';
 import Button from '../../../../../common/components/buttons/Button';
@@ -6,9 +6,8 @@ const googleSheetDocsUrl = 'https://docs.getontime.no/features/import-spreadshee
 export default function GSheetInfo() {
  return (
    <Info>
-      Ontime can import data from spreadsheets by: <br />
-      - importing the spreadsheet file in Ontime <br />
-      - synchronising your project with a Google Sheet
+      Ontime can import data from spreadsheets by: <br />- importing the spreadsheet file in Ontime <br />-
+      synchronising your project with a Google Sheet
      <br />
      <br />
      To synchronise with a Google Sheet, you will need to allow Ontime to authenticate with your Google account.
@@ -8,7 +8,6 @@ import CopyTag from '../../../../../common/components/copy-tag/CopyTag';
 import Input from '../../../../../common/components/input/input/Input';
 import { openLink } from '../../../../../common/utils/linkUtils';
 import * as Panel from '../../../panel-utils/PanelUtils';
-
 import useGoogleSheet from './useGoogleSheet';
 import { useSheetStore } from './useSheetStore';

@@ -1,12 +1,11 @@
-import { useState } from 'react';
 import { CustomFields, Rundown, RundownSummary } from 'ontime-types';
 import { millisToString } from 'ontime-utils';
+import { useState } from 'react';

 import Button from '../../../../../common/components/buttons/Button';
 import useRundown from '../../../../../common/hooks-query/useRundown';
 import { formatDuration } from '../../../../../common/utils/time';
 import * as Panel from '../../../panel-utils/PanelUtils';
-
 import PreviewSpreadsheet from './preview/PreviewRundown';
 import useGoogleSheet from './useGoogleSheet';
 import { useSheetStore } from './useSheetStore';
@@ -1,6 +1,6 @@
+import { ImportMap, getErrorMessage } from 'ontime-utils';
 import { ChangeEvent, useRef, useState } from 'react';
 import { IoCloudOutline, IoDownloadOutline } from 'react-icons/io5';
-import { getErrorMessage, ImportMap } from 'ontime-utils';

 import {
  importRundownPreview as importRundownPreviewExcel,
@@ -12,10 +12,9 @@ import Button from '../../../../../common/components/buttons/Button';
 import * as Editor from '../../../../../common/components/editor-utils/EditorUtils';
 import { validateExcelImport } from '../../../../../common/utils/uploadUtils';
 import * as Panel from '../../../panel-utils/PanelUtils';
-
-import ImportMapForm from './import-map/ImportMapForm';
 import GSheetInfo from './GSheetInfo';
 import GSheetSetup from './GSheetSetup';
+import ImportMapForm from './import-map/ImportMapForm';
 import ImportReview from './ImportReview';
 import useGoogleSheet from './useGoogleSheet';
 import { useSheetStore } from './useSheetStore';
@@ -1,7 +1,7 @@
+import { ImportMap, checkRegex } from 'ontime-utils';
 import { useEffect, useState } from 'react';
 import { useFieldArray, useForm } from 'react-hook-form';
 import { IoAdd, IoTrash } from 'react-icons/io5';
-import { checkRegex, ImportMap } from 'ontime-utils';

 import Button from '../../../../../../common/components/buttons/Button';
 import IconButton from '../../../../../../common/components/buttons/IconButton';
@@ -12,8 +12,7 @@ import Tooltip from '../../../../../../common/components/tooltip/Tooltip';
 import * as Panel from '../../../../panel-utils/PanelUtils';
 import useGoogleSheet from '../useGoogleSheet';
 import { useSheetStore } from '../useSheetStore';
-
-import { convertToImportMap, getPersistedOptions, NamedImportMap, persistImportMap } from './importMapUtils';
+import { NamedImportMap, convertToImportMap, getPersistedOptions, persistImportMap } from './importMapUtils';

 import style from '../SourcesPanel.module.scss';

@@ -1,6 +1,6 @@
 import { ImportCustom } from 'ontime-utils';

-import { convertToImportMap, NamedImportMap } from '../importMapUtils';
+import { NamedImportMap, convertToImportMap } from '../importMapUtils';

 describe('convertToImportMap', () => {
  it('converts a namedImportMap to a importMap', () => {
@@ -1,7 +1,7 @@
+import { CustomFields, Rundown, isOntimeEvent, isOntimeGroup, isOntimeMilestone } from 'ontime-types';
+import { millisToString } from 'ontime-utils';
 import { Fragment } from 'react';
 import { IoLink } from 'react-icons/io5';
-import { CustomFields, isOntimeEvent, isOntimeGroup, isOntimeMilestone, Rundown } from 'ontime-types';
-import { millisToString } from 'ontime-utils';

 import Tag from '../../../../../../common/components/tag/Tag';
 import { getAccessibleColour } from '../../../../../../common/utils/styleUtils';
@@ -12,7 +12,6 @@ import {
  verifyAuthenticationStatus,
 } from '../../../../../common/api/sheets';
 import { maybeAxiosError } from '../../../../../common/api/utils';
-
 import { useSheetStore } from './useSheetStore';

 export default function useGoogleSheet() {
@@ -1,5 +1,5 @@
 import { AuthenticationStatus, CustomFields, Rundown, RundownSummary } from 'ontime-types';
-import { defaultImportMap, ImportMap } from 'ontime-utils';
+import { ImportMap, defaultImportMap } from 'ontime-utils';
 import { create } from 'zustand';

 type SheetStore = {
@@ -1,5 +1,5 @@
-import { useEffect } from 'react';
 import { MessageTag } from 'ontime-types';
+import { useEffect } from 'react';

 import useScrollIntoView from '../../../../common/hooks/useScrollIntoView';
 import { usePing } from '../../../../common/hooks/useSocket';
@@ -7,7 +7,6 @@ import { sendSocket } from '../../../../common/utils/socket';
 import { isDocker } from '../../../../externals';
 import type { PanelBaseProps } from '../../panel-list/PanelList';
 import * as Panel from '../../panel-utils/PanelUtils';
-
 import ClientControlPanel from './client-control/ClientControlPanel';
 import LogExport from './NetworkLogExport';

@@ -12,7 +12,7 @@
 }

 .copiable {
-  cursor: text  ;
+  cursor: text;
  user-select: text;
 }

@@ -1,5 +1,4 @@
 import * as Panel from '../../../panel-utils/PanelUtils';
-
 import ClientList from './ClientList';

 export default function ClientControlPanel() {
@@ -1,6 +1,6 @@
-import { useState } from 'react';
 import { useDisclosure } from '@mantine/hooks';
 import { Client } from 'ontime-types';
+import { useState } from 'react';

 import Button from '../../../../../common/components/buttons/Button';
 import { RedirectClientModal } from '../../../../../common/components/client-modal/RedirectClientModal';
@@ -7,7 +7,6 @@ import { invalidateAllCaches, maybeAxiosError } from '../../../../common/api/uti
 import Button from '../../../../common/components/buttons/Button';
 import { validateProjectFile } from '../../../../common/utils/uploadUtils';
 import * as Panel from '../../panel-utils/PanelUtils';
-
 import ProjectCreateForm from './ProjectCreateForm';
 import ProjectList from './ProjectList';

@@ -4,7 +4,6 @@ import { IoArrowDown, IoArrowUp } from 'react-icons/io5';
 import Info from '../../../../common/components/info/Info';
 import { ProjectSortMode, useOrderedProjectList } from '../../../../common/hooks-query/useProjectList';
 import * as Panel from '../../panel-utils/PanelUtils';
-
 import ProjectListItem, { EditMode } from './ProjectListItem';

 import style from './ProjectPanel.module.scss';
@@ -20,7 +20,6 @@ import IconButton from '../../../../common/components/buttons/IconButton';
 import { DropdownMenu } from '../../../../common/components/dropdown-menu/DropdownMenu';
 import { cx } from '../../../../common/utils/styleUtils';
 import * as Panel from '../../panel-utils/PanelUtils';
-
 import ProjectForm, { ProjectFormValues } from './ProjectForm';
 import ProjectMergeForm from './ProjectMergeForm';

@@ -1,6 +1,6 @@
+import { useQueryClient } from '@tanstack/react-query';
 import { useState } from 'react';
 import { useForm } from 'react-hook-form';
-import { useQueryClient } from '@tanstack/react-query';

 import { PROJECT_DATA } from '../../../../common/api/constants';
 import { getDb, patchData } from '../../../../common/api/db';
@@ -10,7 +10,6 @@ import Info from '../../../../common/components/info/Info';
 import Switch from '../../../../common/components/switch/Switch';
 import { cx } from '../../../../common/utils/styleUtils';
 import * as Panel from '../../panel-utils/PanelUtils';
-
 import { makeProjectPatch } from './project.utils';

 import style from './ProjectPanel.module.scss';
@@ -58,4 +58,4 @@
 .empty {
  height: 300px;
  position: relative;
-}
+}
@@ -3,7 +3,6 @@ import type { PanelBaseProps } from '../../panel-list/PanelList';
 import * as Panel from '../../panel-utils/PanelUtils';
 import QuickStart from '../../quick-start/QuickStart';
 import type { SettingsOptionId } from '../../useAppSettingsMenu';
-
 import ManageProjects from './ManageProjects';

 interface ProjectPanelProps extends PanelBaseProps {
@@ -1,7 +1,7 @@
-import { lazy, useEffect } from 'react';
-import { useForm } from 'react-hook-form';
 import { useDisclosure } from '@mantine/hooks';
 import { Settings } from 'ontime-types';
+import { lazy, useEffect } from 'react';
+import { useForm } from 'react-hook-form';

 import { postSettings } from '../../../../common/api/settings';
 import { maybeAxiosError } from '../../../../common/api/utils';
@@ -11,7 +11,6 @@ import Select from '../../../../common/components/select/Select';
 import useSettings from '../../../../common/hooks-query/useSettings';
 import { preventEscape } from '../../../../common/utils/keyEvent';
 import * as Panel from '../../panel-utils/PanelUtils';
-
 import GeneralPinInput from './composite/GeneralPinInput';

 const TranslationModal = lazy(() => import('./composite/CustomTranslationModal'));
@@ -1,7 +1,7 @@
+import { type ProjectData } from 'ontime-types';
 import { ChangeEvent, useEffect, useRef } from 'react';
 import { useFieldArray, useForm } from 'react-hook-form';
 import { IoAdd, IoDownloadOutline, IoTrash } from 'react-icons/io5';
-import { type ProjectData } from 'ontime-types';

 import { projectLogoPath } from '../../../../common/api/constants';
 import { uploadProjectLogo } from '../../../../common/api/project';
@@ -1,6 +1,6 @@
+import { PortInfo } from 'ontime-types';
 import { useCallback, useEffect, useState } from 'react';
 import { useForm } from 'react-hook-form';
-import { PortInfo } from 'ontime-types';

 import { getServerPort, postServerPort } from '../../../../common/api/settings';
 import { maybeAxiosError } from '../../../../common/api/utils';
@@ -2,7 +2,6 @@ import useScrollIntoView from '../../../../common/hooks/useScrollIntoView';
 import { isDocker } from '../../../../externals';
 import type { PanelBaseProps } from '../../panel-list/PanelList';
 import * as Panel from '../../panel-utils/PanelUtils';
-
 import GeneralSettings from './GeneralSettings';
 import ProjectData from './ProjectData';
 import ServerPortSettings from './ServerPortSettings';
@@ -1,7 +1,7 @@
-import { useEffect } from 'react';
-import { useForm } from 'react-hook-form';
 import { useDisclosure } from '@mantine/hooks';
 import { ViewSettings as ViewSettingsType } from 'ontime-types';
+import { useEffect } from 'react';
+import { useForm } from 'react-hook-form';

 import { maybeAxiosError } from '../../../../common/api/utils';
 import Button from '../../../../common/components/buttons/Button';
@@ -12,7 +12,6 @@ import Switch from '../../../../common/components/switch/Switch';
 import useViewSettings from '../../../../common/hooks-query/useViewSettings';
 import { preventEscape } from '../../../../common/utils/keyEvent';
 import * as Panel from '../../panel-utils/PanelUtils';
-
 import CodeEditorModal from './composite/StyleEditorModal';

 const cssOverrideDocsUrl = 'https://docs.getontime.no/features/custom-styling/';
@@ -1,6 +1,6 @@
+import { TranslationObject, langEn } from 'ontime-types';
 import { useMemo } from 'react';
 import { useForm } from 'react-hook-form';
-import { langEn, TranslationObject } from 'ontime-types';

 import { maybeAxiosError } from '../../../../../common/api/utils';
 import Button from '../../../../../common/components/buttons/Button';
@@ -1,7 +1,7 @@
+import { Settings } from 'ontime-types';
 import { PropsWithChildren, useState } from 'react';
 import { UseFormRegister } from 'react-hook-form';
 import { IoEyeOutline } from 'react-icons/io5';
-import { Settings } from 'ontime-types';

 import IconButton from '../../../../../common/components/buttons/IconButton';
 import Input from '../../../../../common/components/input/input/Input';
@@ -1,7 +1,6 @@
+import Prism from 'prismjs/components/prism-core';
 import { forwardRef, memo, useEffect, useImperativeHandle, useState } from 'react';
 import Editor from 'react-simple-code-editor';
-import Prism from 'prismjs/components/prism-core';
-
 import 'prismjs/components/prism-css';
 import 'prismjs/themes/prism-tomorrow.min.css';
 import style from './StyleEditor.module.scss';
@@ -4,7 +4,7 @@

 .right {
  align-self: end;
-  text-align: right
+  text-align: right;
 }

 .column {
@@ -1,4 +1,4 @@
-import { lazy, Suspense, useEffect, useRef, useState } from 'react';
+import { Suspense, lazy, useEffect, useRef, useState } from 'react';

 import { getCSSContents, postCSSContents, restoreCSSContents } from '../../../../../common/api/assets';
 import Button from '../../../../../common/components/buttons/Button';
@@ -1,5 +1,5 @@
-import { useRef } from 'react';
 import { useDisclosure } from '@mantine/hooks';
+import { useRef } from 'react';

 import Button from '../../../../common/components/buttons/Button';
 import Dialog from '../../../../common/components/dialog/Dialog';
@@ -1,6 +1,6 @@
-import { useForm } from 'react-hook-form';
 import { QuickStartData } from 'ontime-types';
 import { parseUserTime } from 'ontime-utils';
+import { useForm } from 'react-hook-form';

 import { quickProject } from '../../../common/api/db';
 import { invalidateAllCaches, maybeAxiosError } from '../../../common/api/utils';
@@ -11,7 +11,6 @@ import Modal from '../../../common/components/modal/Modal';
 import Select from '../../../common/components/select/Select';
 import { editorSettingsDefaults, useEditorSettings } from '../../../common/stores/editorSettings';
 import * as Panel from '../panel-utils/PanelUtils';
-
 import { quickStartDefaults } from './quickStart.utils';

 interface QuickStartProps {
@@ -6,7 +6,6 @@ import {
  useExternalMessageInput as useSecondaryMessageInput,
  useTimerMessageInput,
 } from '../../../common/hooks/useSocket';
-
 import InputRow from './InputRow';
 import TimerControlsPreview from './TimerViewControl';

@@ -6,7 +6,6 @@ import ViewNavigationMenu from '../../../common/components/navigation-menu/ViewN
 import ProtectRoute from '../../../common/components/protect-route/ProtectRoute';
 import { handleLinks } from '../../../common/utils/linkUtils';
 import { getIsNavigationLocked } from '../../../externals';
-
 import MessageControl from './MessageControl';

 import style from './MessageControlExport.module.scss';
@@ -47,4 +47,3 @@
    color: $active-indicator;
  }
 }
-
@@ -1,11 +1,11 @@
+import { TimerPhase, TimerType } from 'ontime-types';
 import { IoArrowDown, IoArrowUp, IoBan, IoTime } from 'react-icons/io5';
 import { LuArrowDownToLine } from 'react-icons/lu';
-import { TimerPhase, TimerType } from 'ontime-types';

 import { CornerWithPip } from '../../../common/components/editor-utils/EditorUtils';
 import Tooltip from '../../../common/components/tooltip/Tooltip';
-import { useMessagePreview } from '../../../common/hooks/useSocket';
 import useViewSettings from '../../../common/hooks-query/useViewSettings';
+import { useMessagePreview } from '../../../common/hooks/useSocket';
 import { handleLinks } from '../../../common/utils/linkUtils';
 import { cx, timerPlaceholder } from '../../../common/utils/styleUtils';
 import PipRoot from '../../../views/editor/pip-timer/PipRoot';
@@ -4,9 +4,8 @@
  grid-template-columns: 3fr 2fr;
 }

-
 .options {
  display: flex;
  flex-direction: column;
  gap: $element-spacing;
-}
+}
@@ -1,11 +1,10 @@
-import { useEffect, useState } from 'react';
 import { SecondarySource } from 'ontime-types';
+import { useEffect, useState } from 'react';

 import Button from '../../../common/components/buttons/Button';
 import * as Editor from '../../../common/components/editor-utils/EditorUtils';
 import Select from '../../../common/components/select/Select';
 import { setMessage, useTimerViewControl } from '../../../common/hooks/useSocket';
-
 import TimerPreview from './TimerPreview';

 import style from './TimerViewControl.module.scss';
@@ -1,5 +1,4 @@
 import { usePlaybackControl } from '../../../common/hooks/useSocket';
-
 import AddTime from './add-time/AddTime';
 import { AuxTimer } from './aux-timer/AuxTimer';
 import PlaybackButtons from './playback-buttons/PlaybackButtons';
@@ -6,7 +6,6 @@ import ViewNavigationMenu from '../../../common/components/navigation-menu/ViewN
 import ProtectRoute from '../../../common/components/protect-route/ProtectRoute';
 import { handleLinks } from '../../../common/utils/linkUtils';
 import { getIsNavigationLocked } from '../../../externals';
-
 import PlaybackControl from './PlaybackControl';

 import style from './TimerControlExport.module.scss';
@@ -1,7 +1,7 @@
-import { IoAdd, IoRemove } from 'react-icons/io5';
 import { useLocalStorage } from '@mantine/hooks';
 import { Playback } from 'ontime-types';
 import { MILLIS_PER_HOUR, parseUserTime } from 'ontime-utils';
+import { IoAdd, IoRemove } from 'react-icons/io5';

 import TimeInput from '../../../../common/components/input/time-input/TimeInput';
 import { setPlayback } from '../../../../common/hooks/useSocket';
@@ -1,6 +1,6 @@
-import { IoArrowDown, IoArrowUp, IoPause, IoPlay, IoStop } from 'react-icons/io5';
 import { Playback, SimpleDirection, SimplePlayback } from 'ontime-types';
 import { millisToString, parseUserTime } from 'ontime-utils';
+import { IoArrowDown, IoArrowUp, IoPause, IoPlay, IoStop } from 'react-icons/io5';

 import TimeInput from '../../../../common/components/input/time-input/TimeInput';
 import { setAuxTimer, useAuxTimerControl, useAuxTimerTime } from '../../../../common/hooks/useSocket';
@@ -2,9 +2,9 @@
  padding-top: $element-spacing;
  display: grid;
  grid-template-areas:
-          "go playback"
-          "go transport"
-          "extra extra";
+    'go playback'
+    'go transport'
+    'extra extra';
  grid-template-rows: repeat(3, 2rem);
  gap: $element-spacing;
 }
@@ -38,4 +38,3 @@
 .invertX {
  transform: rotateY(180deg);
 }
-
@@ -1,5 +1,5 @@
-import { IoPause, IoPlay, IoPlaySkipBack, IoPlaySkipForward, IoReload, IoStop } from 'react-icons/io5';
 import { Playback, TimerPhase } from 'ontime-types';
+import { IoPause, IoPlay, IoPlaySkipBack, IoPlaySkipForward, IoReload, IoStop } from 'react-icons/io5';

 import { setPlayback } from '../../../../common/hooks/useSocket';
 import { getPlaybackControlState } from '../playbackControl.utils';
@@ -1,11 +1,11 @@
-import { PropsWithChildren } from 'react';
 import { MaybeNumber, Playback, TimerPhase } from 'ontime-types';
 import { dayInMs, millisToString } from 'ontime-utils';
+import { PropsWithChildren } from 'react';

 import AppLink from '../../../../common/components/link/app-link/AppLink';
 import Tooltip from '../../../../common/components/tooltip/Tooltip';
-import { useTimer } from '../../../../common/hooks/useSocket';
 import useReport from '../../../../common/hooks-query/useReport';
+import { useTimer } from '../../../../common/hooks/useSocket';
 import { formatDuration } from '../../../../common/utils/time';
 import TimerDisplay from '../timer-display/TimerDisplay';

@@ -1,5 +1,5 @@
-import { ForwardedRef, forwardRef, PropsWithChildren } from 'react';
 import { Playback } from 'ontime-types';
+import { ForwardedRef, PropsWithChildren, forwardRef } from 'react';

 import { cx } from '../../../../common/utils/styleUtils';

@@ -1,7 +1,7 @@
-import { IoAdd, IoArrowDown, IoArrowUp, IoPause, IoPlay, IoPlaySkipForward, IoRemove, IoStop } from 'react-icons/io5';
 import { useHotkeys, useLocalStorage } from '@mantine/hooks';
 import { Playback, SimpleDirection, SimplePlayback, TimerPhase } from 'ontime-types';
 import { millisToString, parseUserTime } from 'ontime-utils';
+import { IoAdd, IoArrowDown, IoArrowUp, IoPause, IoPlay, IoPlaySkipForward, IoRemove, IoStop } from 'react-icons/io5';

 import TimeInput from '../../../../common/components/input/time-input/TimeInput';
 import {
@@ -1,6 +1,6 @@
+import { LogOrigin } from 'ontime-types';
 import { useCallback, useState } from 'react';
 import { IoClose } from 'react-icons/io5';
-import { LogOrigin } from 'ontime-types';

 import Button from '../../common/components/buttons/Button';
 import { clearLogs, useLogData } from '../../common/stores/logger';
@@ -41,12 +41,12 @@ export default function Log() {
  const filteredData = logData.filter((entry) => matchers.some((match) => entry.origin === match));

  const disableOthers = useCallback((toEnable: LogOrigin) => {
-    toEnable === LogOrigin.User ? setShowUser(true) : setShowUser(false);
-    toEnable === LogOrigin.Client ? setShowClient(true) : setShowClient(false);
-    toEnable === LogOrigin.Server ? setShowServer(true) : setShowServer(false);
-    toEnable === LogOrigin.Rx ? setShowRx(true) : setShowRx(false);
-    toEnable === LogOrigin.Tx ? setShowTx(true) : setShowTx(false);
-    toEnable === LogOrigin.Playback ? setShowPlayback(true) : setShowPlayback(false);
+    setShowUser(toEnable === LogOrigin.User);
+    setShowClient(toEnable === LogOrigin.Client);
+    setShowServer(toEnable === LogOrigin.Server);
+    setShowRx(toEnable === LogOrigin.Rx);
+    setShowTx(toEnable === LogOrigin.Tx);
+    setShowPlayback(toEnable === LogOrigin.Playback);
  }, []);

  return (
@@ -1,5 +1,5 @@
+import { OntimeView, isOntimeEvent, isOntimeGroup } from 'ontime-types';
 import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { isOntimeEvent, isOntimeGroup, OntimeView } from 'ontime-types';

 import EmptyPage from '../../common/components/state/EmptyPage';
 import ViewParamsEditor from '../../common/components/view-params-editor/ViewParamsEditor';
@@ -11,15 +11,14 @@ import { throttle } from '../../common/utils/throttle';
 import { getDefaultFormat } from '../../common/utils/time';
 import { isTouchDevice } from '../../externals';
 import Loader from '../../views/common/loader/Loader';
-
 import CustomFieldEditModal from './custom-field-edit-modal/CustomFieldEditModal';
 import FollowButton from './follow-button/FollowButton';
 import OperatorEvent from './operator-event/OperatorEvent';
 import OperatorGroup from './operator-group/OperatorGroup';
-import StatusBar from './status-bar/StatusBar';
 import { getOperatorOptions, useOperatorOptions } from './operator.options';
 import type { EditEvent } from './operator.types';
 import { getEventData } from './operator.utils';
+import StatusBar from './status-bar/StatusBar';
 import { OperatorData, useOperatorData } from './useOperatorData';

 import style from './Operator.module.scss';
@@ -1,5 +1,4 @@
 import ProtectRoute from '../../common/components/protect-route/ProtectRoute';
-
 import Operator from './Operator';

 export default function OperatorExport() {
@@ -7,7 +7,7 @@

  padding-inline: 1rem;
  min-width: min(720px, 90vw);
-  
+
  background-color: $gray-1250;
  color: $ui-white;
  border-radius: 3px;
@@ -1,7 +1,7 @@
-import { Fragment, useRef, useState } from 'react';
-import { IoClose } from 'react-icons/io5';
 import { Dialog } from '@base-ui/react/dialog';
 import { OntimeEvent } from 'ontime-types';
+import { Fragment, useRef, useState } from 'react';
+import { IoClose } from 'react-icons/io5';

 import Button from '../../../common/components/buttons/Button';
 import IconButton from '../../../common/components/buttons/IconButton';
@@ -35,4 +35,4 @@
    gap: 1rem;
    padding: 0.25rem 1rem;
  }
-}
+}
@@ -1,6 +1,6 @@
-import { CSSProperties, memo, RefObject, SyntheticEvent } from 'react';
 import { Day } from 'ontime-types';
 import { MILLIS_PER_MINUTE, MILLIS_PER_SECOND } from 'ontime-utils';
+import { CSSProperties, RefObject, SyntheticEvent, memo } from 'react';

 import DelayIndicator from '../../../common/components/delay-indicator/DelayIndicator';
 import { useLongPress } from '../../../common/hooks/useLongPress';
@@ -1,6 +1,6 @@
+import { CustomFields, EntryId, OntimeEvent } from 'ontime-types';
 import { use, useMemo } from 'react';
 import { useSearchParams } from 'react-router';
-import { CustomFields, EntryId, OntimeEvent } from 'ontime-types';

 import { getTimeOption } from '../../common/components/view-params-editor/common.options';
 import { OptionTitle } from '../../common/components/view-params-editor/constants';
@@ -1,33 +1,32 @@
-import { CustomFields, MaybeString, OntimeEvent } from 'ontime-types';
-
-import { getPropertyValue } from '../../views/common/viewUtils';
-
-import type { Subscribed } from './operator.types';
-
-export function getEventData(
-  event: OntimeEvent,
-  main: MaybeString,
-  secondary: MaybeString,
-  subscriptions: string[],
-  customFields: CustomFields,
-) {
-  const mainField = main ? getPropertyValue(event, main) ?? '' : event.title;
-  const secondaryField = getPropertyValue(event, secondary) ?? '';
-
-  // remove subscriptions that are not in customFields
-  const sanitisedSubscriptions = subscriptions.filter((field) => Object.hasOwn(customFields, field));
-  const subscribedData = sanitisedSubscriptions.reduce<Subscribed>((acc, id) => {
-    const field = customFields[id];
-    if (field) {
-      acc.push({
-        id,
-        label: field.label,
-        colour: field.colour,
-        value: event.custom[id],
-      });
-    }
-    return acc;
-  }, []);
-
-  return { mainField, secondaryField, subscribedData };
-}
+import { CustomFields, MaybeString, OntimeEvent } from 'ontime-types';
+
+import { getPropertyValue } from '../../views/common/viewUtils';
+import type { Subscribed } from './operator.types';
+
+export function getEventData(
+  event: OntimeEvent,
+  main: MaybeString,
+  secondary: MaybeString,
+  subscriptions: string[],
+  customFields: CustomFields,
+) {
+  const mainField = main ? (getPropertyValue(event, main) ?? '') : event.title;
+  const secondaryField = getPropertyValue(event, secondary) ?? '';
+
+  // remove subscriptions that are not in customFields
+  const sanitisedSubscriptions = subscriptions.filter((field) => Object.hasOwn(customFields, field));
+  const subscribedData = sanitisedSubscriptions.reduce<Subscribed>((acc, id) => {
+    const field = customFields[id];
+    if (field) {
+      acc.push({
+        id,
+        label: field.label,
+        colour: field.colour,
+        value: event.custom[id],
+      });
+    }
+    return acc;
+  }, []);
+
+  return { mainField, secondaryField, subscribedData };
+}
@@ -1,5 +1,4 @@
 import useViewSettings from '../../../common/hooks-query/useViewSettings';
-
 import StatusBarProgress from './StatusBarProgress';
 import StatusBarTimers from './StatusBarTimers';

@@ -4,7 +4,7 @@ import useCustomFields from '../../common/hooks-query/useCustomFields';
 import { useRundownWithMetadata } from '../../common/hooks-query/useRundown';
 import useSettings from '../../common/hooks-query/useSettings';
 import { RundownMetadataObject } from '../../common/utils/rundownMetadata';
-import { aggregateQueryStatus, ViewData } from '../../views/utils/viewLoader.utils';
+import { ViewData, aggregateQueryStatus } from '../../views/utils/viewLoader.utils';

 export interface OperatorData {
  rundown: Rundown;
@@ -1,7 +1,6 @@
-import { memo, PropsWithChildren } from 'react';
+import { PropsWithChildren, memo } from 'react';

 import { useIsMobileScreen } from '../../common/hooks/useIsMobileScreen';
-
 import {
  ClockOverview,
  MetadataTimes,
@@ -1,7 +1,6 @@
-import { memo, PropsWithChildren } from 'react';
+import { PropsWithChildren, memo } from 'react';

 import { EditorLayoutMode, useEditorLayout } from '../../views/editor/useEditorLayout';
-
 import {
  ClockOverview,
  MetadataTimes,
@@ -1,5 +1,5 @@
-import { PropsWithChildren, ReactNode } from 'react';
 import { ErrorBoundary } from '@sentry/react';
+import { PropsWithChildren, ReactNode } from 'react';

 import ScrollArea from '../../common/components/scroll-area/ScrollArea';
 import { useIsOnline } from '../../common/hooks/useSocket';
@@ -57,9 +57,9 @@
  display: inline-flex;
  align-items: center;
  margin-left: 0.25rem;
-  
+
  &::after {
-    content: "+" attr(data-day-offset);
+    content: '+' attr(data-day-offset);
    font-size: 0.75rem;
    font-weight: 400;
    color: $ui-white;
@@ -1,3 +1,5 @@
+import { OffsetMode, OntimeEvent, OntimeGroup, TimerPhase, TimerType } from 'ontime-types';
+import { dayInMs, isPlaybackActive, millisToString } from 'ontime-utils';
 import { useMemo } from 'react';
 import {
  TbCalendarClock,
@@ -8,10 +10,9 @@ import {
  TbFolderPin,
  TbFolderStar,
 } from 'react-icons/tb';
-import { OffsetMode, OntimeEvent, OntimeGroup, TimerPhase, TimerType } from 'ontime-types';
-import { dayInMs, isPlaybackActive, millisToString } from 'ontime-utils';

 import Tooltip from '../../../common/components/tooltip/Tooltip';
+import { useEntry } from '../../../common/hooks-query/useRundown';
 import {
  useClock,
  useCurrentGroupId,
@@ -24,13 +25,11 @@ import {
  useStartTimesOverview,
  useTimer,
 } from '../../../common/hooks/useSocket';
-import { useEntry } from '../../../common/hooks-query/useRundown';
 import { getOffsetState, getOffsetText } from '../../../common/utils/offset';
 import { cx, enDash, timerPlaceholder } from '../../../common/utils/styleUtils';
 import { formatDuration, formatTime } from '../../../common/utils/time';
 import SuperscriptPeriod from '../../../views/common/superscript-time/SuperscriptPeriod';
 import { calculateEndAndDaySpan, formatDueTime } from '../overview.utils';
-
 import { OverUnder, TimeColumn, WrappedInTimeColumn } from './TimeLayout';

 import style from './TimeElements.module.scss';
@@ -46,7 +46,7 @@
 .entryIndex {
  padding-block: 0.25rem;
  display: grid;
-  grid-template-rows: 1fr 1fr 1fr;  
+  grid-template-rows: 1fr 1fr 1fr;
  justify-items: end;
  min-width: 2em;
  color: $label-gray;
@@ -1,22 +1,21 @@
-import { type HTMLProps, forwardRef, Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { TbFlagFilled } from 'react-icons/tb';
-import { Virtuoso, VirtuosoHandle } from 'react-virtuoso';
-import { closestCenter, DndContext } from '@dnd-kit/core';
+import { DndContext, closestCenter } from '@dnd-kit/core';
 import { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
 import {
  type EntryId,
+  Playback,
  type Rundown as RundownType,
+  SupportedEntry,
  isOntimeEvent,
  isOntimeGroup,
-  Playback,
-  SupportedEntry,
 } from 'ontime-types';
+import { Fragment, type HTMLProps, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { TbFlagFilled } from 'react-icons/tb';
+import { Virtuoso, VirtuosoHandle } from 'react-virtuoso';

 import { useEntryActionsContext } from '../../common/context/EntryActionsContext';
 import { useEntryCopy } from '../../common/stores/entryCopyStore';
-import { lastMetadataKey, RundownMetadataObject } from '../../common/utils/rundownMetadata';
+import { RundownMetadataObject, lastMetadataKey } from '../../common/utils/rundownMetadata';
 import { AppMode } from '../../ontimeConfig';
-
 import QuickAddButtons from './entry-editor/quick-add-buttons/QuickAddButtons';
 import QuickAddInline from './entry-editor/quick-add-cursor/QuickAddInline';
 import { useRundownCommands } from './hooks/useRundownCommands';
@@ -1,5 +1,5 @@
-import { IoAdd } from 'react-icons/io5';
 import { SupportedEntry } from 'ontime-types';
+import { IoAdd } from 'react-icons/io5';

 import Button from '../../common/components/buttons/Button';
 import * as Editor from '../../common/components/editor-utils/EditorUtils';
@@ -1,4 +1,4 @@
-import { isOntimeDelay, isOntimeEvent, isOntimeMilestone, OntimeEntry, Playback, SupportedEntry } from 'ontime-types';
+import { OntimeEntry, Playback, SupportedEntry, isOntimeDelay, isOntimeEvent, isOntimeMilestone } from 'ontime-types';

 import RundownDelay from './rundown-delay/RundownDelay';
 import RundownEvent from './rundown-event/RundownEvent';
@@ -1,5 +1,5 @@
-import { memo } from 'react';
 import { useSessionStorage } from '@mantine/hooks';
+import { memo } from 'react';

 import * as Editor from '../../common/components/editor-utils/EditorUtils';
 import ErrorBoundary from '../../common/components/error-boundary/ErrorBoundary';
@@ -14,7 +14,6 @@ import { getIsNavigationLocked } from '../../externals';
 import { AppMode } from '../../ontimeConfig';
 import EntryEditModal from '../../views/cuesheet/cuesheet-edit-modal/EntryEditModal';
 import { EditorLayoutMode, useEditorLayout } from '../../views/editor/useEditorLayout';
-
 import RundownEntryEditor from './entry-editor/RundownEntryEditor';
 import FinderPlacement from './placements/FinderPlacement';
 import { RundownContextMenu } from './rundown-context-menu/RundownContextMenu';
@@ -1,9 +1,8 @@
 import { memo } from 'react';

 import Empty from '../../common/components/state/Empty';
-import { useRundownEditor } from '../../common/hooks/useSocket';
 import { useRundownWithMetadata } from '../../common/hooks-query/useRundown';
-
+import { useRundownEditor } from '../../common/hooks/useSocket';
 import Rundown from './Rundown';

 export default memo(RundownList);
@@ -1,8 +1,7 @@
+import { OntimeEntry, isOntimeEvent, isOntimeGroup, isOntimeMilestone } from 'ontime-types';
 import { useMemo } from 'react';
-import { isOntimeEvent, isOntimeGroup, isOntimeMilestone, OntimeEntry } from 'ontime-types';

 import useRundown from '../../../common/hooks-query/useRundown';
-
 import EventEditor from './EventEditor';
 import GroupEditor from './GroupEditor';
 import MilestoneEditor from './MilestoneEditor';
@@ -1,11 +1,10 @@
-import { useCallback } from 'react';
 import { OntimeEvent } from 'ontime-types';
+import { useCallback } from 'react';

 import * as Editor from '../../../common/components/editor-utils/EditorUtils';
 import AppLink from '../../../common/components/link/app-link/AppLink';
 import { useEntryActionsContext } from '../../../common/context/EntryActionsContext';
 import useCustomFields from '../../../common/hooks-query/useCustomFields';
-
 import EntryEditorCustomFields from './composite/EventEditorCustomFields';
 import EventEditorTimes from './composite/EventEditorTimes';
 import EventEditorTitles from './composite/EventEditorTitles';
@@ -1,4 +1,4 @@
-import { memo, PropsWithChildren } from 'react';
+import { PropsWithChildren, memo } from 'react';

 import * as Editor from '../../../common/components/editor-utils/EditorUtils';
 import { deviceAlt, deviceMod } from '../../../common/utils/deviceUtils';
@@ -1,6 +1,6 @@
-import { useCallback } from 'react';
 import { MaybeNumber, OntimeGroup } from 'ontime-types';
 import { millisToString } from 'ontime-utils';
+import { useCallback } from 'react';

 import * as Editor from '../../../common/components/editor-utils/EditorUtils';
 import SwatchSelect from '../../../common/components/input/colour-input/SwatchSelect';
@@ -10,7 +10,6 @@ import useCustomFields from '../../../common/hooks-query/useCustomFields';
 import { getOffsetState } from '../../../common/utils/offset';
 import { cx, enDash, timerPlaceholder } from '../../../common/utils/styleUtils';
 import TextLikeInput from '../../../views/cuesheet/cuesheet-table/cuesheet-table-elements/TextLikeInput';
-
 import EntryEditorCustomFields from './composite/EventEditorCustomFields';
 import EventTextArea from './composite/EventTextArea';
 import EntryEditorTextInput from './composite/EventTextInput';
@@ -1,5 +1,5 @@
-import { useCallback } from 'react';
 import { OntimeMilestone } from 'ontime-types';
+import { useCallback } from 'react';

 import * as Editor from '../../../common/components/editor-utils/EditorUtils';
 import SwatchSelect from '../../../common/components/input/colour-input/SwatchSelect';
@@ -7,7 +7,6 @@ import Input from '../../../common/components/input/input/Input';
 import AppLink from '../../../common/components/link/app-link/AppLink';
 import { useEntryActionsContext } from '../../../common/context/EntryActionsContext';
 import useCustomFields from '../../../common/hooks-query/useCustomFields';
-
 import EntryEditorCustomFields from './composite/EventEditorCustomFields';
 import EventTextArea from './composite/EventTextArea';
 import EntryEditorTextInput from './composite/EventTextInput';
@@ -1,9 +1,8 @@
+import { OntimeEntry, isOntimeEvent, isOntimeGroup, isOntimeMilestone } from 'ontime-types';
 import { useMemo } from 'react';
-import { isOntimeEvent, isOntimeGroup, isOntimeMilestone, OntimeEntry } from 'ontime-types';

 import useRundown from '../../../common/hooks-query/useRundown';
 import { useEventSelection } from '../useEventSelection';
-
 import EventEditorFooter from './composite/EventEditorFooter';
 import EventEditor from './EventEditor';
 import EventEditorEmpty from './EventEditorEmpty';
@@ -1,9 +1,8 @@
-import { CSSProperties, Fragment } from 'react';
 import { CustomFields, OntimeEvent, OntimeGroup, OntimeMilestone } from 'ontime-types';
+import { CSSProperties, Fragment } from 'react';

 import { getAccessibleColour } from '../../../../common/utils/styleUtils';
 import { EventEditorUpdateFields } from '../EventEditor';
-
 import EventEditorImage from './EventEditorImage';
 import EventTextArea from './EventTextArea';
 import EntryEditorTextInput from './EventTextInput';
@@ -1,7 +1,7 @@
+import { EndAction, TimeStrategy, TimerType } from 'ontime-types';
+import { millisToString, parseUserTime } from 'ontime-utils';
 import { memo } from 'react';
 import { IoInformationCircle } from 'react-icons/io5';
-import { EndAction, TimerType, TimeStrategy } from 'ontime-types';
-import { millisToString, parseUserTime } from 'ontime-utils';

 import * as Editor from '../../../../common/components/editor-utils/EditorUtils';
 import TimeInput from '../../../../common/components/input/time-input/TimeInput';
--- a/Show More
+++ b/Show More