diff --git a/apps/webui/src/domains/recorder/graphql/subscriptions.ts b/apps/webui/src/domains/recorder/graphql/subscriptions.ts
index dd4a60e..2b9a479 100644
--- a/apps/webui/src/domains/recorder/graphql/subscriptions.ts
+++ b/apps/webui/src/domains/recorder/graphql/subscriptions.ts
@@ -1,3 +1,4 @@
+import type { GetSubscriptionsQuery } from '@/infra/graphql/gql/graphql';
 import { gql } from '@apollo/client';
 
 export const GET_SUBSCRIPTIONS = gql`
@@ -24,6 +25,9 @@ export const GET_SUBSCRIPTIONS = gql`
   }
 `;
 
+export type SubscriptionDto =
+  GetSubscriptionsQuery['subscriptions']['nodes'][number];
+
 export const UPDATE_SUBSCRIPTIONS = gql`
     mutation UpdateSubscriptions(
     $data: SubscriptionsUpdateInput!,
diff --git a/apps/webui/src/presentation/routes/_app/subscriptions/manage.tsx b/apps/webui/src/presentation/routes/_app/subscriptions/manage.tsx
index c249ed5..a8e0884 100644
--- a/apps/webui/src/presentation/routes/_app/subscriptions/manage.tsx
+++ b/apps/webui/src/presentation/routes/_app/subscriptions/manage.tsx
@@ -11,6 +11,12 @@ import {
   TableHeader,
   TableRow,
 } from '@/components/ui/table';
+import {
+  DELETE_SUBSCRIPTIONS,
+  GET_SUBSCRIPTIONS,
+  type SubscriptionDto,
+  UPDATE_SUBSCRIPTIONS,
+} from '@/domains/recorder/graphql/subscriptions';
 import type {
   GetSubscriptionsQuery,
   SubscriptionsUpdateInput,
@@ -35,12 +41,6 @@ import {
 import { useMemo, useState } from 'react';
 import { toast } from 'sonner';
 import { DataTableRowActions } from '../../../../components/ui/data-table-row-actions';
-import {
-  DELETE_SUBSCRIPTIONS,
-  GET_SUBSCRIPTIONS,
-  type SubscriptionDto,
-  UPDATE_SUBSCRIPTIONS,
-} from '../../../../domains/recorder/graphql/subscriptions.js';
 
 export const Route = createFileRoute('/_app/subscriptions/manage')({
   component: SubscriptionManageRouteComponent,