+ );
+}
diff --git a/apps/backoffice/src/pages/Providers.tsx b/apps/backoffice/src/pages/Providers.tsx
new file mode 100644
index 0000000..f9cc4cf
--- /dev/null
+++ b/apps/backoffice/src/pages/Providers.tsx
@@ -0,0 +1,144 @@
+import { keepPreviousData, useQuery } from '@tanstack/react-query';
+import { useTRPC } from '@barev/web';
+import { useEffect, useState } from 'react';
+import type { Me } from '../App.tsx';
+import { useT } from '../i18n.tsx';
+import { Avatar, I, Skeleton } from '../components/kit.tsx';
+import { ProviderForm } from './ProviderCard.tsx';
+
+type Status = 'active' | 'blocked' | 'all';
+const ROLES = ['CLEANER', 'HANDYMAN', 'DRIVER', 'TEACHER', 'CAREER_CONSULTANT', 'DOCS_AGENT'] as const;
+
+export function Providers({ me }: { me: Me }) {
+ const { t, shared, dateTime } = useT();
+ const trpc = useTRPC();
+ const [status, setStatus] = useState