task-b

task-b.1
complere

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

@@ -1,21 +1,23 @@
-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';
+import { CrmProductionPlaceholder } from '@/features/foundation/components/crm-production-placeholder';
 
 export default function DocumentSequencesRoute() {
-  const queryClient = getQueryClient();
-  void queryClient.prefetchQuery(crmReferenceQueryOptions());
-
   return (
     <PageContainer
       pageTitle='Document Sequences'
-      pageDescription='Mock document sequence แยกตาม branch และ document type'
+      pageDescription='The sequence foundation is ready, but a production management UI has not been introduced yet.'
     >
-      <HydrationBoundary state={dehydrate(queryClient)}>
-        <DocumentSequencesPage />
-      </HydrationBoundary>
+      <CrmProductionPlaceholder
+        title='Document sequence UI pending'
+        summary='Sequence generation now exists in the foundation layer, but the old mock settings page has been isolated to the demo route.'
+        foundationItems={[
+          'Preview and generate sequence helpers',
+          'Organization-scoped sequence table',
+          'Branch-aware sequence support'
+        ]}
+        nextStep='Add a production management page only when the product requires editable sequence settings.'
+        demoHref='/dashboard/crm-demo/settings/document-sequences'
+      />
     </PageContainer>
   );
 }