diff --git a/src/components/Dashboard/Tiles/Widgets/Inputs/AppSelector.tsx b/src/components/Dashboard/Tiles/Widgets/Inputs/AppSelector.tsx
index 13663d1aabe..d3c044fa126 100644
--- a/src/components/Dashboard/Tiles/Widgets/Inputs/AppSelector.tsx
+++ b/src/components/Dashboard/Tiles/Widgets/Inputs/AppSelector.tsx
@@ -1,34 +1,37 @@
 import { Group, Select, Text } from '@mantine/core';
+import { ComponentProps, forwardRef } from 'react';
+import { AppAvatar } from '~/components/AppAvatar';
 import { useConfigContext } from '~/config/provider';
 import { IntegrationType } from '~/types/app';
-import { AppAvatar } from '~/components/AppAvatar';
-import { ComponentProps, forwardRef } from 'react';
 
 export type AppSelectorProps = {
   value: string;
   onChange: (value: string) => void;
   integrations: IntegrationType[];
   selectProps?: Omit<ComponentProps<typeof Select>, 'value' | 'data' | 'onChange'>;
-}
+};
 
 export function AppSelector(props: AppSelectorProps) {
   const { value, integrations, onChange } = props;
   const { config } = useConfigContext();
 
-  const apps = config?.apps.filter((app) => app.integration.type && integrations.includes(app.integration.type)) ?? [];
-  const selectedApp = apps.find(app => app.id === value);
+  const apps =
+    config?.apps.filter(
+      (app) => app.integration.type && integrations.includes(app.integration.type)
+    ) ?? [];
+  const selectedApp = apps.find((app) => app.id === value);
 
   return (
     <Select
       value={value}
-      data={apps.map(app => ({
+      data={apps.map((app) => ({
         value: app.id,
         label: app.name,
       }))}
       onChange={onChange}
       icon={selectedApp ? <AppAvatar iconUrl={selectedApp?.appearance.iconUrl} /> : undefined}
       itemComponent={forwardRef(({ value, label, ...rest }, ref) => {
-        const app = apps.find(app => app.id === value);
+        const app = apps.find((app) => app.id === value);
 
         if (!app) {
           return null;
@@ -37,9 +40,7 @@ export function AppSelector(props: AppSelectorProps) {
         return (
           <Group ref={ref} {...rest}>
             <AppAvatar iconUrl={app.appearance.iconUrl} />
-            <Text size="xs">
-              {label}
-            </Text>
+            <Text size="xs">{label}</Text>
           </Group>
         );
       })}
diff --git a/src/components/Dashboard/Tiles/Widgets/WidgetsEditModal.tsx b/src/components/Dashboard/Tiles/Widgets/WidgetsEditModal.tsx
index 5e9bade75dd..a8413135f24 100644
--- a/src/components/Dashboard/Tiles/Widgets/WidgetsEditModal.tsx
+++ b/src/components/Dashboard/Tiles/Widgets/WidgetsEditModal.tsx
@@ -18,6 +18,7 @@ import { ContextModalProps } from '@mantine/modals';
 import { IconAlertTriangle, IconPlaylistX, IconPlus } from '@tabler/icons-react';
 import { Trans, useTranslation } from 'next-i18next';
 import { FC, useState } from 'react';
+import { AppSelector } from '~/components/Dashboard/Tiles/Widgets/Inputs/AppSelector';
 import { useConfigContext } from '~/config/provider';
 import { useConfigStore } from '~/config/store';
 import { mapObject } from '~/tools/client/objects';
@@ -29,7 +30,6 @@ import { InfoCard } from '../../../InfoCard/InfoCard';
 import { DraggableList } from './Inputs/DraggableList';
 import { LocationSelection } from './Inputs/LocationSelection';
 import { StaticDraggableList } from './Inputs/StaticDraggableList';
-import { AppSelector } from '~/components/Dashboard/Tiles/Widgets/Inputs/AppSelector';
 
 export type WidgetEditModalInnerProps = {
   widgetId: string;
@@ -41,10 +41,10 @@ export type WidgetEditModalInnerProps = {
 export type IntegrationOptionsValueType = IWidget<string, any>['properties'][string];
 
 export const WidgetsEditModal = ({
-                                   context,
-                                   id,
-                                   innerProps,
-                                 }: ContextModalProps<WidgetEditModalInnerProps>) => {
+  context,
+  id,
+  innerProps,
+}: ContextModalProps<WidgetEditModalInnerProps>) => {
   const { t } = useTranslation([`modules/${innerProps.widgetType}`, 'common']);
   const [moduleProperties, setModuleProperties] = useState(innerProps.options);
   const items = Object.entries(innerProps.widgetOptions ?? {}) as [
@@ -79,7 +79,7 @@ export const WidgetsEditModal = ({
           widgets: [...prev.widgets.filter((x) => x.id !== innerProps.widgetId), currentWidget!],
         };
       },
-      true,
+      true
     );
     context.closeModal(id);
   };
@@ -194,9 +194,9 @@ const WidgetOptionTypeSwitch: FC<{
       const data = items.map((dataType) => {
         return !dataType.label
           ? {
-            value: dataType.value,
-            label: t(`descriptor.settings.${key}.data.${dataType.value}`),
-          }
+              value: dataType.value,
+              label: t(`descriptor.settings.${key}.data.${dataType.value}`),
+            }
           : dataType;
       });
       return (
@@ -279,14 +279,14 @@ const WidgetOptionTypeSwitch: FC<{
           typedVal.map((oldVal) =>
             oldVal.key === liName
               ? {
-                ...oldVal,
-                subValues: {
-                  ...oldVal.subValues,
-                  [settingName]: newVal,
-                },
-              }
-              : oldVal,
-          ),
+                  ...oldVal,
+                  subValues: {
+                    ...oldVal.subValues,
+                    [settingName]: newVal,
+                  },
+                }
+              : oldVal
+          )
         );
 
       return (
@@ -299,7 +299,7 @@ const WidgetOptionTypeSwitch: FC<{
             value={typedVal}
             onChange={(v) => handleChange(key, v)}
             labels={mapObject(option.items, (liName) =>
-              t(`descriptor.settings.${key}.${liName}.label`),
+              t(`descriptor.settings.${key}.${liName}.label`)
             )}
           >
             {mapObject(option.items, (liName, liSettings) =>
@@ -312,7 +312,7 @@ const WidgetOptionTypeSwitch: FC<{
                   value={extractSubValue(liName, settingName)}
                   handleChange={handleSubChange(liName, settingName)}
                 />
-              )),
+              ))
             )}
           </StaticDraggableList>
         </Stack>
@@ -337,7 +337,7 @@ const WidgetOptionTypeSwitch: FC<{
             onChange={(values) =>
               handleChange(
                 key,
-                values.map((item: string) => item),
+                values.map((item: string) => item)
               )
             }
           />
diff --git a/src/server/api/root.ts b/src/server/api/root.ts
index 74a09fc1fba..4ce5a90142c 100644
--- a/src/server/api/root.ts
+++ b/src/server/api/root.ts
@@ -48,7 +48,7 @@ export const rootRouter = createTRPCRouter({
   password: passwordRouter,
   notebook: notebookRouter,
   smartHomeEntityState: smartHomeEntityStateRouter,
-  tdarr: tdarrRouter
+  tdarr: tdarrRouter,
 });
 
 // export type definition of API
diff --git a/src/server/api/routers/tdarr.ts b/src/server/api/routers/tdarr.ts
index 45e09122995..95cf00e9134 100644
--- a/src/server/api/routers/tdarr.ts
+++ b/src/server/api/routers/tdarr.ts
@@ -1,11 +1,12 @@
+import { TRPCError } from '@trpc/server';
 import axios from 'axios';
 import { z } from 'zod';
 import { checkIntegrationsType } from '~/tools/client/app-properties';
 import { getConfig } from '~/tools/config/getConfig';
-import { createTRPCRouter, publicProcedure } from '../trpc';
-import { TRPCError } from '@trpc/server';
 import { ConfigAppType } from '~/types/app';
 
+import { createTRPCRouter, publicProcedure } from '../trpc';
+
 const inputSchema = z.object({
   appId: z.string(),
   configName: z.string(),
@@ -25,48 +26,71 @@ const getStatisticsSchema = z.object({
   table6Count: z.number(),
   table1Count: z.number(),
   table4Count: z.number(),
-  pies: z.array(z.tuple([
-    z.string(), // Library Name
-    z.string(), // Library ID
-    z.number(), // File count
-    z.number(), // Number of transcodes
-    z.number(), // Space saved (in GB)
-    z.number(), // Number of health checks
-    z.array(z.object({ // Transcode Status (Pie segments)
-      name: z.string(),
-      value: z.number(),
-    })),
-    z.array(z.object({ // Health Status (Pie segments)
-      name: z.string(),
-      value: z.number(),
-    })),
-    z.array(z.object({ // Video files - Codecs (Pie segments)
-      name: z.string(),
-      value: z.number(),
-    })),
-    z.array(z.object({ // Video files - Containers (Pie segments)
-      name: z.string(),
-      value: z.number(),
-    })),
-    z.array(z.object({ // Video files - Resolutions (Pie segments)
-      name: z.string(),
-      value: z.number(),
-    })),
-    z.array(z.object({ // Audio files - Codecs (Pie segments)
-      name: z.string(),
-      value: z.number(),
-    })),
-    z.array(z.object({ // Audio files - Containers (Pie segments)
-      name: z.string(),
-      value: z.number(),
-    })),
-  ])),
+  pies: z.array(
+    z.tuple([
+      z.string(), // Library Name
+      z.string(), // Library ID
+      z.number(), // File count
+      z.number(), // Number of transcodes
+      z.number(), // Space saved (in GB)
+      z.number(), // Number of health checks
+      z.array(
+        z.object({
+          // Transcode Status (Pie segments)
+          name: z.string(),
+          value: z.number(),
+        })
+      ),
+      z.array(
+        z.object({
+          // Health Status (Pie segments)
+          name: z.string(),
+          value: z.number(),
+        })
+      ),
+      z.array(
+        z.object({
+          // Video files - Codecs (Pie segments)
+          name: z.string(),
+          value: z.number(),
+        })
+      ),
+      z.array(
+        z.object({
+          // Video files - Containers (Pie segments)
+          name: z.string(),
+          value: z.number(),
+        })
+      ),
+      z.array(
+        z.object({
+          // Video files - Resolutions (Pie segments)
+          name: z.string(),
+          value: z.number(),
+        })
+      ),
+      z.array(
+        z.object({
+          // Audio files - Codecs (Pie segments)
+          name: z.string(),
+          value: z.number(),
+        })
+      ),
+      z.array(
+        z.object({
+          // Audio files - Containers (Pie segments)
+          name: z.string(),
+          value: z.number(),
+        })
+      ),
+    ])
+  ),
 });
 
 export type TdarrPieSegment = {
   name: string;
   value: number;
-}
+};
 
 export type TdarrStatistics = {
   totalFileCount: number;
@@ -91,30 +115,38 @@ export type TdarrStatistics = {
     audioCodecs: TdarrPieSegment[];
     audioContainers: TdarrPieSegment[];
   }[];
-}
+};
 
-const getNodesResponseSchema = z.record(z.string(), z.object({
-  _id: z.string(),
-  nodeName: z.string(),
-  nodePaused: z.boolean(),
-  workers: z.record(z.string(), z.object({
+const getNodesResponseSchema = z.record(
+  z.string(),
+  z.object({
     _id: z.string(),
-    file: z.string(),
-    fps: z.number(),
-    percentage: z.number(),
-    ETA: z.string(),
-    job: z.object({
-      type: z.string(),
-    }),
-    status: z.string(),
-    lastPluginDetails: z.object({
-      number: z.string(),
-    }).optional(),
-    originalfileSizeInGbytes: z.number(),
-    estSize: z.number(),
-    outputFileSizeInGbytes: z.number(),
-  })),
-}));
+    nodeName: z.string(),
+    nodePaused: z.boolean(),
+    workers: z.record(
+      z.string(),
+      z.object({
+        _id: z.string(),
+        file: z.string(),
+        fps: z.number(),
+        percentage: z.number(),
+        ETA: z.string(),
+        job: z.object({
+          type: z.string(),
+        }),
+        status: z.string(),
+        lastPluginDetails: z
+          .object({
+            number: z.string(),
+          })
+          .optional(),
+        originalfileSizeInGbytes: z.number(),
+        estSize: z.number(),
+        outputFileSizeInGbytes: z.number(),
+      })
+    ),
+  })
+);
 
 export type TdarrWorker = {
   id: string;
@@ -128,19 +160,21 @@ export type TdarrWorker = {
   originalSize: number;
   estimatedSize: number;
   outputSize: number;
-}
+};
 
 const getStatusTableSchema = z.object({
-  array: z.array(z.object({
-    _id: z.string(),
-    HealthCheck: z.string(),
-    TranscodeDecisionMaker: z.string(),
-    file: z.string(),
-    file_size: z.number(),
-    container: z.string(),
-    video_codec_name: z.string(),
-    video_resolution: z.string(),
-  })),
+  array: z.array(
+    z.object({
+      _id: z.string(),
+      HealthCheck: z.string(),
+      TranscodeDecisionMaker: z.string(),
+      file: z.string(),
+      file_size: z.number(),
+      container: z.string(),
+      video_codec_name: z.string(),
+      video_resolution: z.string(),
+    })
+  ),
   totalCount: z.number(),
 });
 
@@ -155,11 +189,11 @@ export type TdarrQueue = {
     codec: string;
     resolution: string;
     type: 'transcode' | 'health check';
-  }[],
+  }[];
   totalCount: number;
   startIndex: number;
   endIndex: number;
-}
+};
 
 export const tdarrRouter = createTRPCRouter({
   statistics: publicProcedure
@@ -187,7 +221,7 @@ export const tdarrRouter = createTRPCRouter({
         failedHealthCheckCount: data.table6Count,
         stagedTranscodeCount: data.table1Count,
         stagedHealthCheckCount: data.table4Count,
-        pies: data.pies.map(pie => ({
+        pies: data.pies.map((pie) => ({
           libraryName: pie[0],
           libraryId: pie[1],
           totalFiles: pie[2],
@@ -205,98 +239,59 @@ export const tdarrRouter = createTRPCRouter({
       };
     }),
 
-  workers: publicProcedure
-    .input(inputSchema)
-    .query(async ({ input }): Promise<TdarrWorker[]> => {
-      const app = getTdarrApp(input.appId, input.configName);
-      const appUrl = new URL('api/v2/get-nodes', app.url);
-
-      const res = await axios.get(appUrl.toString());
-      const data = getNodesResponseSchema.parse(res.data);
-
-      const nodes = Object.values(data);
-      const workers = nodes.flatMap(node => {
-        return Object.values(node.workers);
-      });
-
-      return workers.map(worker => ({
-        id: worker._id,
-        file: worker.file,
-        fps: worker.fps,
-        percentage: worker.percentage,
-        ETA: worker.ETA,
-        jobType: worker.job.type,
-        status: worker.status,
-        step: worker.lastPluginDetails?.number ?? '',
-        originalSize: worker.originalfileSizeInGbytes * 1_000_000, // file_size is in MB, convert to bytes,
-        estimatedSize: worker.estSize * 1_000_000, // file_size is in MB, convert to bytes,
-        outputSize: worker.outputFileSizeInGbytes * 1_000_000, // file_size is in MB, convert to bytes,
-      }));
-    }),
-
-  queue: publicProcedure
-    .input(inputSchemeQueue)
-    .query(async ({ input }): Promise<TdarrQueue> => {
-      const app = getTdarrApp(input.appId, input.configName);
-
-      const appUrl = new URL('api/v2/client/status-tables', app.url);
+  workers: publicProcedure.input(inputSchema).query(async ({ input }): Promise<TdarrWorker[]> => {
+    const app = getTdarrApp(input.appId, input.configName);
+    const appUrl = new URL('api/v2/get-nodes', app.url);
 
-      const { page, pageSize, showHealthChecksInQueue } = input;
+    const res = await axios.get(appUrl.toString());
+    const data = getNodesResponseSchema.parse(res.data);
 
-      const firstItemIndex = page * pageSize;
+    const nodes = Object.values(data);
+    const workers = nodes.flatMap((node) => {
+      return Object.values(node.workers);
+    });
 
-      const transcodeQueueBody = {
-        data: {
-          start: firstItemIndex,
-          pageSize: pageSize,
-          filters: [],
-          sorts: [],
-          opts: {
-            table: 'table1',
-          },
+    return workers.map((worker) => ({
+      id: worker._id,
+      file: worker.file,
+      fps: worker.fps,
+      percentage: worker.percentage,
+      ETA: worker.ETA,
+      jobType: worker.job.type,
+      status: worker.status,
+      step: worker.lastPluginDetails?.number ?? '',
+      originalSize: worker.originalfileSizeInGbytes * 1_000_000, // file_size is in MB, convert to bytes,
+      estimatedSize: worker.estSize * 1_000_000, // file_size is in MB, convert to bytes,
+      outputSize: worker.outputFileSizeInGbytes * 1_000_000, // file_size is in MB, convert to bytes,
+    }));
+  }),
+
+  queue: publicProcedure.input(inputSchemeQueue).query(async ({ input }): Promise<TdarrQueue> => {
+    const app = getTdarrApp(input.appId, input.configName);
+
+    const appUrl = new URL('api/v2/client/status-tables', app.url);
+
+    const { page, pageSize, showHealthChecksInQueue } = input;
+
+    const firstItemIndex = page * pageSize;
+
+    const transcodeQueueBody = {
+      data: {
+        start: firstItemIndex,
+        pageSize: pageSize,
+        filters: [],
+        sorts: [],
+        opts: {
+          table: 'table1',
         },
-      };
+      },
+    };
 
-      const transcodeQueueRes = await axios.post(appUrl.toString(), transcodeQueueBody);
-      const transcodeQueueData = getStatusTableSchema.parse(transcodeQueueRes.data);
-
-      const transcodeQueueResult = {
-        array: transcodeQueueData.array.map(item => ({
-          id: item._id,
-          healthCheck: item.HealthCheck,
-          transcode: item.TranscodeDecisionMaker,
-          file: item.file,
-          fileSize: item.file_size * 1_000_000, // file_size is in MB, convert to bytes
-          container: item.container,
-          codec: item.video_codec_name,
-          resolution: item.video_resolution,
-          type: 'transcode' as const,
-        })),
-        totalCount: transcodeQueueData.totalCount,
-        startIndex: firstItemIndex,
-        endIndex: firstItemIndex + transcodeQueueData.array.length - 1
-      };
+    const transcodeQueueRes = await axios.post(appUrl.toString(), transcodeQueueBody);
+    const transcodeQueueData = getStatusTableSchema.parse(transcodeQueueRes.data);
 
-      if (!showHealthChecksInQueue) {
-        return transcodeQueueResult;
-      }
-
-      const healthCheckQueueBody = {
-        data: {
-          start: Math.max(firstItemIndex - transcodeQueueData.totalCount, 0),
-          pageSize: pageSize,
-          filters: [],
-          sorts: [],
-          opts: {
-            table: 'table4',
-          },
-        },
-      };
-
-      const healthCheckQueueRes = await axios.post(appUrl.toString(), healthCheckQueueBody);
-      const healthCheckQueueData = getStatusTableSchema.parse(healthCheckQueueRes.data);
-
-      const healthCheckResultArray = healthCheckQueueData.array.map(item => ({
+    const transcodeQueueResult = {
+      array: transcodeQueueData.array.map((item) => ({
         id: item._id,
         healthCheck: item.HealthCheck,
         transcode: item.TranscodeDecisionMaker,
@@ -305,18 +300,56 @@ export const tdarrRouter = createTRPCRouter({
         container: item.container,
         codec: item.video_codec_name,
         resolution: item.video_resolution,
-        type: 'health check' as const,
-      }))
-
-      const combinedArray = [...transcodeQueueResult.array, ...healthCheckResultArray].slice(0, pageSize);
-
-      return {
-        array: combinedArray,
-        totalCount: transcodeQueueData.totalCount + healthCheckQueueData.totalCount,
-        startIndex: firstItemIndex,
-        endIndex: firstItemIndex + combinedArray.length - 1
-      };
-    }),
+        type: 'transcode' as const,
+      })),
+      totalCount: transcodeQueueData.totalCount,
+      startIndex: firstItemIndex,
+      endIndex: firstItemIndex + transcodeQueueData.array.length - 1,
+    };
+
+    if (!showHealthChecksInQueue) {
+      return transcodeQueueResult;
+    }
+
+    const healthCheckQueueBody = {
+      data: {
+        start: Math.max(firstItemIndex - transcodeQueueData.totalCount, 0),
+        pageSize: pageSize,
+        filters: [],
+        sorts: [],
+        opts: {
+          table: 'table4',
+        },
+      },
+    };
+
+    const healthCheckQueueRes = await axios.post(appUrl.toString(), healthCheckQueueBody);
+    const healthCheckQueueData = getStatusTableSchema.parse(healthCheckQueueRes.data);
+
+    const healthCheckResultArray = healthCheckQueueData.array.map((item) => ({
+      id: item._id,
+      healthCheck: item.HealthCheck,
+      transcode: item.TranscodeDecisionMaker,
+      file: item.file,
+      fileSize: item.file_size * 1_000_000, // file_size is in MB, convert to bytes
+      container: item.container,
+      codec: item.video_codec_name,
+      resolution: item.video_resolution,
+      type: 'health check' as const,
+    }));
+
+    const combinedArray = [...transcodeQueueResult.array, ...healthCheckResultArray].slice(
+      0,
+      pageSize
+    );
+
+    return {
+      array: combinedArray,
+      totalCount: transcodeQueueData.totalCount + healthCheckQueueData.totalCount,
+      startIndex: firstItemIndex,
+      endIndex: firstItemIndex + combinedArray.length - 1,
+    };
+  }),
 });
 
 function getTdarrApp(appId: string, configName: string): ConfigAppType {
diff --git a/src/widgets/index.ts b/src/widgets/index.ts
index 63088f5443e..bd350a328d3 100644
--- a/src/widgets/index.ts
+++ b/src/widgets/index.ts
@@ -39,5 +39,5 @@ export default {
   notebook,
   'smart-home/entity-state': smartHomeEntityState,
   'smart-home/trigger-automation': smartHomeTriggerAutomation,
-  'tdarr-queue': tdarrQueue
+  'tdarr-queue': tdarrQueue,
 };
diff --git a/src/widgets/tdarr/Filename.tsx b/src/widgets/tdarr/Filename.tsx
index 7974feeb03b..8129eeec677 100644
--- a/src/widgets/tdarr/Filename.tsx
+++ b/src/widgets/tdarr/Filename.tsx
@@ -19,4 +19,4 @@ export function Filename(props: FilenameProps) {
       {filename.substring(filename.lastIndexOf('/') + 1)}
     </Text>
   );
-}
\ No newline at end of file
+}
diff --git a/src/widgets/tdarr/HealthCheckStatus.tsx b/src/widgets/tdarr/HealthCheckStatus.tsx
index b64ba32a879..0f552aa21cc 100644
--- a/src/widgets/tdarr/HealthCheckStatus.tsx
+++ b/src/widgets/tdarr/HealthCheckStatus.tsx
@@ -10,8 +10,8 @@ import {
   Text,
 } from '@mantine/core';
 import { IconHeartbeat } from '@tabler/icons-react';
-import { useColorScheme } from '~/hooks/use-colorscheme';
 import { useTranslation } from 'next-i18next';
+import { useColorScheme } from '~/hooks/use-colorscheme';
 import { TdarrStatistics } from '~/server/api/routers/tdarr';
 
 interface StatisticsBadgeProps {
@@ -32,20 +32,28 @@ export function HealthCheckStatus(props: StatisticsBadgeProps) {
     );
   }
 
-  const indicatorColor = statistics.failedHealthCheckCount ? 'red' : statistics.stagedHealthCheckCount ? 'yellow' : 'green';
+  const indicatorColor = statistics.failedHealthCheckCount
+    ? 'red'
+    : statistics.stagedHealthCheckCount
+      ? 'yellow'
+      : 'green';
 
   return (
     <HoverCard position="bottom" width={250} shadow="sm" openDelay={0} closeDelay={0}>
       <HoverCard.Target>
-        <ActionIcon variant="subtle" style={{
-          cursor: 'initial'
-        }}>
-            <Indicator
-              color={textColor(indicatorColor, colorScheme)}
-              size={8}
-              processing={!!statistics.stagedHealthCheckCount}>
-              <IconHeartbeat size={20} />
-            </Indicator>
+        <ActionIcon
+          variant="subtle"
+          style={{
+            cursor: 'initial',
+          }}
+        >
+          <Indicator
+            color={textColor(indicatorColor, colorScheme)}
+            size={8}
+            processing={!!statistics.stagedHealthCheckCount}
+          >
+            <IconHeartbeat size={20} />
+          </Indicator>
         </ActionIcon>
       </HoverCard.Target>
       <HoverCard.Dropdown>
@@ -54,9 +62,11 @@ export function HealthCheckStatus(props: StatisticsBadgeProps) {
             <IconHeartbeat size={18} />
             <Text size="sm">{t(`healthCheckStatus.title`)}</Text>
           </Group>
-          <Divider style={{
-            alignSelf: 'stretch',
-          }} />
+          <Divider
+            style={{
+              alignSelf: 'stretch',
+            }}
+          />
           <RingProgress
             sections={[
               { value: statistics.stagedHealthCheckCount, color: textColor('yellow', colorScheme) },
@@ -66,15 +76,21 @@ export function HealthCheckStatus(props: StatisticsBadgeProps) {
           />
           <Group display="flex" w="100%">
             <Stack style={{ flex: 1 }} spacing={0} align="center">
-              <Text size="xs" color={textColor('yellow', colorScheme)}>{statistics.stagedHealthCheckCount}</Text>
+              <Text size="xs" color={textColor('yellow', colorScheme)}>
+                {statistics.stagedHealthCheckCount}
+              </Text>
               <Text size="xs">{t(`healthCheckStatus.queued`)}</Text>
             </Stack>
             <Stack style={{ flex: 1 }} spacing={0} align="center">
-              <Text size="xs" color={textColor('green', colorScheme)}>{statistics.totalHealthCheckCount}</Text>
+              <Text size="xs" color={textColor('green', colorScheme)}>
+                {statistics.totalHealthCheckCount}
+              </Text>
               <Text size="xs">{t(`healthCheckStatus.healthy`)}</Text>
             </Stack>
             <Stack style={{ flex: 1 }} spacing={0} align="center">
-              <Text size="xs" color={textColor('red', colorScheme)}>{statistics.failedHealthCheckCount}</Text>
+              <Text size="xs" color={textColor('red', colorScheme)}>
+                {statistics.failedHealthCheckCount}
+              </Text>
               <Text size="xs">{t(`healthCheckStatus.unhealthy`)}</Text>
             </Stack>
           </Group>
@@ -86,4 +102,4 @@ export function HealthCheckStatus(props: StatisticsBadgeProps) {
 
 function textColor(color: MantineColor, theme: 'light' | 'dark') {
   return `${color}.${theme === 'light' ? 8 : 5}`;
-}
\ No newline at end of file
+}
diff --git a/src/widgets/tdarr/QueuePanel.tsx b/src/widgets/tdarr/QueuePanel.tsx
index b4d7b5c7ca9..9be57ca4a8e 100644
--- a/src/widgets/tdarr/QueuePanel.tsx
+++ b/src/widgets/tdarr/QueuePanel.tsx
@@ -1,10 +1,10 @@
 import { Center, Group, ScrollArea, Stack, Table, Text, Title, Tooltip } from '@mantine/core';
 import { IconHeartbeat, IconTransform } from '@tabler/icons-react';
-import { Filename } from '~/widgets/tdarr/Filename';
 import { useTranslation } from 'next-i18next';
 import { TdarrQueue } from '~/server/api/routers/tdarr';
-import { WidgetLoading } from '~/widgets/loading';
 import { humanFileSize } from '~/tools/humanFileSize';
+import { WidgetLoading } from '~/widgets/loading';
+import { Filename } from '~/widgets/tdarr/Filename';
 
 interface QueuePanelProps {
   queue: TdarrQueue | undefined;
@@ -18,9 +18,12 @@ export function QueuePanel(props: QueuePanelProps) {
 
   if (isLoading) {
     return (
-      <Stack justify="center" style={{
-        flex: 1,
-      }}>
+      <Stack
+        justify="center"
+        style={{
+          flex: 1,
+        }}
+      >
         <WidgetLoading />
       </Stack>
     );
@@ -28,7 +31,9 @@ export function QueuePanel(props: QueuePanelProps) {
 
   if (!queue) {
     return (
-      <Center style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', flex: '1' }}>
+      <Center
+        style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', flex: '1' }}
+      >
         <Title order={3}>{t('views.queue.table.empty')}</Title>
       </Center>
     );
@@ -38,37 +43,37 @@ export function QueuePanel(props: QueuePanelProps) {
     <ScrollArea style={{ flex: '1' }}>
       <Table style={{ tableLayout: 'fixed' }}>
         <thead>
-        <tr>
-          <th>{t('views.queue.table.header.name')}</th>
-          <th style={{ width: 80 }}>{t('views.queue.table.header.size')}</th>
-        </tr>
+          <tr>
+            <th>{t('views.queue.table.header.name')}</th>
+            <th style={{ width: 80 }}>{t('views.queue.table.header.size')}</th>
+          </tr>
         </thead>
         <tbody>
-        {queue.array.map((item) => (
-          <tr key={item.id}>
-            <td>
-              <Group spacing="xs" noWrap>
-                <div>
-                  {item.type === 'transcode' ? (
-                    <Tooltip label={'Transcode'}>
-                      <IconTransform size={14} />
-                    </Tooltip>
-                  ) : (
-                    <Tooltip label={'Healthcheck'}>
-                      <IconHeartbeat size={14} />
-                    </Tooltip>
-                  )}
-                </div>
-                <Filename filename={item.file} />
-              </Group>
-            </td>
-            <td>
-              <Text size="xs">{humanFileSize(item.fileSize)}</Text>
-            </td>
-          </tr>
-        ))}
+          {queue.array.map((item) => (
+            <tr key={item.id}>
+              <td>
+                <Group spacing="xs" noWrap>
+                  <div>
+                    {item.type === 'transcode' ? (
+                      <Tooltip label={'Transcode'}>
+                        <IconTransform size={14} />
+                      </Tooltip>
+                    ) : (
+                      <Tooltip label={'Healthcheck'}>
+                        <IconHeartbeat size={14} />
+                      </Tooltip>
+                    )}
+                  </div>
+                  <Filename filename={item.file} />
+                </Group>
+              </td>
+              <td>
+                <Text size="xs">{humanFileSize(item.fileSize)}</Text>
+              </td>
+            </tr>
+          ))}
         </tbody>
       </Table>
     </ScrollArea>
   );
-}
\ No newline at end of file
+}
diff --git a/src/widgets/tdarr/StatisticsPanel.tsx b/src/widgets/tdarr/StatisticsPanel.tsx
index e4293d7c4bc..606b2dd7b80 100644
--- a/src/widgets/tdarr/StatisticsPanel.tsx
+++ b/src/widgets/tdarr/StatisticsPanel.tsx
@@ -10,12 +10,17 @@ import {
   Text,
   Title,
 } from '@mantine/core';
+import {
+  IconDatabaseHeart,
+  IconFileDescription,
+  IconHeartbeat,
+  IconTransform,
+} from '@tabler/icons-react';
 import { useTranslation } from 'next-i18next';
-import { WidgetLoading } from '~/widgets/loading';
-import { TdarrPieSegment, TdarrStatistics } from '~/server/api/routers/tdarr';
-import { IconDatabaseHeart, IconFileDescription, IconHeartbeat, IconTransform } from '@tabler/icons-react';
 import { ReactNode } from 'react';
+import { TdarrPieSegment, TdarrStatistics } from '~/server/api/routers/tdarr';
 import { humanFileSize } from '~/tools/humanFileSize';
+import { WidgetLoading } from '~/widgets/loading';
 
 const PIE_COLORS: MantineColor[] = ['cyan', 'grape', 'gray', 'orange', 'pink'];
 
@@ -31,19 +36,24 @@ export function StatisticsPanel(props: StatisticsPanelProps) {
 
   if (isLoading) {
     return (
-      <Stack justify="center" style={{
-        flex: 1,
-      }}>
+      <Stack
+        justify="center"
+        style={{
+          flex: 1,
+        }}
+      >
         <WidgetLoading />
       </Stack>
     );
   }
 
-  const allLibs = statistics?.pies.find(pie => pie.libraryName === "All");
+  const allLibs = statistics?.pies.find((pie) => pie.libraryName === 'All');
 
   if (!statistics || !allLibs) {
     return (
-      <Center style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', flex: '1' }}>
+      <Center
+        style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', flex: '1' }}
+      >
         <Title order={3}>{t('views.statistics.empty')}</Title>
       </Center>
     );
@@ -51,14 +61,16 @@ export function StatisticsPanel(props: StatisticsPanelProps) {
 
   return (
     <Stack style={{ flex: '1' }}>
-      <Group style={{
-        flex: 1,
-      }} position="apart" align="center" noWrap>
+      <Group
+        style={{
+          flex: 1,
+        }}
+        position="apart"
+        align="center"
+        noWrap
+      >
         <Stack align="center" spacing={0}>
-          <RingProgress
-            size={120}
-            sections={allLibs.transcodeStatus.map(toRingProgressSection)}
-          />
+          <RingProgress size={120} sections={allLibs.transcodeStatus.map(toRingProgressSection)} />
           <Text size="xs">{t('views.statistics.pies.transcodes')}</Text>
         </Stack>
         <Grid gutter="xs">
@@ -66,25 +78,29 @@ export function StatisticsPanel(props: StatisticsPanelProps) {
             <StatBox
               icon={<IconTransform size={18} />}
               label={t('views.statistics.box.transcodes')}
-              value={statistics.totalTranscodeCount} />
+              value={statistics.totalTranscodeCount}
+            />
           </Grid.Col>
           <Grid.Col span={6}>
             <StatBox
               icon={<IconHeartbeat size={18} />}
               label={t('views.statistics.box.healthChecks')}
-              value={statistics.totalHealthCheckCount} />
+              value={statistics.totalHealthCheckCount}
+            />
           </Grid.Col>
           <Grid.Col span={6}>
             <StatBox
               icon={<IconFileDescription size={18} />}
               label={t('views.statistics.box.files')}
-              value={statistics.totalFileCount} />
+              value={statistics.totalFileCount}
+            />
           </Grid.Col>
           <Grid.Col span={6}>
             <StatBox
               icon={<IconDatabaseHeart size={18} />}
               label={t('views.statistics.box.spaceSaved')}
-              value={allLibs?.savedSpace ? humanFileSize(allLibs.savedSpace) : '-'} />
+              value={allLibs?.savedSpace ? humanFileSize(allLibs.savedSpace) : '-'}
+            />
           </Grid.Col>
         </Grid>
         <Stack align="center" spacing={0}>
@@ -95,28 +111,24 @@ export function StatisticsPanel(props: StatisticsPanelProps) {
           <Text size="xs">{t('views.statistics.pies.healthChecks')}</Text>
         </Stack>
       </Group>
-      <Group style={{
-        flex: 1,
-      }} position="apart" align="center" noWrap>
+      <Group
+        style={{
+          flex: 1,
+        }}
+        position="apart"
+        align="center"
+        noWrap
+      >
         <Stack align="center" spacing={0}>
-          <RingProgress
-            size={120}
-            sections={allLibs.videoCodecs.map(toRingProgressSection)}
-          />
+          <RingProgress size={120} sections={allLibs.videoCodecs.map(toRingProgressSection)} />
           <Text size="xs">{t('views.statistics.pies.videoCodecs')}</Text>
         </Stack>
         <Stack align="center" spacing={0}>
-          <RingProgress
-            size={120}
-            sections={allLibs.videoContainers.map(toRingProgressSection)}
-          />
+          <RingProgress size={120} sections={allLibs.videoContainers.map(toRingProgressSection)} />
           <Text size="xs">{t('views.statistics.pies.videoContainers')}</Text>
         </Stack>
         <Stack align="center" spacing={0}>
-          <RingProgress
-            size={120}
-            sections={allLibs.videoResolutions.map(toRingProgressSection)}
-          />
+          <RingProgress size={120} sections={allLibs.videoResolutions.map(toRingProgressSection)} />
           <Text size="xs">{t('views.statistics.pies.videoResolutions')}</Text>
         </Stack>
       </Group>
@@ -124,33 +136,40 @@ export function StatisticsPanel(props: StatisticsPanelProps) {
   );
 }
 
-function toRingProgressSection(segment: TdarrPieSegment, index: number): RingProgressProps["sections"][number] {
+function toRingProgressSection(
+  segment: TdarrPieSegment,
+  index: number
+): RingProgressProps['sections'][number] {
   return {
     value: segment.value,
     tooltip: `${segment.name}: ${segment.value}`,
-    color: PIE_COLORS[index % PIE_COLORS.length] // Ensures a valid color in the case that index > PIE_COLORS.length
-  }
+    color: PIE_COLORS[index % PIE_COLORS.length], // Ensures a valid color in the case that index > PIE_COLORS.length
+  };
 }
 
 type StatBoxProps = {
   icon: ReactNode;
   label: string;
   value: number | string;
-}
+};
 
 function StatBox(props: StatBoxProps) {
   const { icon, label, value } = props;
   return (
-    <Box sx={theme => ({
-      padding: theme.spacing.xs,
-      border: '1px solid',
-      borderRadius: theme.radius.md,
-      borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[1],
-    })}>
+    <Box
+      sx={(theme) => ({
+        padding: theme.spacing.xs,
+        border: '1px solid',
+        borderRadius: theme.radius.md,
+        borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[1],
+      })}
+    >
       <Stack spacing="xs" align="center">
         {icon}
-        <Text size="xs">{label} {value}</Text>
+        <Text size="xs">
+          {label} {value}
+        </Text>
       </Stack>
     </Box>
   );
-}
\ No newline at end of file
+}
diff --git a/src/widgets/tdarr/TdarrQueueTile.tsx b/src/widgets/tdarr/TdarrQueueTile.tsx
index f90e952eac6..a994b871945 100644
--- a/src/widgets/tdarr/TdarrQueueTile.tsx
+++ b/src/widgets/tdarr/TdarrQueueTile.tsx
@@ -12,20 +12,25 @@ import {
   Title,
   Tooltip,
 } from '@mantine/core';
-import { IconAlertCircle, IconClipboardList, IconCpu2, IconReportAnalytics } from '@tabler/icons-react';
+import {
+  IconAlertCircle,
+  IconClipboardList,
+  IconCpu2,
+  IconReportAnalytics,
+} from '@tabler/icons-react';
 import { useTranslation } from 'next-i18next';
+import { useState } from 'react';
+import { z } from 'zod';
+import { AppAvatar } from '~/components/AppAvatar';
 import { useConfigContext } from '~/config/provider';
-
-import { defineWidget } from '../helper';
-import { IWidget } from '../widgets';
 import { api } from '~/utils/api';
-import { AppAvatar } from '~/components/AppAvatar';
 import { HealthCheckStatus } from '~/widgets/tdarr/HealthCheckStatus';
-import { useState } from 'react';
-import { z } from 'zod';
-import { WorkersPanel } from '~/widgets/tdarr/WorkersPanel';
 import { QueuePanel } from '~/widgets/tdarr/QueuePanel';
 import { StatisticsPanel } from '~/widgets/tdarr/StatisticsPanel';
+import { WorkersPanel } from '~/widgets/tdarr/WorkersPanel';
+
+import { defineWidget } from '../helper';
+import { IWidget } from '../widgets';
 
 const definition = defineWidget({
   id: 'tdarr-queue',
@@ -90,33 +95,45 @@ function TdarrQueueTile({ widget }: TdarrQueueTileProps) {
   const { t } = useTranslation('modules/tdarr-queue');
   const { config, name: configName } = useConfigContext();
 
-  const app = config?.apps.find(app => app.id === widget.properties.appId);
-  const { defaultView, showHealthCheck, showHealthChecksInQueue, queuePageSize, showAppIcon } = widget.properties;
+  const app = config?.apps.find((app) => app.id === widget.properties.appId);
+  const { defaultView, showHealthCheck, showHealthChecksInQueue, queuePageSize, showAppIcon } =
+    widget.properties;
 
-  const [view, setView] = useState<'workers' | 'queue' | 'statistics'>(viewSchema.parse(defaultView));
+  const [view, setView] = useState<'workers' | 'queue' | 'statistics'>(
+    viewSchema.parse(defaultView)
+  );
 
   const [page, setPage] = useState(1);
 
-  const workers = api.tdarr.workers.useQuery({
-    appId: app?.id!,
-    configName: configName!,
-  }, { enabled: !!app?.id && !!configName, refetchInterval: 2000 });
+  const workers = api.tdarr.workers.useQuery(
+    {
+      appId: app?.id!,
+      configName: configName!,
+    },
+    { enabled: !!app?.id && !!configName, refetchInterval: 2000 }
+  );
 
-  const statistics = api.tdarr.statistics.useQuery({
-    appId: app?.id!,
-    configName: configName!,
-  }, { enabled: !!app?.id && !!configName, refetchInterval: 10000 });
+  const statistics = api.tdarr.statistics.useQuery(
+    {
+      appId: app?.id!,
+      configName: configName!,
+    },
+    { enabled: !!app?.id && !!configName, refetchInterval: 10000 }
+  );
 
-  const queue = api.tdarr.queue.useQuery({
-    appId: app?.id!,
-    configName: configName!,
-    pageSize: queuePageSize,
-    page: page - 1,
-    showHealthChecksInQueue,
-  }, {
-    enabled: !!app?.id && !!configName,
-    refetchInterval: 2000,
-  });
+  const queue = api.tdarr.queue.useQuery(
+    {
+      appId: app?.id!,
+      configName: configName!,
+      pageSize: queuePageSize,
+      page: page - 1,
+      showHealthChecksInQueue,
+    },
+    {
+      enabled: !!app?.id && !!configName,
+      refetchInterval: 2000,
+    }
+  );
 
   if (statistics.isError || workers.isError || queue.isError) {
     return (
@@ -153,9 +170,12 @@ function TdarrQueueTile({ widget }: TdarrQueueTileProps) {
 
   if (!app) {
     return (
-      <Stack justify="center" style={{
-        height: '100%',
-      }}>
+      <Stack
+        justify="center"
+        style={{
+          height: '100%',
+        }}
+      >
         <Center style={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
           <Title order={3}>{t('noAppSelected')}</Title>
         </Center>
@@ -187,7 +207,9 @@ function TdarrQueueTile({ widget }: TdarrQueueTileProps) {
               label: (
                 <Center>
                   <IconCpu2 size={18} />
-                  <Text size="xs" ml={8}>{t('tabs.workers', { count1: workers.data?.length ?? '?' })}</Text>
+                  <Text size="xs" ml={8}>
+                    {t('tabs.workers', { count1: workers.data?.length ?? '?' })}
+                  </Text>
                 </Center>
               ),
               value: 'workers',
@@ -196,7 +218,9 @@ function TdarrQueueTile({ widget }: TdarrQueueTileProps) {
               label: (
                 <Center>
                   <IconClipboardList size={18} />
-                  <Text size="xs" ml={8}>{t('tabs.queue', { count1: workers.data?.length ?? '?' })}</Text>
+                  <Text size="xs" ml={8}>
+                    {t('tabs.queue', { count1: workers.data?.length ?? '?' })}
+                  </Text>
                 </Center>
               ),
               value: 'queue',
@@ -205,24 +229,21 @@ function TdarrQueueTile({ widget }: TdarrQueueTileProps) {
               label: (
                 <Center>
                   <IconReportAnalytics size={18} />
-                  <Text size="xs" ml={8}>{t('tabs.statistics', { count1: workers.data?.length ?? '?' })}</Text>
+                  <Text size="xs" ml={8}>
+                    {t('tabs.statistics', { count1: workers.data?.length ?? '?' })}
+                  </Text>
                 </Center>
               ),
               value: 'statistics',
             },
           ]}
           value={view}
-          onChange={value => setView(viewSchema.parse(value))}
+          onChange={(value) => setView(viewSchema.parse(value))}
           size="xs"
         />
         {view === 'queue' && !!queue.data && (
           <>
-            <Pagination.Root
-              total={totalQueuePages}
-              value={page}
-              onChange={setPage}
-              size="sm"
-            >
+            <Pagination.Root total={totalQueuePages} value={page} onChange={setPage} size="sm">
               <Group spacing={5} position="center">
                 <Pagination.First disabled={page === 1} />
                 <Pagination.Previous disabled={page === 1} />
@@ -230,19 +251,22 @@ function TdarrQueueTile({ widget }: TdarrQueueTileProps) {
                 <Pagination.Last disabled={page === totalQueuePages} />
               </Group>
             </Pagination.Root>
-            <Text size="xs">{t('views.queue.table.footer.currentIndex', {
-              start: queue.data.startIndex + 1,
-              end: queue.data.endIndex + 1,
-              total: queue.data.totalCount,
-            })}</Text>
+            <Text size="xs">
+              {t('views.queue.table.footer.currentIndex', {
+                start: queue.data.startIndex + 1,
+                end: queue.data.endIndex + 1,
+                total: queue.data.totalCount,
+              })}
+            </Text>
           </>
         )}
-        <Group spacing="xs" style={{
-          marginLeft: 'auto',
-        }}>
-          {showHealthCheck && statistics.data && (
-            <HealthCheckStatus statistics={statistics.data} />
-          )}
+        <Group
+          spacing="xs"
+          style={{
+            marginLeft: 'auto',
+          }}
+        >
+          {showHealthCheck && statistics.data && <HealthCheckStatus statistics={statistics.data} />}
           {showAppIcon && (
             <Tooltip label={app.name}>
               <div>
diff --git a/src/widgets/tdarr/WorkersPanel.tsx b/src/widgets/tdarr/WorkersPanel.tsx
index 41c71ce841f..ab6d8af4328 100644
--- a/src/widgets/tdarr/WorkersPanel.tsx
+++ b/src/widgets/tdarr/WorkersPanel.tsx
@@ -1,9 +1,19 @@
-import { Center, Group, Progress, ScrollArea, Stack, Table, Text, Title, Tooltip } from '@mantine/core';
+import {
+  Center,
+  Group,
+  Progress,
+  ScrollArea,
+  Stack,
+  Table,
+  Text,
+  Title,
+  Tooltip,
+} from '@mantine/core';
 import { IconHeartbeat, IconTransform } from '@tabler/icons-react';
-import { Filename } from '~/widgets/tdarr/Filename';
 import { useTranslation } from 'next-i18next';
 import { TdarrWorker } from '~/server/api/routers/tdarr';
 import { WidgetLoading } from '~/widgets/loading';
+import { Filename } from '~/widgets/tdarr/Filename';
 
 interface WorkersPanelProps {
   workers: TdarrWorker[] | undefined;
@@ -17,9 +27,12 @@ export function WorkersPanel(props: WorkersPanelProps) {
 
   if (isLoading) {
     return (
-      <Stack justify="center" style={{
-        flex: 1,
-      }}>
+      <Stack
+        justify="center"
+        style={{
+          flex: 1,
+        }}
+      >
         <WidgetLoading />
       </Stack>
     );
@@ -27,7 +40,9 @@ export function WorkersPanel(props: WorkersPanelProps) {
 
   if (!workers?.length) {
     return (
-      <Center style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', flex: '1' }}>
+      <Center
+        style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', flex: '1' }}
+      >
         <Title order={3}>{t('views.workers.table.empty')}</Title>
       </Center>
     );
@@ -37,58 +52,61 @@ export function WorkersPanel(props: WorkersPanelProps) {
     <ScrollArea style={{ flex: '1' }}>
       <Table style={{ tableLayout: 'fixed' }}>
         <thead>
-        <tr>
-          <th>{t('views.workers.table.header.name')}</th>
-          <th style={{ width: 60 }}>{t('views.workers.table.header.eta')}</th>
-          <th style={{ width: 175 }}>{t('views.workers.table.header.progress')}</th>
-        </tr>
+          <tr>
+            <th>{t('views.workers.table.header.name')}</th>
+            <th style={{ width: 60 }}>{t('views.workers.table.header.eta')}</th>
+            <th style={{ width: 175 }}>{t('views.workers.table.header.progress')}</th>
+          </tr>
         </thead>
         <tbody>
-        {workers.map((worker) => (
-          <tr key={worker.id}>
-            <td>
-              <Group spacing="xs" noWrap>
-                <div>
-                  {worker.jobType === 'transcode' ? (
-                    <Tooltip label={'Transcode'}>
-                      <IconTransform size={14} />
-                    </Tooltip>
-                  ) : (
-                    <Tooltip label={'Healthcheck'}>
-                      <IconHeartbeat size={14} />
-                    </Tooltip>
-                  )}
-                </div>
-                <Filename filename={worker.file} />
-              </Group>
-            </td>
-            <td>
-              <Text size="xs">{worker.ETA.startsWith('0:') ? worker.ETA.substring(2) : worker.ETA}</Text>
-            </td>
-            <td>
-              <Group noWrap>
-                <Text size="xs">{worker.step}</Text>
-                <Progress
-                  value={worker.percentage}
-                  label={`${Math.round(worker.percentage)}%`}
-                  size="xl"
-                  radius="xl"
-                  style={{
-                    flex: 1,
-                  }}
-                  styles={{
-                    label: {
-                      position: 'absolute',
-                      right: worker.percentage < 40 ? '-10px' : '10px',
-                      transform: worker.percentage < 40 ? 'translateX(100%)' : 'translateX(0)',
-                    },
-                  }} />
-              </Group>
-            </td>
-          </tr>
-        ))}
+          {workers.map((worker) => (
+            <tr key={worker.id}>
+              <td>
+                <Group spacing="xs" noWrap>
+                  <div>
+                    {worker.jobType === 'transcode' ? (
+                      <Tooltip label={'Transcode'}>
+                        <IconTransform size={14} />
+                      </Tooltip>
+                    ) : (
+                      <Tooltip label={'Healthcheck'}>
+                        <IconHeartbeat size={14} />
+                      </Tooltip>
+                    )}
+                  </div>
+                  <Filename filename={worker.file} />
+                </Group>
+              </td>
+              <td>
+                <Text size="xs">
+                  {worker.ETA.startsWith('0:') ? worker.ETA.substring(2) : worker.ETA}
+                </Text>
+              </td>
+              <td>
+                <Group noWrap>
+                  <Text size="xs">{worker.step}</Text>
+                  <Progress
+                    value={worker.percentage}
+                    label={`${Math.round(worker.percentage)}%`}
+                    size="xl"
+                    radius="xl"
+                    style={{
+                      flex: 1,
+                    }}
+                    styles={{
+                      label: {
+                        position: 'absolute',
+                        right: worker.percentage < 40 ? '-10px' : '10px',
+                        transform: worker.percentage < 40 ? 'translateX(100%)' : 'translateX(0)',
+                      },
+                    }}
+                  />
+                </Group>
+              </td>
+            </tr>
+          ))}
         </tbody>
       </Table>
     </ScrollArea>
   );
-}
\ No newline at end of file
+}
diff --git a/src/widgets/widgets.ts b/src/widgets/widgets.ts
index 24049b8f5a6..392ef9c3f96 100644
--- a/src/widgets/widgets.ts
+++ b/src/widgets/widgets.ts
@@ -8,9 +8,9 @@ import {
 } from '@mantine/core';
 import { Icon } from '@tabler/icons-react';
 import React from 'react';
+import { IntegrationType } from '~/types/app';
 import { AreaType } from '~/types/area';
 import { ShapeType } from '~/types/shape';
-import { IntegrationType } from '~/types/app';
 
 // Type of widgets which are saved to config
 export type IWidget<TKey extends string, TDefinition extends IWidgetDefinition> = {