init

src/app/dashboard/crm/settings/document-sequences/page.tsx

@@ -0,0 +1,21 @@
+import { HydrationBoundary, dehydrate } from '@tanstack/react-query';
+import PageContainer from '@/components/layout/page-container';
+import { crmReferenceQueryOptions } from '@/features/crm/api/queries';
+import { DocumentSequencesPage } from '@/features/crm/components/settings-page';
+import { getQueryClient } from '@/lib/query-client';
+
+export default function DocumentSequencesRoute() {
+  const queryClient = getQueryClient();
+  void queryClient.prefetchQuery(crmReferenceQueryOptions());
+
+  return (
+    <PageContainer
+      pageTitle='Document Sequences'
+      pageDescription='Mock document sequence แยกตาม branch และ document type'
+    >
+      <HydrationBoundary state={dehydrate(queryClient)}>
+        <DocumentSequencesPage />
+      </HydrationBoundary>
+    </PageContainer>
+  );
+}