Merge branch 'dynamic-data-table' into dujinkim

30 files changed, 168 insertions, 2021 deletions

diff --git a/app/[lng]/evcp/(evcp)/(not-used)/b-rfq/[id]/final/page.tsx b/app/[lng]/evcp/(evcp)/(not-used)/b-rfq/[id]/final/page.tsx
deleted file mode 100644
index d50ec03d..00000000
--- a/app/[lng]/evcp/(evcp)/(not-used)/b-rfq/[id]/final/page.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import { Separator } from "@/components/ui/separator"
-import { type SearchParams } from "@/types/table"
-import { getValidFilters } from "@/lib/data-table"
-import { getFinalRfqDetail } from "@/lib/b-rfq/service"
-import { searchParamsFinalRfqDetailCache } from "@/lib/b-rfq/validations"
-import { FinalRfqDetailTable } from "@/lib/b-rfq/final/final-rfq-detail-table"
-
-interface IndexPageProps {
-  // Next.js 13 App Router에서 기본으로 주어지는 객체들
-  params: {
-    lng: string
-    id: string
-  }
-  searchParams: Promise<SearchParams>
-}
-
-export default async function RfqPage(props: IndexPageProps) {
-  const resolvedParams = await props.params
-  const lng = resolvedParams.lng
-  const id = resolvedParams.id
-
-  const idAsNumber = Number(id)
-
-  // 2) SearchParams 파싱 (Zod)
-  //    - "filters", "page", "perPage", "sort" 등 contact 전용 컬럼
-  const searchParams = await props.searchParams
-  const search = searchParamsFinalRfqDetailCache.parse(searchParams)
-  const validFilters = getValidFilters(search.filters)
-
-  const promises = getFinalRfqDetail({
-    ...search,
-    filters: validFilters,
-  }, idAsNumber) 
-  
-  // 4) 렌더링
-  return (
-    <div className="space-y-6">
-      <div>
-        <h3 className="text-lg font-medium">
-        Fianl RFQ List
-        </h3>
-        <p className="text-sm text-muted-foreground">
-        업체에게 최종 RFQ를 송부하는 화면입니다.
-        </p>
-      </div>
-      <Separator />
-      <div>
-        <FinalRfqDetailTable promises={promises} rfqId={idAsNumber}/>
-      </div>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/app/[lng]/evcp/(evcp)/(not-used)/b-rfq/[id]/initial/page.tsx b/app/[lng]/evcp/(evcp)/(not-used)/b-rfq/[id]/initial/page.tsx
deleted file mode 100644
index 1af65fbc..00000000
--- a/app/[lng]/evcp/(evcp)/(not-used)/b-rfq/[id]/initial/page.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import { Separator } from "@/components/ui/separator"
-import { type SearchParams } from "@/types/table"
-import { getValidFilters } from "@/lib/data-table"
-import { InitialRfqDetailTable } from "@/lib/b-rfq/initial/initial-rfq-detail-table"
-import { getInitialRfqDetail } from "@/lib/b-rfq/service"
-import { searchParamsInitialRfqDetailCache } from "@/lib/b-rfq/validations"
-
-interface IndexPageProps {
-  // Next.js 13 App Router에서 기본으로 주어지는 객체들
-  params: {
-    lng: string
-    id: string
-  }
-  searchParams: Promise<SearchParams>
-}
-
-export default async function RfqPage(props: IndexPageProps) {
-  const resolvedParams = await props.params
-  const lng = resolvedParams.lng
-  const id = resolvedParams.id
-
-  const idAsNumber = Number(id)
-
-  // 2) SearchParams 파싱 (Zod)
-  //    - "filters", "page", "perPage", "sort" 등 contact 전용 컬럼
-  const searchParams = await props.searchParams
-  const search = searchParamsInitialRfqDetailCache.parse(searchParams)
-  const validFilters = getValidFilters(search.filters)
-
-  const promises = getInitialRfqDetail({
-    ...search,
-    filters: validFilters,
-  }, idAsNumber) 
-  
-  // 4) 렌더링
-  return (
-    <div className="space-y-6">
-      <div>
-        <h3 className="text-lg font-medium">
-        Initial RFQ List
-        </h3>
-        <p className="text-sm text-muted-foreground">
-        설계로부터 받은 RFQ 문서와 구매 RFQ 문서 및 사전 계약자료를 Vendor에 발송하기 위한 RFQ 생성 및 관리하는 화면입니다.
-        </p>
-      </div>
-      <Separator />
-      <div>
-        <InitialRfqDetailTable promises={promises} rfqId={idAsNumber}/>
-      </div>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/app/[lng]/evcp/(evcp)/(not-used)/b-rfq/[id]/layout.tsx b/app/[lng]/evcp/(evcp)/(not-used)/b-rfq/[id]/layout.tsx
deleted file mode 100644
index d6836437..00000000
--- a/app/[lng]/evcp/(evcp)/(not-used)/b-rfq/[id]/layout.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import { Metadata } from "next"
-import Link from "next/link"
-import { Separator } from "@/components/ui/separator"
-import { SidebarNav } from "@/components/layout/sidebar-nav"
-import { formatDate } from "@/lib/utils"
-import { Button } from "@/components/ui/button"
-import { ArrowLeft } from "lucide-react"
-import { RfqDashboardView } from "@/db/schema"
-import { findBRfqById } from "@/lib/b-rfq/service"
-
-export const metadata: Metadata = {
-  title: "견적 RFQ 상세",
-}
-
-export default async function RfqLayout({
-  children,
-  params,
-}: {
-  children: React.ReactNode
-  params: { lng: string, id: string }
-}) {
-
-  // 1) URL 파라미터에서 id 추출, Number로 변환
-  const resolvedParams = await params
-  const lng = resolvedParams.lng
-  const id = resolvedParams.id
-
-  const idAsNumber = Number(id)
-  // 2) DB에서 해당 협력업체 정보 조회
-  const rfq: RfqDashboardView | null = await findBRfqById(idAsNumber)
-
-  // 3) 사이드바 메뉴
-  const sidebarNavItems = [
-    {
-      title: "견적/입찰 문서관리",
-      href: `/${lng}/evcp/b-rfq/${id}`,
-    },
-    {
-      title: "Initial RFQ 발송",
-      href: `/${lng}/evcp/b-rfq/${id}/initial`,
-    },
-    {
-      title: "Final RFQ 발송",
-      href: `/${lng}/evcp/b-rfq/${id}/final`,
-    },
-
-  ]
-
-  return (
-    <>
-      <div className="container py-6">
-        <section className="overflow-hidden rounded-[0.5rem] border bg-background shadow">
-          <div className="hidden space-y-6 p-10 pb-16 md:block">
-          <div className="flex items-center justify-end mb-4">
-              <Link href={`/${lng}/evcp/b-rfq`} passHref>
-                <Button variant="ghost" className="flex items-center text-primary hover:text-primary/80 transition-colors p-0 h-auto">
-                  <ArrowLeft className="mr-1 h-4 w-4" />
-                  <span>RFQ 목록으로 돌아가기</span>
-                </Button>
-              </Link>
-            </div>
-            <div className="space-y-0.5">
-              {/* 4) 협력업체 정보가 있으면 코드 + 이름 + "상세 정보" 표기 */}
-              <h2 className="text-2xl font-bold tracking-tight">
-                {rfq
-                  ? `${rfq.rfqCode ?? ""} | ${rfq.packageNo ?? ""} | ${rfq.packageName ?? ""}`
-                  : "Loading RFQ..."}
-              </h2>
-         
-              <p className="text-muted-foreground">
-              PR발행 전 RFQ를 생성하여 관리하는 화면입니다.
-              </p>
-              <h3>Due Date:{rfq && rfq?.dueDate && <strong>{formatDate(rfq?.dueDate, "KR")}</strong>}</h3>
-            </div>
-            <Separator className="my-6" />
-            <div className="flex flex-col space-y-8 lg:flex-row lg:space-x-12 lg:space-y-0">
-            <aside className="lg:w-64 flex-shrink-0">
-            <SidebarNav items={sidebarNavItems} />
-              </aside>
-              <div className="lg:w-[calc(100%-16rem)] overflow-auto">{children}</div>
-              </div>
-          </div>
-        </section>
-      </div>
-    </>
-  )
-}
\ No newline at end of file
diff --git a/app/[lng]/evcp/(evcp)/(not-used)/b-rfq/[id]/page.tsx b/app/[lng]/evcp/(evcp)/(not-used)/b-rfq/[id]/page.tsx
deleted file mode 100644
index 26dc45fb..00000000
--- a/app/[lng]/evcp/(evcp)/(not-used)/b-rfq/[id]/page.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import { Separator } from "@/components/ui/separator"
-import { type SearchParams } from "@/types/table"
-import { getValidFilters } from "@/lib/data-table"
-import { searchParamsRfqAttachmentsCache } from "@/lib/b-rfq/validations"
-import { getRfqAttachments } from "@/lib/b-rfq/service"
-import { RfqAttachmentsTable } from "@/lib/b-rfq/attachment/attachment-table"
-
-interface IndexPageProps {
-  // Next.js 13 App Router에서 기본으로 주어지는 객체들
-  params: {
-    lng: string
-    id: string
-  }
-  searchParams: Promise<SearchParams>
-}
-
-export default async function RfqPage(props: IndexPageProps) {
-  const resolvedParams = await props.params
-  const lng = resolvedParams.lng
-  const id = resolvedParams.id
-
-  const idAsNumber = Number(id)
-
-
-  // 2) SearchParams 파싱 (Zod)
-  //    - "filters", "page", "perPage", "sort" 등 contact 전용 컬럼
-  const searchParams = await props.searchParams
-  const search = searchParamsRfqAttachmentsCache.parse(searchParams)
-  const validFilters = getValidFilters(search.filters)
-
-  const promises = getRfqAttachments({
-    ...search,
-    filters: validFilters,
-  }, idAsNumber)
-
-  // 4) 렌더링
-  return (
-    <div className="space-y-6">
-      <div>
-        <h3 className="text-lg font-medium">
-          견적 RFQ 문서관리
-        </h3>
-        <p className="text-sm text-muted-foreground">
-          설계로부터 받은 RFQ 문서와 구매 RFQ 문서를 관리하고 Vendor 회신을 점검/관리하는 화면입니다.
-        </p>
-      </div>
-      <Separator />
-      <div>
-        <RfqAttachmentsTable promises={promises} rfqId={idAsNumber} />
-      </div>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/app/[lng]/evcp/(evcp)/(not-used)/b-rfq/page.tsx b/app/[lng]/evcp/(evcp)/(not-used)/b-rfq/page.tsx
deleted file mode 100644
index 6dc0fb44..00000000
--- a/app/[lng]/evcp/(evcp)/(not-used)/b-rfq/page.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import * as React from "react"
-import { Metadata } from "next"
-import { type SearchParams } from "@/types/table"
-import { getValidFilters } from "@/lib/data-table"
-import { Shell } from "@/components/shell"
-import { DataTableSkeleton } from "@/components/data-table/data-table-skeleton"
-import { searchParamsRFQDashboardCache } from "@/lib/b-rfq/validations"
-import { getRFQDashboard } from "@/lib/b-rfq/service"
-import { RFQDashboardTable } from "@/lib/b-rfq/summary-table/summary-rfq-table"
-import { InformationButton } from "@/components/information/information-button"
-
-export const metadata: Metadata = {
-  title: "견적 RFQ",
-  description: "",
-}
-
-interface PQReviewPageProps {
-  searchParams: Promise<SearchParams>
-}
-
-export default async function PQReviewPage(props: PQReviewPageProps) {
-  const searchParams = await props.searchParams
-  const search = searchParamsRFQDashboardCache.parse(searchParams)
-  const validFilters = getValidFilters(search.filters)
-
-  // 기본 필터 처리 (통일된 이름 사용)
-  let basicFilters = []
-  if (search.basicFilters && search.basicFilters.length > 0) {
-    basicFilters = search.basicFilters
-    console.log("Using search.basicFilters:", basicFilters);
-  } else {
-    console.log("No basic filters found");
-  }
-
-  // 모든 필터를 합쳐서 처리
-  const allFilters = [...validFilters, ...basicFilters]
-  
-  // 조인 연산자도 통일된 이름 사용
-  const joinOperator = search.basicJoinOperator || search.joinOperator || 'and';
-
-  // Promise.all로 감싸서 전달
-  const promises = Promise.all([
-    getRFQDashboard({
-      ...search,
-      filters: allFilters,
-      joinOperator,
-    })
-  ])
-
-  console.log(search, "견적")
-
-  return (
-    <Shell className="gap-4">
-      <div className="flex items-center justify-between space-y-2">
-        <div className="flex items-center justify-between space-y-2">
-          <div>
-            <div className="flex items-center gap-2">
-              <h2 className="text-2xl font-bold tracking-tight">
-                견적 RFQ
-              </h2>
-              <InformationButton pagePath="evcp/b-rfq" />
-            </div>
-          </div>
-        </div>
-      </div>
-      
-      {/* Items처럼 직접 테이블 렌더링 */}
-      <React.Suspense 
-        fallback={
-          <DataTableSkeleton
-            columnCount={8}
-            searchableColumnCount={2}
-            filterableColumnCount={3}
-            cellWidths={["10rem", "15rem", "12rem", "12rem", "8rem", "8rem", "10rem", "8rem"]}
-            shrinkZero
-          />
-        }
-      >
-        <RFQDashboardTable promises={promises} />
-      </React.Suspense>
-    </Shell>
-  )
-}
\ No newline at end of file
diff --git a/app/[lng]/evcp/(evcp)/(not-used)/bqcbe/page.tsx b/app/[lng]/evcp/(evcp)/(not-used)/bqcbe/page.tsx
deleted file mode 100644
index 6f97efd3..00000000
--- a/app/[lng]/evcp/(evcp)/(not-used)/bqcbe/page.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import { type SearchParams } from "@/types/table"
-import { getValidFilters } from "@/lib/data-table"
-import {  getAllCBE } from "@/lib/rfqs/service"
-import { searchParamsCBECache } from "@/lib/rfqs/validations"
-
-import { AllCbeTable } from "@/lib/cbe/table/cbe-table"
-
-import { RfqType } from "@/lib/rfqs/validations"
-import * as React from "react"
-import { Shell } from "@/components/shell"
-import { DataTableSkeleton } from "@/components/data-table/data-table-skeleton"
-
-interface IndexPageProps {
-  // Next.js 13 App Router에서 기본으로 주어지는 객체들
-  params: {
-    lng: string
-  }
-  searchParams: Promise<SearchParams>
-  rfqType: RfqType
-}
-
-export default async function RfqCBEPage(props: IndexPageProps) {
-  const resolvedParams = await props.params
-  const lng = resolvedParams.lng
-
-  const rfqType = props.rfqType ?? RfqType.BUDGETARY  // rfqType이 없으면 BUDGETARY로 설정
-
-  // 2) SearchParams 파싱 (Zod)
-  //    - "filters", "page", "perPage", "sort" 등 contact 전용 컬럼
-  const searchParams = await props.searchParams
-  const search = searchParamsCBECache.parse(searchParams)
-  const validFilters = getValidFilters(search.filters)
-
-  const promises = Promise.all([
-    getAllCBE({
-      ...search,
-      filters: validFilters,
-      rfqType
-    }
-    )
-  ])
-
-  // 4) 렌더링
-  return (
-    <Shell className="gap-2">
-      <div className="flex items-center justify-between space-y-2">
-        <div className="flex items-center justify-between space-y-2">
-          <div>
-            <h2 className="text-2xl font-bold tracking-tight">
-          CBE 보내기
-          </h2>
-          {/* <p className="text-muted-foreground">
-          초대된 협력업체에게 CBE를 보낼 수 있습니다. <br/>체크박스 선택을 하면 초대 버튼이 활성화됩니다. 버튼 클릭 후 첨부파일을 함께 전송하면 CBE 내용이 메일로 전달되고 eVCP에도 협력업체가 입력할 수 있게 자동 생성됩니다.
-        </p> */}
-        </div>
-        </div>
-      </div>
-      
-      <React.Suspense
-        fallback={
-          <DataTableSkeleton
-            columnCount={6}
-            searchableColumnCount={1}
-            filterableColumnCount={2}
-            cellWidths={["10rem", "40rem", "12rem", "12rem", "8rem", "8rem"]}
-            shrinkZero
-          />
-        }
-      >        
-        <AllCbeTable promises={promises}/>
-        </React.Suspense>
-    </Shell>
-  )
-}
\ No newline at end of file
diff --git a/app/[lng]/evcp/(evcp)/(not-used)/bqtbe/page.tsx b/app/[lng]/evcp/(evcp)/(not-used)/bqtbe/page.tsx
deleted file mode 100644
index a1fee1b6..00000000
--- a/app/[lng]/evcp/(evcp)/(not-used)/bqtbe/page.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import { type SearchParams } from "@/types/table"
-import { getValidFilters } from "@/lib/data-table"
-import {  getAllTBE } from "@/lib/rfqs/service"
-import { searchParamsTBECache } from "@/lib/rfqs/validations"
-import { AllTbeTable } from "@/lib/tbe/table/tbe-table"
-import { RfqType } from "@/lib/rfqs/validations"
-import * as React from "react"
-import { Shell } from "@/components/shell"
-import { DataTableSkeleton } from "@/components/data-table/data-table-skeleton"
-
-interface IndexPageProps {
-  // Next.js 13 App Router에서 기본으로 주어지는 객체들
-  params: {
-    lng: string
-  }
-  searchParams: Promise<SearchParams>
-  rfqType: RfqType
-}
-
-export default async function RfqTBEPage(props: IndexPageProps) {
-  const resolvedParams = await props.params
-  const lng = resolvedParams.lng
-
-  const rfqType = props.rfqType ?? RfqType.BUDGETARY  // rfqType이 없으면 BUDGETARY로 설정
-
-  // 2) SearchParams 파싱 (Zod)
-  //    - "filters", "page", "perPage", "sort" 등 contact 전용 컬럼
-  const searchParams = await props.searchParams
-  const search = searchParamsTBECache.parse(searchParams)
-  const validFilters = getValidFilters(search.filters)
-
-  const promises = Promise.all([
-    getAllTBE({
-      ...search,
-      filters: validFilters,
-      rfqType
-    }
-    )
-  ])
-
-  // 4) 렌더링
-  return (
-    <Shell className="gap-2">
-      <div className="flex items-center justify-between space-y-2">
-        <div className="flex items-center justify-between space-y-2">
-          <div>
-            <h2 className="text-2xl font-bold tracking-tight">
-          TBE 보내기
-          </h2>
-          {/* <p className="text-muted-foreground">
-          초대된 협력업체에게 TBE를 보낼 수 있습니다. <br/>체크박스 선택을 하면 초대 버튼이 활성화됩니다. 버튼 클릭 후 첨부파일을 함께 전송하면 TBE 내용이 메일로 전달되고 eVCP에도 협력업체가 입력할 수 있게 자동 생성됩니다.
-        </p> */}
-        </div>
-        </div>
-      </div>
-      
-      <React.Suspense
-        fallback={
-          <DataTableSkeleton
-            columnCount={6}
-            searchableColumnCount={1}
-            filterableColumnCount={2}
-            cellWidths={["10rem", "40rem", "12rem", "12rem", "8rem", "8rem"]}
-            shrinkZero
-          />
-        }
-      >        
-        <AllTbeTable promises={promises}/>
-        </React.Suspense>
-    </Shell>
-  )
-}
\ No newline at end of file
diff --git a/app/[lng]/evcp/(evcp)/(not-used)/budgetary-rfq/[id]/cbe/page.tsx b/app/[lng]/evcp/(evcp)/(not-used)/budgetary-rfq/[id]/cbe/page.tsx
deleted file mode 100644
index 956facd3..00000000
--- a/app/[lng]/evcp/(evcp)/(not-used)/budgetary-rfq/[id]/cbe/page.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import { Separator } from "@/components/ui/separator"
-import { type SearchParams } from "@/types/table"
-import { getValidFilters } from "@/lib/data-table"
-import {  getCBE, getTBE } from "@/lib/rfqs/service"
-import { searchParamsCBECache, } from "@/lib/rfqs/validations"
-import { TbeTable } from "@/lib/rfqs/tbe-table/tbe-table"
-import { CbeTable } from "@/lib/rfqs/cbe-table/cbe-table"
-
-interface IndexPageProps {
-  // Next.js 13 App Router에서 기본으로 주어지는 객체들
-  params: {
-    lng: string
-    id: string
-  }
-  searchParams: Promise<SearchParams>
-}
-
-export default async function RfqTBEPage(props: IndexPageProps) {
-  const resolvedParams = await props.params
-  const lng = resolvedParams.lng
-  const id = resolvedParams.id
-
-  const idAsNumber = Number(id)
-
-  // 2) SearchParams 파싱 (Zod)
-  //    - "filters", "page", "perPage", "sort" 등 contact 전용 컬럼
-  const searchParams = await props.searchParams
-  const search = searchParamsCBECache.parse(searchParams)
-  const validFilters = getValidFilters(search.filters)
-
-  const promises = Promise.all([
-    getCBE({
-      ...search,
-      filters: validFilters,
-    },
-    idAsNumber)
-  ])
-
-  // 4) 렌더링
-  return (
-    <div className="space-y-6">
-      <div>
-        <h3 className="text-lg font-medium">
-        Commercial Bid Evaluation
-        </h3>
-        <p className="text-sm text-muted-foreground">
-          초대된 협력업체에게 CBE를 보낼 수 있습니다. <br/>체크박스 선택을 하면 초대 버튼이 활성화됩니다. 버튼 클릭 후 첨부파일을 함께 전송하면 CBE 내용이 메일로 전달되고 eVCP에도 협력업체가 입력할 수 있게 자동 생성됩니다.
-        </p>
-      </div>
-      <Separator />
-      <div>
-        <CbeTable promises={promises} rfqId={idAsNumber}/>
-      </div>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/app/[lng]/evcp/(evcp)/(not-used)/budgetary-rfq/[id]/layout.tsx b/app/[lng]/evcp/(evcp)/(not-used)/budgetary-rfq/[id]/layout.tsx
deleted file mode 100644
index 2b80e64f..00000000
--- a/app/[lng]/evcp/(evcp)/(not-used)/budgetary-rfq/[id]/layout.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-import { Metadata } from "next"
-import Link from "next/link"
-import { ArrowLeft } from "lucide-react"
-
-import { Separator } from "@/components/ui/separator"
-import { SidebarNav } from "@/components/layout/sidebar-nav"
-import { RfqViewWithItems } from "@/db/schema/rfq"
-import { findRfqById } from "@/lib/rfqs/service"
-import { formatDate } from "@/lib/utils"
-import { Button } from "@/components/ui/button"
-
-export const metadata: Metadata = {
-  title: "Vendor Detail",
-}
-
-export default async function RfqLayout({
-  children,
-  params,
-}: {
-  children: React.ReactNode
-  params: { lng: string, id: string }
-}) {
-
-  // 1) URL 파라미터에서 id 추출, Number로 변환
-  const resolvedParams = await params
-  const lng = resolvedParams.lng
-  const id = resolvedParams.id
-
-  const idAsNumber = Number(id)
-  // 2) DB에서 해당 협력업체 정보 조회
-  const rfq: RfqViewWithItems | null = await findRfqById(idAsNumber)
-
-  // 3) 사이드바 메뉴
-  const sidebarNavItems = [
-    {
-      title: "Matched Vendors",
-      href: `/${lng}/evcp/budgetary/${id}`,
-    },
-    {
-      title: "TBE",
-      href: `/${lng}/evcp/budgetary/${id}/tbe`,
-    },
-    {
-      title: "CBE",
-      href: `/${lng}/evcp/budgetary/${id}/cbe`,
-    },
-
-  ]
-
-  return (
-    <>
-      <div className="container py-6">
-        <section className="overflow-hidden rounded-[0.5rem] border bg-background shadow">
-          <div className="hidden space-y-6 p-10 pb-16 md:block">
-          <div className="flex items-center justify-end mb-4">
-              <Link href={`/${lng}/evcp/budgetary-rfq`} passHref>
-                <Button variant="ghost" className="flex items-center text-primary hover:text-primary/80 transition-colors p-0 h-auto">
-                  <ArrowLeft className="mr-1 h-4 w-4" />
-                  <span>Budgetary RFQ 목록으로 돌아가기</span>
-                </Button>
-              </Link>
-            </div>
-            <div className="space-y-0.5">
-              {/* 4) 협력업체 정보가 있으면 코드 + 이름 + "상세 정보" 표기 */}
-              <h2 className="text-2xl font-bold tracking-tight">
-                {rfq
-                  ? `${rfq.projectCode ?? ""} ${rfq.rfqCode ?? ""} 관리`
-                  : "Loading RFQ..."}
-              </h2>
-
-              <p className="text-muted-foreground">
-                {rfq
-                  ? `${rfq.description ?? ""} ${rfq.lines.map(line => line.itemCode).join(", ")}`
-                  : ""}
-              </p>
-              <h3>Due Date:{rfq && rfq?.dueDate && <strong>{formatDate(rfq?.dueDate, "KR")}</strong>}</h3>
-            </div>
-            <Separator className="my-6" />
-            <div className="flex flex-col space-y-8 lg:flex-row lg:space-x-12 lg:space-y-0">
-              <aside className="lg:w-64 flex-shrink-0">
-                <SidebarNav items={sidebarNavItems} />
-              </aside>
-              <div className="lg:w-[calc(100%-16rem)] overflow-auto">{children}</div>
-            </div>
-          </div>
-        </section>
-      </div>
-    </>
-  )
-}
\ No newline at end of file
diff --git a/app/[lng]/evcp/(evcp)/(not-used)/budgetary-rfq/[id]/page.tsx b/app/[lng]/evcp/(evcp)/(not-used)/budgetary-rfq/[id]/page.tsx
deleted file mode 100644
index dd9df563..00000000
--- a/app/[lng]/evcp/(evcp)/(not-used)/budgetary-rfq/[id]/page.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import { Separator } from "@/components/ui/separator"
-import { type SearchParams } from "@/types/table"
-import { getValidFilters } from "@/lib/data-table"
-import { getMatchedVendors } from "@/lib/rfqs/service"
-import { searchParamsMatchedVCache } from "@/lib/rfqs/validations"
-import { MatchedVendorsTable } from "@/lib/rfqs/vendor-table/vendors-table"
-import { RfqType } from "@/lib/rfqs/validations"
-
-interface IndexPageProps {
-  // Next.js 13 App Router에서 기본으로 주어지는 객체들
-  params: {
-    lng: string
-    id: string
-  }
-  searchParams: Promise<SearchParams>
-  rfqType: RfqType
-}
-
-export default async function RfqPage(props: IndexPageProps) {
-  const resolvedParams = await props.params
-  const lng = resolvedParams.lng
-  const id = resolvedParams.id
-  const rfqType = props.rfqType ?? RfqType.BUDGETARY  // rfqType이 없으면 BUDGETARY로 설정
-
-  const idAsNumber = Number(id)
-
-  // 2) SearchParams 파싱 (Zod)
-  const searchParams = await props.searchParams
-  const search = searchParamsMatchedVCache.parse(searchParams)
-  const validFilters = getValidFilters(search.filters)
-
-  const promises = Promise.all([
-    getMatchedVendors({
-      ...search,
-      filters: validFilters,
-    },
-    idAsNumber)
-  ])
-
-  // 4) 렌더링
-  return (
-    <div className="space-y-6">
-      <div>
-        <h3 className="text-lg font-medium">
-          Vendors
-        </h3>
-        <p className="text-sm text-muted-foreground">
-          등록된 협력업체 중에서 이 RFQ 아이템에 매칭되는 업체를 보여줍니다. <br/>"발행하기" 버튼을 통해 RFQ를 전송하면 첨부파일과 함께 RFQ 내용이 메일로 전달되고 eVCP에도 협력업체가 입력할 수 있게 자동 생성됩니다.
-        </p>
-      </div>
-      <Separator />
-      <div>
-        <MatchedVendorsTable promises={promises} rfqId={idAsNumber} rfqType={rfqType}/>
-      </div>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/app/[lng]/evcp/(evcp)/(not-used)/budgetary-rfq/[id]/tbe/page.tsx b/app/[lng]/evcp/(evcp)/(not-used)/budgetary-rfq/[id]/tbe/page.tsx
deleted file mode 100644
index ec894e1c..00000000
--- a/app/[lng]/evcp/(evcp)/(not-used)/budgetary-rfq/[id]/tbe/page.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import { Separator } from "@/components/ui/separator"
-import { type SearchParams } from "@/types/table"
-import { getValidFilters } from "@/lib/data-table"
-import {  getTBE } from "@/lib/rfqs/service"
-import { searchParamsTBECache } from "@/lib/rfqs/validations"
-import { TbeTable } from "@/lib/rfqs/tbe-table/tbe-table"
-
-interface IndexPageProps {
-  // Next.js 13 App Router에서 기본으로 주어지는 객체들
-  params: {
-    lng: string
-    id: string
-  }
-  searchParams: Promise<SearchParams>
-}
-
-export default async function RfqTBEPage(props: IndexPageProps) {
-  const resolvedParams = await props.params
-  const lng = resolvedParams.lng
-  const id = resolvedParams.id
-
-  const idAsNumber = Number(id)
-
-  // 2) SearchParams 파싱 (Zod)
-  //    - "filters", "page", "perPage", "sort" 등 contact 전용 컬럼
-  const searchParams = await props.searchParams
-  const search = searchParamsTBECache.parse(searchParams)
-  const validFilters = getValidFilters(search.filters)
-
-  const promises = Promise.all([
-    getTBE({
-      ...search,
-      filters: validFilters,
-    },
-    idAsNumber)
-  ])
-
-  // 4) 렌더링
-  return (
-    <div className="space-y-6">
-      <div>
-        <h3 className="text-lg font-medium">
-          Technical Bid Evaluation
-        </h3>
-        <p className="text-sm text-muted-foreground">
-          초대된 협력업체에게 TBE를 보낼 수 있습니다. <br/>체크박스 선택을 하면 초대 버튼이 활성화됩니다. 버튼 클릭 후 첨부파일을 함께 전송하면 TBE 내용이 메일로 전달되고 eVCP에도 협력업체가 입력할 수 있게 자동 생성됩니다.
-        </p>
-      </div>
-      <Separator />
-      <div>
-        <TbeTable promises={promises} rfqId={idAsNumber}/>
-      </div>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/app/[lng]/evcp/(evcp)/(not-used)/budgetary-rfq/page.tsx b/app/[lng]/evcp/(evcp)/(not-used)/budgetary-rfq/page.tsx
deleted file mode 100644
index 290b9f27..00000000
--- a/app/[lng]/evcp/(evcp)/(not-used)/budgetary-rfq/page.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-import * as React from "react"
-import { type SearchParams } from "@/types/table"
-
-import { getValidFilters } from "@/lib/data-table"
-import { Skeleton } from "@/components/ui/skeleton"
-import { DataTableSkeleton } from "@/components/data-table/data-table-skeleton"
-import { Shell } from "@/components/shell"
-import { InformationButton } from "@/components/information/information-button"
-import { searchParamsCache } from "@/lib/rfqs/validations"
-import { getRfqs, getRfqStatusCounts } from "@/lib/rfqs/service"
-import { RfqsTable } from "@/lib/rfqs/table/rfqs-table"
-import { getAllItems } from "@/lib/items/service"
-import { RfqType } from "@/lib/rfqs/validations"
-import { Ellipsis } from "lucide-react"
-
-interface RfqPageProps {
-  searchParams: Promise<SearchParams>;
-  rfqType: RfqType;
-  title: string;
-  description: string;
-}
-
-export default async function RfqPage({ 
-  searchParams, 
-  rfqType = RfqType.PURCHASE_BUDGETARY, 
-  title = "Budgetary Quote", 
-  description = "Budgetary Quote를 등록하여 요청 및 응답을 관리할 수 있습니다."
-}: RfqPageProps) {
-  const search = searchParamsCache.parse(await searchParams)
-  
-  const validFilters = getValidFilters(search.filters)
-  
-  const promises = Promise.all([
-    getRfqs({
-      ...search,
-      filters: validFilters,
-      rfqType // 전달받은 rfqType 사용
-    }),
-    getRfqStatusCounts(rfqType), // rfqType 전달
-    getAllItems()
-  ])
-  
-  return (
-    <Shell className="gap-2">
-      <div className="flex items-center justify-between space-y-2">
-        <div className="flex items-center justify-between space-y-2">
-          <div>
-            <div className="flex items-center gap-2">
-              <h2 className="text-2xl font-bold tracking-tight">
-                {title}
-              </h2>
-              <InformationButton pagePath="evcp/budgetary-rfq" />
-            </div>
-            {/* <p className="text-muted-foreground">
-              {description}
-              기본적인 정보와 RFQ를 위한 아이템 등록 및 첨부를 한 후,  
-              <span className="inline-flex items-center whitespace-nowrap">
-                <Ellipsis className="size-3" />
-                <span className="ml-1">버튼</span>
-              </span> 을 클릭하면 "Proceed"를 통해 상세화면으로 이동하여 진행할 수 있습니다. 
-            </p> */}
-          </div>
-        </div>
-      </div>
-      
-      <React.Suspense fallback={<Skeleton className="h-7 w-52" />}>
-        {/* <DateRangePicker
-            triggerSize="sm"
-            triggerClassName="ml-auto w-56 sm:w-60"
-            align="end"
-            shallow={false}
-          /> */}
-      </React.Suspense>
-      <React.Suspense
-        fallback={
-          <DataTableSkeleton
-            columnCount={6}
-            searchableColumnCount={1}
-            filterableColumnCount={2}
-            cellWidths={["10rem", "40rem", "12rem", "12rem", "8rem", "8rem"]}
-            shrinkZero
-          />
-        }
-      >
-        <RfqsTable promises={promises} rfqType={rfqType} />
-      </React.Suspense>
-    </Shell>
-  )
-}
\ No newline at end of file
diff --git a/app/[lng]/evcp/(evcp)/(not-used)/budgetary/[id]/cbe/page.tsx b/app/[lng]/evcp/(evcp)/(not-used)/budgetary/[id]/cbe/page.tsx
deleted file mode 100644
index 956facd3..00000000
--- a/app/[lng]/evcp/(evcp)/(not-used)/budgetary/[id]/cbe/page.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import { Separator } from "@/components/ui/separator"
-import { type SearchParams } from "@/types/table"
-import { getValidFilters } from "@/lib/data-table"
-import {  getCBE, getTBE } from "@/lib/rfqs/service"
-import { searchParamsCBECache, } from "@/lib/rfqs/validations"
-import { TbeTable } from "@/lib/rfqs/tbe-table/tbe-table"
-import { CbeTable } from "@/lib/rfqs/cbe-table/cbe-table"
-
-interface IndexPageProps {
-  // Next.js 13 App Router에서 기본으로 주어지는 객체들
-  params: {
-    lng: string
-    id: string
-  }
-  searchParams: Promise<SearchParams>
-}
-
-export default async function RfqTBEPage(props: IndexPageProps) {
-  const resolvedParams = await props.params
-  const lng = resolvedParams.lng
-  const id = resolvedParams.id
-
-  const idAsNumber = Number(id)
-
-  // 2) SearchParams 파싱 (Zod)
-  //    - "filters", "page", "perPage", "sort" 등 contact 전용 컬럼
-  const searchParams = await props.searchParams
-  const search = searchParamsCBECache.parse(searchParams)
-  const validFilters = getValidFilters(search.filters)
-
-  const promises = Promise.all([
-    getCBE({
-      ...search,
-      filters: validFilters,
-    },
-    idAsNumber)
-  ])
-
-  // 4) 렌더링
-  return (
-    <div className="space-y-6">
-      <div>
-        <h3 className="text-lg font-medium">
-        Commercial Bid Evaluation
-        </h3>
-        <p className="text-sm text-muted-foreground">
-          초대된 협력업체에게 CBE를 보낼 수 있습니다. <br/>체크박스 선택을 하면 초대 버튼이 활성화됩니다. 버튼 클릭 후 첨부파일을 함께 전송하면 CBE 내용이 메일로 전달되고 eVCP에도 협력업체가 입력할 수 있게 자동 생성됩니다.
-        </p>
-      </div>
-      <Separator />
-      <div>
-        <CbeTable promises={promises} rfqId={idAsNumber}/>
-      </div>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/app/[lng]/evcp/(evcp)/(not-used)/budgetary/[id]/layout.tsx b/app/[lng]/evcp/(evcp)/(not-used)/budgetary/[id]/layout.tsx
deleted file mode 100644
index d58d8363..00000000
--- a/app/[lng]/evcp/(evcp)/(not-used)/budgetary/[id]/layout.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-import { Metadata } from "next"
-import Link from "next/link"
-import { ArrowLeft } from "lucide-react"
-import { Separator } from "@/components/ui/separator"
-import { SidebarNav } from "@/components/layout/sidebar-nav"
-import { RfqViewWithItems } from "@/db/schema/rfq"
-import { findRfqById } from "@/lib/rfqs/service"
-import { formatDate } from "@/lib/utils"
-import { Button } from "@/components/ui/button"
-
-export const metadata: Metadata = {
-  title: "Vendor Detail",
-}
-
-export default async function RfqLayout({
-  children,
-  params,
-}: {
-  children: React.ReactNode
-  params: { lng: string, id: string }
-}) {
-  
-  // 1) URL 파라미터에서 id 추출, Number로 변환
-  const resolvedParams = await params
-  const lng = resolvedParams.lng
-  const id = resolvedParams.id
-  
-  const idAsNumber = Number(id)
-  // 2) DB에서 해당 협력업체 정보 조회
-  const rfq: RfqViewWithItems | null = await findRfqById(idAsNumber)
-  
-  // 3) 사이드바 메뉴
-  const sidebarNavItems = [
-    {
-      title: "Matched Vendors",
-      href: `/${lng}/evcp/budgetary/${id}`,
-    },
-    {
-      title: "TBE",
-      href: `/${lng}/evcp/budgetary/${id}/tbe`,
-    },
-    {
-      title: "CBE",
-      href: `/${lng}/evcp/budgetary/${id}/cbe`,
-    },
-  ]
-  
-  return (
-    <>
-      <div className="container py-6">
-        <section className="overflow-hidden rounded-[0.5rem] border bg-background shadow">
-          <div className="hidden space-y-6 p-10 pb-16 md:block">
-            {/* RFQ 목록으로 돌아가는 링크 추가 */}
-            <div className="flex items-center justify-end mb-4">
-              <Link href={`/${lng}/evcp/budgetary`} passHref>
-                <Button variant="ghost" className="flex items-center text-primary hover:text-primary/80 transition-colors p-0 h-auto">
-                  <ArrowLeft className="mr-1 h-4 w-4" />
-                  <span>Budgetary Quote 목록으로 돌아가기</span>
-                </Button>
-              </Link>
-            </div>
-            
-            <div className="space-y-0.5">
-              {/* 4) 협력업체 정보가 있으면 코드 + 이름 + "상세 정보" 표기 */}
-              <h2 className="text-2xl font-bold tracking-tight">
-                {rfq
-                  ? `${rfq.projectCode ?? ""} ${rfq.rfqCode ?? ""} 관리`
-                  : "Loading RFQ..."}
-              </h2>
-              
-              <p className="text-muted-foreground">
-                {rfq
-                  ? `${rfq.description ?? ""} ${rfq.lines.map(line => line.itemCode).join(", ")}`
-                  : ""}
-              </p>
-              <h3>Due Date:{rfq && rfq?.dueDate && <strong>{formatDate(rfq?.dueDate, "KR")}</strong>}</h3>
-            </div>
-            <Separator className="my-6" />
-            <div className="flex flex-col space-y-8 lg:flex-row lg:space-x-12 lg:space-y-0">
-              <aside className="lg:w-64 flex-shrink-0">
-                <SidebarNav items={sidebarNavItems} />
-              </aside>
-              <div className="lg:w-[calc(100%-16rem)] overflow-auto">{children}</div>
-            </div>
-          </div>
-        </section>
-      </div>
-    </>
-  )
-}
\ No newline at end of file
diff --git a/app/[lng]/evcp/(evcp)/(not-used)/budgetary/[id]/page.tsx b/app/[lng]/evcp/(evcp)/(not-used)/budgetary/[id]/page.tsx
deleted file mode 100644
index dd9df563..00000000
--- a/app/[lng]/evcp/(evcp)/(not-used)/budgetary/[id]/page.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import { Separator } from "@/components/ui/separator"
-import { type SearchParams } from "@/types/table"
-import { getValidFilters } from "@/lib/data-table"
-import { getMatchedVendors } from "@/lib/rfqs/service"
-import { searchParamsMatchedVCache } from "@/lib/rfqs/validations"
-import { MatchedVendorsTable } from "@/lib/rfqs/vendor-table/vendors-table"
-import { RfqType } from "@/lib/rfqs/validations"
-
-interface IndexPageProps {
-  // Next.js 13 App Router에서 기본으로 주어지는 객체들
-  params: {
-    lng: string
-    id: string
-  }
-  searchParams: Promise<SearchParams>
-  rfqType: RfqType
-}
-
-export default async function RfqPage(props: IndexPageProps) {
-  const resolvedParams = await props.params
-  const lng = resolvedParams.lng
-  const id = resolvedParams.id
-  const rfqType = props.rfqType ?? RfqType.BUDGETARY  // rfqType이 없으면 BUDGETARY로 설정
-
-  const idAsNumber = Number(id)
-
-  // 2) SearchParams 파싱 (Zod)
-  const searchParams = await props.searchParams
-  const search = searchParamsMatchedVCache.parse(searchParams)
-  const validFilters = getValidFilters(search.filters)
-
-  const promises = Promise.all([
-    getMatchedVendors({
-      ...search,
-      filters: validFilters,
-    },
-    idAsNumber)
-  ])
-
-  // 4) 렌더링
-  return (
-    <div className="space-y-6">
-      <div>
-        <h3 className="text-lg font-medium">
-          Vendors
-        </h3>
-        <p className="text-sm text-muted-foreground">
-          등록된 협력업체 중에서 이 RFQ 아이템에 매칭되는 업체를 보여줍니다. <br/>"발행하기" 버튼을 통해 RFQ를 전송하면 첨부파일과 함께 RFQ 내용이 메일로 전달되고 eVCP에도 협력업체가 입력할 수 있게 자동 생성됩니다.
-        </p>
-      </div>
-      <Separator />
-      <div>
-        <MatchedVendorsTable promises={promises} rfqId={idAsNumber} rfqType={rfqType}/>
-      </div>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/app/[lng]/evcp/(evcp)/(not-used)/budgetary/[id]/tbe/page.tsx b/app/[lng]/evcp/(evcp)/(not-used)/budgetary/[id]/tbe/page.tsx
deleted file mode 100644
index ec894e1c..00000000
--- a/app/[lng]/evcp/(evcp)/(not-used)/budgetary/[id]/tbe/page.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import { Separator } from "@/components/ui/separator"
-import { type SearchParams } from "@/types/table"
-import { getValidFilters } from "@/lib/data-table"
-import {  getTBE } from "@/lib/rfqs/service"
-import { searchParamsTBECache } from "@/lib/rfqs/validations"
-import { TbeTable } from "@/lib/rfqs/tbe-table/tbe-table"
-
-interface IndexPageProps {
-  // Next.js 13 App Router에서 기본으로 주어지는 객체들
-  params: {
-    lng: string
-    id: string
-  }
-  searchParams: Promise<SearchParams>
-}
-
-export default async function RfqTBEPage(props: IndexPageProps) {
-  const resolvedParams = await props.params
-  const lng = resolvedParams.lng
-  const id = resolvedParams.id
-
-  const idAsNumber = Number(id)
-
-  // 2) SearchParams 파싱 (Zod)
-  //    - "filters", "page", "perPage", "sort" 등 contact 전용 컬럼
-  const searchParams = await props.searchParams
-  const search = searchParamsTBECache.parse(searchParams)
-  const validFilters = getValidFilters(search.filters)
-
-  const promises = Promise.all([
-    getTBE({
-      ...search,
-      filters: validFilters,
-    },
-    idAsNumber)
-  ])
-
-  // 4) 렌더링
-  return (
-    <div className="space-y-6">
-      <div>
-        <h3 className="text-lg font-medium">
-          Technical Bid Evaluation
-        </h3>
-        <p className="text-sm text-muted-foreground">
-          초대된 협력업체에게 TBE를 보낼 수 있습니다. <br/>체크박스 선택을 하면 초대 버튼이 활성화됩니다. 버튼 클릭 후 첨부파일을 함께 전송하면 TBE 내용이 메일로 전달되고 eVCP에도 협력업체가 입력할 수 있게 자동 생성됩니다.
-        </p>
-      </div>
-      <Separator />
-      <div>
-        <TbeTable promises={promises} rfqId={idAsNumber}/>
-      </div>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/app/[lng]/evcp/(evcp)/(not-used)/budgetary/page.tsx b/app/[lng]/evcp/(evcp)/(not-used)/budgetary/page.tsx
deleted file mode 100644
index 15b4cdd4..00000000
--- a/app/[lng]/evcp/(evcp)/(not-used)/budgetary/page.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import * as React from "react"
-import { type SearchParams } from "@/types/table"
-
-import { getValidFilters } from "@/lib/data-table"
-import { Skeleton } from "@/components/ui/skeleton"
-import { DataTableSkeleton } from "@/components/data-table/data-table-skeleton"
-import { Shell } from "@/components/shell"
-
-import { searchParamsCache } from "@/lib/rfqs/validations"
-import { getRfqs, getRfqStatusCounts } from "@/lib/rfqs/service"
-import { RfqsTable } from "@/lib/rfqs/table/rfqs-table"
-import { getAllItems } from "@/lib/items/service"
-import { RfqType } from "@/lib/rfqs/validations"
-import { Ellipsis } from "lucide-react"
-
-interface RfqPageProps {
-  searchParams: Promise<SearchParams>;
-  rfqType: RfqType;
-  title: string;
-  description: string;
-}
-
-export default async function RfqPage({ 
-  searchParams, 
-  rfqType = RfqType.BUDGETARY, 
-  title = "Budgetary Quote", 
-  description = "Budgetary Quote를 등록하여 요청 및 응답을 관리할 수 있습니다."
-}: RfqPageProps) {
-  const search = searchParamsCache.parse(await searchParams)
-  
-  const validFilters = getValidFilters(search.filters)
-  
-  const promises = Promise.all([
-    getRfqs({
-      ...search,
-      filters: validFilters,
-      rfqType // 전달받은 rfqType 사용
-    }),
-    getRfqStatusCounts(rfqType), // rfqType 전달
-    getAllItems()
-  ])
-  
-  return (
-    <Shell className="gap-2">
-      <div className="flex items-center justify-between space-y-2">
-        <div className="flex items-center justify-between space-y-2">
-          <div>
-            <h2 className="text-2xl font-bold tracking-tight">
-              {title}
-            </h2>
-            {/* <p className="text-muted-foreground">
-              {description}
-              기본적인 정보와 RFQ를 위한 아이템 등록 및 첨부를 한 후, 
-              <span className="inline-flex items-center whitespace-nowrap">
-                <Ellipsis className="size-3" />
-                <span className="ml-1">버튼</span>
-              </span> 을 클릭하면 "Proceed"를 통해 상세화면으로 이동하여 진행할 수 있습니다. 
-            </p> */}
-          </div>
-        </div>
-      </div>
-      
-      <React.Suspense fallback={<Skeleton className="h-7 w-52" />}>
-        {/* <DateRangePicker
-            triggerSize="sm"
-            triggerClassName="ml-auto w-56 sm:w-60"
-            align="end"
-            shallow={false}
-          /> */}
-      </React.Suspense>
-      <React.Suspense
-        fallback={
-          <DataTableSkeleton
-            columnCount={6}
-            searchableColumnCount={1}
-            filterableColumnCount={2}
-            cellWidths={["10rem", "40rem", "12rem", "12rem", "8rem", "8rem"]}
-            shrinkZero
-          />
-        }
-      >
-        <RfqsTable promises={promises} rfqType={rfqType} />
-      </React.Suspense>
-    </Shell>
-  )
-}
\ No newline at end of file
diff --git a/app/[lng]/evcp/(evcp)/(not-used)/materials/page.tsx b/app/[lng]/evcp/(evcp)/(not-used)/materials/page.tsx
deleted file mode 100644
index 00983a3f..00000000
--- a/app/[lng]/evcp/(evcp)/(not-used)/materials/page.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-/**
- * 자재마스터 테이블
- * MDG 자재마스터를 그대로 보여줄 것임
- * 수정/추가 기능은 불필요
- */
-
-import * as React from "react"
-import { type SearchParams } from "@/types/table"
-
-import { Skeleton } from "@/components/ui/skeleton"
-import { DataTableSkeleton } from "@/components/data-table/data-table-skeleton"
-import { Shell } from "@/components/shell"
-import { getMaterials } from "@/lib/material/services"
-import { MaterialTable } from "@/lib/material/table/material-table"
-import { InformationButton } from "@/components/information/information-button"
-import { searchParamsCache } from "@/lib/material/validations"
-
-interface MaterialPageProps {
-  searchParams: Promise<SearchParams>
-}
-
-export default async function MaterialPage(props: MaterialPageProps) {
-  const searchParams = await props.searchParams
-  
-  // searchParamsCache를 사용해서 파라미터 파싱
-  const search = searchParamsCache.parse(searchParams)
-  
-  // pageSize 기반으로 모드 자동 결정
-  const isInfiniteMode = search.perPage >= 1_000_000
- 
-  // 페이지네이션 모드일 때만 서버에서 데이터 가져오기
-  // 무한 스크롤 모드에서는 클라이언트에서 SWR로 데이터 로드
-  const promises = isInfiniteMode
-     ? undefined
-     : Promise.all([
-        getMaterials(search as any), // 타입 캐스팅으로 임시 해결
-      ])
- 
-  return (
-    <Shell className="gap-2">
-      <div className="flex items-center justify-between space-y-2">
-        <div className="flex items-center justify-between space-y-2">
-          <div>
-            <div className="flex items-center gap-2">
-              <h2 className="text-2xl font-bold tracking-tight">
-                자재마스터
-              </h2>
-              <InformationButton pagePath="evcp/material" />
-            </div>
-            <p className="text-muted-foreground">
-              MDG로부터 수신된 자재마스터 정보입니다.
-            </p>
-          </div>
-        </div>
-      </div>
-
-      <React.Suspense fallback={<Skeleton className="h-7 w-52" />}>
-        {/* 추가 컴포넌트가 필요한 경우 여기에 */}
-      </React.Suspense>
-
-      <React.Suspense
-        fallback={
-          <DataTableSkeleton
-            columnCount={5}
-            searchableColumnCount={1}
-            filterableColumnCount={3}
-            cellWidths={["10rem", "15rem", "20rem", "12rem", "12rem", "12rem"]}
-            shrinkZero
-          />
-        }
-      >
-        <MaterialTable promises={promises} />
-      </React.Suspense>
-    </Shell>
-  )
-}
\ No newline at end of file
diff --git a/app/[lng]/evcp/(evcp)/(not-used)/po-rfq/page.tsx b/app/[lng]/evcp/(evcp)/(not-used)/po-rfq/page.tsx
deleted file mode 100644
index 27e48384..00000000
--- a/app/[lng]/evcp/(evcp)/(not-used)/po-rfq/page.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import { getPORfqs } from "@/lib/procurement-rfqs/services"
-import { searchParamsCache } from "@/lib/procurement-rfqs/validations"
-import { getValidFilters } from "@/lib/data-table"
-import { Shell } from "@/components/shell"
-import { DataTableSkeleton } from "@/components/data-table/data-table-skeleton"
-import { RFQListTable } from "@/lib/procurement-rfqs/table/rfq-table"
-import { type SearchParams } from "@/types/table"
-import * as React from "react"
-import { InformationButton } from "@/components/information/information-button"
-interface RfqPageProps {
-  searchParams: Promise<SearchParams>
-}
-
-export default async function RfqPage(props: RfqPageProps) {
-  // searchParams를 await하여 resolve
-  const searchParams = await props.searchParams
-  
-  // 파라미터 파싱
-  const search = searchParamsCache.parse(searchParams);
-  const validFilters = getValidFilters(search.filters);
-  
-  // RFQ 서버는 기본필터와 고급필터를 분리해서 받으므로 그대로 전달
-  const promises = Promise.all([
-    getPORfqs({
-      ...search, // 모든 파라미터 전달 (page, perPage, sort, basicFilters, filters 등)
-      filters: validFilters, // 고급 필터를 명시적으로 오버라이드 (파싱된 버전)
-    })
-  ])
-
-  return (
-    <Shell variant="fullscreen" className="h-full"> {/* fullscreen variant 사용 */}
-      {/* 고정 헤더 영역 */}
-      <div className="flex-shrink-0">
-        <div className="flex items-center justify-between">
-          <div>
-            <div className="flex items-center gap-2">
-              <h2 className="text-2xl font-bold tracking-tight">
-                RFQ
-              </h2>
-              <InformationButton pagePath="evcp/po-rfq" />
-            </div>
-          </div>
-        </div>
-      </div>
-
-      {/* 테이블 영역 - 남은 공간 모두 차지 */}
-      <div className="flex-1 min-h-0">
-        <React.Suspense
-          fallback={
-            <DataTableSkeleton
-              columnCount={8}
-              searchableColumnCount={2}
-              filterableColumnCount={3}
-              cellWidths={["10rem", "15rem", "12rem", "12rem", "8rem", "8rem", "10rem", "8rem"]}
-              shrinkZero
-            />
-          }
-        >
-          <RFQListTable promises={promises} className="h-full" />
-        </React.Suspense>
-      </div>
-    </Shell>
-  )
-}
\ No newline at end of file
diff --git a/app/[lng]/evcp/(evcp)/(not-used)/poa/page.tsx b/app/[lng]/evcp/(evcp)/(not-used)/poa/page.tsx
deleted file mode 100644
index 0ced4957..00000000
--- a/app/[lng]/evcp/(evcp)/(not-used)/poa/page.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import * as React from "react"
-import { type SearchParams } from "@/types/table"
-
-import { getValidFilters } from "@/lib/data-table"
-import { Skeleton } from "@/components/ui/skeleton"
-import { DataTableSkeleton } from "@/components/data-table/data-table-skeleton"
-import { Shell } from "@/components/shell"
-import { getChangeOrders } from "@/lib/poa/service"
-import { searchParamsCache } from "@/lib/poa/validations"
-import { ChangeOrderListsTable } from "@/lib/poa/table/poa-table"
-import { InformationButton } from "@/components/information/information-button"
-interface IndexPageProps {
-  searchParams: Promise<SearchParams>
-}
-
-export default async function IndexPage(props: IndexPageProps) {
-  const searchParams = await props.searchParams
-  const search = searchParamsCache.parse(searchParams)
-
-  const validFilters = getValidFilters(search.filters)
-
-  const promises = Promise.all([
-    getChangeOrders({
-      ...search,
-      filters: validFilters,
-    }),
-  ])
-
-  return (
-    <Shell className="gap-2">
-      <div className="flex items-center justify-between space-y-2">
-        <div className="flex items-center justify-between space-y-2">
-          <div>
-            <div className="flex items-center gap-2">
-              <h2 className="text-2xl font-bold tracking-tight">
-                변경 PO 확인 및 전자서명  
-              </h2>
-              <InformationButton pagePath="evcp/poa" />
-            </div>
-            {/* <p className="text-muted-foreground">
-              발행된 PO의 변경 내역을 확인하고 관리할 수 있습니다.
-            </p> */}
-          </div>
-        </div>
-      </div>
-
-      <React.Suspense fallback={<Skeleton className="h-7 w-52" />}>
-      </React.Suspense>
-      <React.Suspense
-        fallback={
-          <DataTableSkeleton
-            columnCount={6}
-            searchableColumnCount={1}
-            filterableColumnCount={2}
-            cellWidths={["10rem", "40rem", "12rem", "12rem", "8rem", "8rem"]}
-            shrinkZero
-          />
-        }
-      >
-        <ChangeOrderListsTable promises={promises} />
-      </React.Suspense>
-    </Shell>
-  )
-} 
\ No newline at end of file
diff --git a/app/[lng]/evcp/(evcp)/(not-used)/project-gtc/page.tsx b/app/[lng]/evcp/(evcp)/(not-used)/project-gtc/page.tsx
deleted file mode 100644
index ac9ce03c..00000000
--- a/app/[lng]/evcp/(evcp)/(not-used)/project-gtc/page.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import * as React from "react"
-import { type SearchParams } from "@/types/table"
-
-import { Skeleton } from "@/components/ui/skeleton"
-import { DataTableSkeleton } from "@/components/data-table/data-table-skeleton"
-import { Shell } from "@/components/shell"
-import { getProjectGtcList } from "@/lib/project-gtc/service"
-import { projectGtcSearchParamsSchema } from "@/lib/project-gtc/validations"
-import { ProjectGtcTable } from "@/lib/project-gtc/table/project-gtc-table"
-import { InformationButton } from "@/components/information/information-button"
-interface IndexPageProps {
-  searchParams: Promise<SearchParams>
-}
-
-export default async function IndexPage(props: IndexPageProps) {
-  const searchParams = await props.searchParams
-  const search = projectGtcSearchParamsSchema.parse(searchParams)
-
-  const promises = Promise.all([
-    getProjectGtcList({
-      page: search.page,
-      perPage: search.perPage,
-      search: search.search,
-      sort: search.sort,
-    }),
-  ])
-
-  return (
-    <Shell className="gap-2">
-      <div className="flex items-center justify-between space-y-2">
-        <div className="flex items-center justify-between space-y-2">
-          <div>
-            <div className="flex items-center gap-2">
-              <h2 className="text-2xl font-bold tracking-tight">
-                Project GTC 관리
-              </h2>
-              <InformationButton pagePath="evcp/project-gtc" />
-            </div>
-            {/* <p className="text-muted-foreground">
-              프로젝트별 GTC(General Terms and Conditions) 파일을 관리할 수 있습니다. 
-              각 프로젝트마다 하나의 GTC 파일을 업로드할 수 있으며, 파일 업로드 시 기존 파일은 자동으로 교체됩니다.
-            </p> */}
-          </div>
-        </div>
-      </div>
-
-      <React.Suspense fallback={<Skeleton className="h-7 w-52" />}>
-        {/* 추가 기능이 필요하면 여기에 추가 */}
-      </React.Suspense>
-      
-      <React.Suspense
-        fallback={
-          <DataTableSkeleton
-            columnCount={8}
-            searchableColumnCount={1}
-            filterableColumnCount={2}
-            cellWidths={["3rem", "3rem", "12rem", "20rem", "10rem", "20rem", "15rem", "12rem", "3rem"]}
-            shrinkZero
-          />
-        }
-      >
-        <ProjectGtcTable promises={promises} />
-      </React.Suspense>
-    </Shell>
-  )
-} 
\ No newline at end of file
diff --git a/app/[lng]/evcp/(evcp)/(not-used)/project-vendors/page.tsx b/app/[lng]/evcp/(evcp)/(not-used)/project-vendors/page.tsx
deleted file mode 100644
index 07caddbb..00000000
--- a/app/[lng]/evcp/(evcp)/(not-used)/project-vendors/page.tsx
+++ /dev/null
@@ -1,77 +0,0 @@
-import * as React from "react"
-import { type SearchParams } from "@/types/table"
-
-import { getValidFilters } from "@/lib/data-table"
-import { Skeleton } from "@/components/ui/skeleton"
-import { DataTableSkeleton } from "@/components/data-table/data-table-skeleton"
-import { Shell } from "@/components/shell"
-import { ProjectAVLTable } from "@/lib/project-avl/table/proejctAVL-table"
-import { getProjecTAVL } from "@/lib/project-avl/service"
-import { searchProjectAVLParamsCache } from "@/lib/project-avl/validations"
-import { InformationButton } from "@/components/information/information-button"
-
-interface IndexPageProps {
-  searchParams: Promise<SearchParams>
-}
-
-export default async function IndexPage(props: IndexPageProps) {
-  const searchParams = await props.searchParams
-  const search = searchProjectAVLParamsCache.parse(searchParams)
-
-  const validFilters = getValidFilters(search.filters)
-
-  const promises = Promise.all([
-    getProjecTAVL({
-      ...search,
-      filters: validFilters,
-    }),
-
-  ])
-
-  return (
-    <Shell className="gap-2">
-      <div className="flex items-center justify-between space-y-2">
-        <div className="flex items-center justify-between space-y-2">
-          <div>
-            <div className="flex items-center gap-2">
-              <h2 className="text-2xl font-bold tracking-tight">
-                프로젝트 AVL 리스트
-              </h2>
-              <InformationButton pagePath="evcp/project-vendors" />
-            </div>
-            {/* <p className="text-muted-foreground">
-             프로젝트 PQ를 통과한 벤더의 리스트를 보여줍니다.{" "}
-              <span className="inline-flex items-center whitespace-nowrap">
-                <Ellipsis className="size-3" />
-                <span className="ml-1">버튼</span>
-              </span>
-              을 통해 담당자 연락처, 입찰 이력, 계약 이력, 패키지 내용 등을 확인 할 수 있습니다.
-            </p> */}
-          </div>
-        </div>
-      </div>
-
-      <React.Suspense fallback={<Skeleton className="h-7 w-52" />}>
-        {/* <DateRangePicker
-            triggerSize="sm"
-            triggerClassName="ml-auto w-56 sm:w-60"
-            align="end"
-            shallow={false}
-          /> */}
-      </React.Suspense>
-      <React.Suspense
-        fallback={
-          <DataTableSkeleton
-            columnCount={6}
-            searchableColumnCount={1}
-            filterableColumnCount={2}
-            cellWidths={["10rem", "40rem", "12rem", "12rem", "8rem", "8rem"]}
-            shrinkZero
-          />
-        }
-      >
-        <ProjectAVLTable promises={promises} />
-      </React.Suspense>
-    </Shell>
-  )
-}
diff --git a/app/[lng]/evcp/(evcp)/(not-used)/rfq/[id]/cbe/page.tsx b/app/[lng]/evcp/(evcp)/(not-used)/rfq/[id]/cbe/page.tsx
deleted file mode 100644
index fb288a98..00000000
--- a/app/[lng]/evcp/(evcp)/(not-used)/rfq/[id]/cbe/page.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import { Separator } from "@/components/ui/separator"
-import { type SearchParams } from "@/types/table"
-import { getValidFilters } from "@/lib/data-table"
-import { searchParamsCBECache } from "@/lib/rfqs/validations"
-import { getCBE } from "@/lib/rfqs/service"
-import { CbeTable } from "@/lib/rfqs/cbe-table/cbe-table"
-
-interface IndexPageProps {
-  // Next.js 13 App Router에서 기본으로 주어지는 객체들
-  params: {
-    lng: string
-    id: string
-  }
-  searchParams: Promise<SearchParams>
-}
-
-export default async function RfqCBEPage(props: IndexPageProps) {
-  const resolvedParams = await props.params
-  const lng = resolvedParams.lng
-  const id = resolvedParams.id
-
-  const idAsNumber = Number(id)
-
-  // 2) SearchParams 파싱 (Zod)
-  //    - "filters", "page", "perPage", "sort" 등 contact 전용 컬럼
-  const searchParams = await props.searchParams
-  const search = searchParamsCBECache.parse(searchParams)
-  const validFilters = getValidFilters(search.filters)
-
-  const promises = Promise.all([
-    getCBE({
-      ...search,
-      filters: validFilters,
-    },
-      idAsNumber)
-  ])
-
-  // 4) 렌더링
-  return (
-    <div className="space-y-6">
-      <div>
-        <h3 className="text-lg font-medium">
-          Commercial Bid Evaluation
-        </h3>
-        <p className="text-sm text-muted-foreground">
-          초대된 협력업체에게 CBE를 보낼 수 있습니다. <br />"발행하기" 버튼을 통해 CBE를 전송하면 CBE 내용이 메일로 전달되고 eVCP에도 협력업체가 입력할 수 있게 자동 생성됩니다.
-        </p>
-      </div>
-      <Separator />
-      <div>
-        <CbeTable promises={promises} rfqId={idAsNumber} />
-      </div>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/app/[lng]/evcp/(evcp)/(not-used)/rfq/[id]/layout.tsx b/app/[lng]/evcp/(evcp)/(not-used)/rfq/[id]/layout.tsx
deleted file mode 100644
index 92817b4b..00000000
--- a/app/[lng]/evcp/(evcp)/(not-used)/rfq/[id]/layout.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-import { Metadata } from "next"
-import Link from "next/link"
-import { Separator } from "@/components/ui/separator"
-import { SidebarNav } from "@/components/layout/sidebar-nav"
-import { RfqViewWithItems } from "@/db/schema/rfq"
-import { findRfqById } from "@/lib/rfqs/service"
-import { formatDate } from "@/lib/utils"
-import { Button } from "@/components/ui/button"
-import { ArrowLeft } from "lucide-react"
-
-export const metadata: Metadata = {
-  title: "Vendor Detail",
-}
-
-export default async function RfqLayout({
-  children,
-  params,
-}: {
-  children: React.ReactNode
-  params: { lng: string, id: string }
-}) {
-
-  // 1) URL 파라미터에서 id 추출, Number로 변환
-  const resolvedParams = await params
-  const lng = resolvedParams.lng
-  const id = resolvedParams.id
-
-  const idAsNumber = Number(id)
-  // 2) DB에서 해당 협력업체 정보 조회
-  const rfq: RfqViewWithItems | null = await findRfqById(idAsNumber)
-
-  // 3) 사이드바 메뉴
-  const sidebarNavItems = [
-    {
-      title: "Matched Vendors",
-      href: `/${lng}/evcp/rfq/${id}`,
-    },
-    {
-      title: "TBE",
-      href: `/${lng}/evcp/rfq/${id}/tbe`,
-    },
-    {
-      title: "CBE",
-      href: `/${lng}/evcp/rfq/${id}/cbe`,
-    },
-
-  ]
-
-  return (
-    <>
-      <div className="container py-6">
-        <section className="overflow-hidden rounded-[0.5rem] border bg-background shadow">
-          <div className="hidden space-y-6 p-10 pb-16 md:block">
-          <div className="flex items-center justify-end mb-4">
-              <Link href={`/${lng}/evcp/rfq`} passHref>
-                <Button variant="ghost" className="flex items-center text-primary hover:text-primary/80 transition-colors p-0 h-auto">
-                  <ArrowLeft className="mr-1 h-4 w-4" />
-                  <span>RFQ 목록으로 돌아가기</span>
-                </Button>
-              </Link>
-            </div>
-            <div className="space-y-0.5">
-              {/* 4) 협력업체 정보가 있으면 코드 + 이름 + "상세 정보" 표기 */}
-              <h2 className="text-2xl font-bold tracking-tight">
-                {rfq
-                  ? `${rfq.projectCode ?? ""} ${rfq.rfqCode ?? ""} 관리`
-                  : "Loading RFQ..."}
-              </h2>
-         
-              <p className="text-muted-foreground">
-                {rfq
-                  ? `${rfq.description ?? ""} ${rfq.lines.map(line => line.itemCode).join(", ")}`
-                  : ""}
-              </p>
-              <h3>Due Date:{rfq && rfq?.dueDate && <strong>{formatDate(rfq?.dueDate, "KR")}</strong>}</h3>
-            </div>
-            <Separator className="my-6" />
-            <div className="flex flex-col space-y-8 lg:flex-row lg:space-x-12 lg:space-y-0">
-            <aside className="lg:w-64 flex-shrink-0">
-            <SidebarNav items={sidebarNavItems} />
-              </aside>
-              <div className="lg:w-[calc(100%-16rem)] overflow-auto">{children}</div>
-              </div>
-          </div>
-        </section>
-      </div>
-    </>
-  )
-}
\ No newline at end of file
diff --git a/app/[lng]/evcp/(evcp)/(not-used)/rfq/[id]/page.tsx b/app/[lng]/evcp/(evcp)/(not-used)/rfq/[id]/page.tsx
deleted file mode 100644
index 1a9f4b18..00000000
--- a/app/[lng]/evcp/(evcp)/(not-used)/rfq/[id]/page.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import { Separator } from "@/components/ui/separator"
-import { type SearchParams } from "@/types/table"
-import { getValidFilters } from "@/lib/data-table"
-import { getMatchedVendors } from "@/lib/rfqs/service"
-import { searchParamsMatchedVCache } from "@/lib/rfqs/validations"
-import { MatchedVendorsTable } from "@/lib/rfqs/vendor-table/vendors-table"
-
-interface IndexPageProps {
-  // Next.js 13 App Router에서 기본으로 주어지는 객체들
-  params: {
-    lng: string
-    id: string
-  }
-  searchParams: Promise<SearchParams>
-}
-
-export default async function RfqPage(props: IndexPageProps) {
-  const resolvedParams = await props.params
-  const lng = resolvedParams.lng
-  const id = resolvedParams.id
-
-  const idAsNumber = Number(id)
-
-  // 2) SearchParams 파싱 (Zod)
-  //    - "filters", "page", "perPage", "sort" 등 contact 전용 컬럼
-  const searchParams = await props.searchParams
-  const search = searchParamsMatchedVCache.parse(searchParams)
-  const validFilters = getValidFilters(search.filters)
-
-  const promises = Promise.all([
-    getMatchedVendors({
-      ...search,
-      filters: validFilters,
-    },
-    idAsNumber)
-  ])
-
-  // 4) 렌더링
-  return (
-    <div className="space-y-6">
-      <div>
-        <h3 className="text-lg font-medium">
-          Vendors
-        </h3>
-        <p className="text-sm text-muted-foreground">
-          등록된 협력업체 중에서 이 RFQ 아이템에 매칭되는 업체를 보여줍니다. <br/>"발행하기" 버튼을 통해 RFQ를 전송하면 첨부파일과 함께 RFQ 내용이 메일로 전달되고 eVCP에도 협력업체가 입력할 수 있게 자동 생성됩니다.
-        </p>
-      </div>
-      <Separator />
-      <div>
-        <MatchedVendorsTable promises={promises} rfqId={idAsNumber}/>
-      </div>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/app/[lng]/evcp/(evcp)/(not-used)/rfq/[id]/tbe/page.tsx b/app/[lng]/evcp/(evcp)/(not-used)/rfq/[id]/tbe/page.tsx
deleted file mode 100644
index 76eea302..00000000
--- a/app/[lng]/evcp/(evcp)/(not-used)/rfq/[id]/tbe/page.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import { Separator } from "@/components/ui/separator"
-import { type SearchParams } from "@/types/table"
-import { getValidFilters } from "@/lib/data-table"
-import {  getTBE } from "@/lib/rfqs/service"
-import { searchParamsTBECache } from "@/lib/rfqs/validations"
-import { TbeTable } from "@/lib/rfqs/tbe-table/tbe-table"
-
-interface IndexPageProps {
-  // Next.js 13 App Router에서 기본으로 주어지는 객체들
-  params: {
-    lng: string
-    id: string
-  }
-  searchParams: Promise<SearchParams>
-}
-
-export default async function RfqTBEPage(props: IndexPageProps) {
-  const resolvedParams = await props.params
-  const lng = resolvedParams.lng
-  const id = resolvedParams.id
-
-  const idAsNumber = Number(id)
-
-  // 2) SearchParams 파싱 (Zod)
-  //    - "filters", "page", "perPage", "sort" 등 contact 전용 컬럼
-  const searchParams = await props.searchParams
-  const search = searchParamsTBECache.parse(searchParams)
-  const validFilters = getValidFilters(search.filters)
-
-  const promises = Promise.all([
-    getTBE({
-      ...search,
-      filters: validFilters,
-    },
-    idAsNumber)
-  ])
-
-  // 4) 렌더링
-  return (
-    <div className="space-y-6">
-      <div>
-        <h3 className="text-lg font-medium">
-          Technical Bid Evaluation
-        </h3>
-        <p className="text-sm text-muted-foreground">
-          초대된 협력업체에게 TBE를 보낼 수 있습니다. <br/>"발행하기" 버튼을 통해 TBE를 전송하면 첨부파일과 함께 TBE 내용이 메일로 전달되고 eVCP에도 협력업체가 입력할 수 있게 자동 생성됩니다.
-        </p>
-      </div>
-      <Separator />
-      <div>
-        <TbeTable promises={promises} rfqId={idAsNumber}/>
-      </div>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/app/[lng]/evcp/(evcp)/(not-used)/rfq/page.tsx b/app/[lng]/evcp/(evcp)/(not-used)/rfq/page.tsx
deleted file mode 100644
index 26f49cfb..00000000
--- a/app/[lng]/evcp/(evcp)/(not-used)/rfq/page.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import * as React from "react"
-import { type SearchParams } from "@/types/table"
-
-import { getValidFilters } from "@/lib/data-table"
-import { Skeleton } from "@/components/ui/skeleton"
-import { DataTableSkeleton } from "@/components/data-table/data-table-skeleton"
-import { Shell } from "@/components/shell"
-
-import { searchParamsCache } from "@/lib/rfqs/validations"
-import { getRfqs, getRfqStatusCounts } from "@/lib/rfqs/service"
-import { RfqsTable } from "@/lib/rfqs/table/rfqs-table"
-import { getAllItems } from "@/lib/items/service"
-import { RfqType } from "@/lib/rfqs/validations"
-
-interface RfqPageProps {
-  searchParams: Promise<SearchParams>;
-  rfqType: RfqType;
-  title: string;
-  description: string;
-}
-
-export default async function RfqPage({ 
-  searchParams, 
-  rfqType = RfqType.PURCHASE, 
-  title = "RFQ", 
-  description = "RFQ를 등록하고 관리할 수 있습니다."
-}: RfqPageProps) {
-  const search = searchParamsCache.parse(await searchParams)
-  
-  const validFilters = getValidFilters(search.filters)
-  
-  const promises = Promise.all([
-    getRfqs({
-      ...search,
-      filters: validFilters,
-      rfqType // 전달받은 rfqType 사용
-    }),
-    getRfqStatusCounts(rfqType), // rfqType 전달
-    getAllItems()
-  ])
-  
-  return (
-    <Shell className="gap-2">
-      <div className="flex items-center justify-between space-y-2">
-        <div className="flex items-center justify-between space-y-2">
-          <div>
-            <h2 className="text-2xl font-bold tracking-tight">
-              {title}
-            </h2>
-            {/* <p className="text-muted-foreground">
-              {description}
-            </p> */}
-          </div>
-        </div>
-      </div>
-      
-      <React.Suspense fallback={<Skeleton className="h-7 w-52" />}>
-        {/* <DateRangePicker
-            triggerSize="sm"
-            triggerClassName="ml-auto w-56 sm:w-60"
-            align="end"
-            shallow={false}
-          /> */}
-      </React.Suspense>
-      <React.Suspense
-        fallback={
-          <DataTableSkeleton
-            columnCount={6}
-            searchableColumnCount={1}
-            filterableColumnCount={2}
-            cellWidths={["10rem", "40rem", "12rem", "12rem", "8rem", "8rem"]}
-            shrinkZero
-          />
-        }
-      >
-        <RfqsTable promises={promises} rfqType={rfqType} />
-      </React.Suspense>
-    </Shell>
-  )
-}
\ No newline at end of file
diff --git a/app/[lng]/evcp/(evcp)/(not-used)/tasks/page.tsx b/app/[lng]/evcp/(evcp)/(not-used)/tasks/page.tsx
deleted file mode 100644
index 91b946fb..00000000
--- a/app/[lng]/evcp/(evcp)/(not-used)/tasks/page.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import * as React from "react"
-import { type SearchParams } from "@/types/table"
-
-import { getValidFilters } from "@/lib/data-table"
-import { Skeleton } from "@/components/ui/skeleton"
-import { DataTableSkeleton } from "@/components/data-table/data-table-skeleton"
-import { DateRangePicker } from "@/components/date-range-picker"
-import { Shell } from "@/components/shell"
-
-import { FeatureFlagsProvider } from "@/lib/tasks/table/feature-flags-provider"
-import { TasksTable } from "@/lib/tasks/table/tasks-table"
-import {
-  getTaskPriorityCounts,
-  getTasks,
-  getTaskStatusCounts,
-} from "@/lib/tasks/service"
-import { searchParamsCache } from "@/lib/tasks/validations"
-
-interface IndexPageProps {
-  searchParams: Promise<SearchParams>
-}
-
-export default async function IndexPage(props: IndexPageProps) {
-  const searchParams = await props.searchParams
-  const search = searchParamsCache.parse(searchParams)
-
-  const validFilters = getValidFilters(search.filters)
-
-  const promises = Promise.all([
-    getTasks({
-      ...search,
-      filters: validFilters,
-    }),
-    getTaskStatusCounts(),
-    getTaskPriorityCounts(),
-  ])
-
-  return (
-    <Shell className="gap-2">
-        <React.Suspense fallback={<Skeleton className="h-7 w-52" />}>
-          <DateRangePicker
-            triggerSize="sm"
-            triggerClassName="ml-auto w-56 sm:w-60"
-            align="end"
-            shallow={false}
-          />
-        </React.Suspense>
-        <React.Suspense
-          fallback={
-            <DataTableSkeleton
-              columnCount={6}
-              searchableColumnCount={1}
-              filterableColumnCount={2}
-              cellWidths={["10rem", "40rem", "12rem", "12rem", "8rem", "8rem"]}
-              shrinkZero
-            />
-          }
-        >
-          <TasksTable promises={promises} /> 
-        </React.Suspense>
-    </Shell>
-  )
-}
diff --git a/app/[lng]/evcp/(evcp)/(not-used)/tbe/page.tsx b/app/[lng]/evcp/(evcp)/(not-used)/tbe/page.tsx
deleted file mode 100644
index 211cf376..00000000
--- a/app/[lng]/evcp/(evcp)/(not-used)/tbe/page.tsx
+++ /dev/null
@@ -1,113 +0,0 @@
-import { type SearchParams } from "@/types/table" 
-import { getValidFilters } from "@/lib/data-table" 
-import { getAllTBE } from "@/lib/rfqs/service" 
-import { searchParamsTBECache } from "@/lib/rfqs/validations" 
-import { AllTbeTable } from "@/lib/tbe/table/tbe-table" 
-import { RfqType } from "@/lib/rfqs/validations" 
-import * as React from "react" 
-import { Shell } from "@/components/shell" 
-import { DataTableSkeleton } from "@/components/data-table/data-table-skeleton"
-import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs"
-
-interface IndexPageProps {
-  params: {
-    lng: string
-  }
-  searchParams: Promise<SearchParams>
-}
-
-// 타입별 페이지 설명 구성 (Budgetary 제외)
-const typeConfig: Record<string, { title: string; description: string; rfqType: RfqType }> = {
-  "purchase": {
-    title: "Purchase RFQ Technical Bid Evaluation",
-    description: "실제 구매 발주 전 가격 요청을 위한 TBE입니다.",
-    rfqType: RfqType.PURCHASE
-  },
-  "purchase-budgetary": {
-    title: "Purchase Budgetary RFQ Technical Bid Evaluation",
-    description: "프로젝트 수주 후, 공식 입찰 전 예산 책정을 위한 TBE입니다.",
-    rfqType: RfqType.PURCHASE_BUDGETARY
-  }
-}
-
-export default async function RfqTBEPage(props: IndexPageProps) {
-  const resolvedParams = await props.params
-  const lng = resolvedParams.lng
-  
-  // URL 쿼리 파라미터에서 타입 추출
-  const searchParams = await props.searchParams
-  // 기본값으로 'purchase' 사용
-  const typeParam = searchParams?.type as string || 'purchase'
-  
-  // 유효한 타입인지 확인하고 기본값 설정
-  const validType = Object.keys(typeConfig).includes(typeParam) ? typeParam : 'purchase'
-  const rfqType = typeConfig[validType].rfqType
-  
-  // SearchParams 파싱 (Zod)
-  const search = searchParamsTBECache.parse(searchParams)
-  const validFilters = getValidFilters(search.filters)
-
-  // 현재 선택된 타입의 데이터 로드
-  const promises = Promise.all([
-    getAllTBE({
-      ...search,
-      filters: validFilters,
-      rfqType
-    })
-  ])
-  
-  // 페이지 경로 생성 함수 - 단순화
-  const getTabUrl = (type: string) => {
-    return `/${lng}/evcp/tbe?type=${type}`;
-  }
-
-  return (
-    <Shell className="gap-2">
-      <div className="flex items-center justify-between space-y-2">
-        <div className="flex items-center justify-between space-y-2">
-          <div>
-            <h2 className="text-2xl font-bold tracking-tight">
-              TBE 관리
-            </h2>
-            {/* <p className="text-muted-foreground">
-              초대된 협력업체에게 TBE를 보낼 수 있습니다. <br/>
-              체크박스 선택을 하면 초대 버튼이 활성화됩니다. 버튼 클릭 후 첨부파일을 함께 전송하면 TBE 내용이 메일로 전달되고 eVCP에도 협력업체가 입력할 수 있게 자동 생성됩니다.
-            </p> */}
-          </div>
-        </div>
-      </div>
-      
-      {/* 타입 선택 탭 (Budgetary 제외) */}
-      <Tabs defaultValue={validType} value={validType} className="w-full">
-        <TabsList className="grid grid-cols-2 w-full max-w-md">
-          <TabsTrigger value="purchase" asChild>
-            <a href={getTabUrl('purchase')}>Purchase</a>
-          </TabsTrigger>
-          <TabsTrigger value="purchase-budgetary" asChild>
-            <a href={getTabUrl('purchase-budgetary')}>Purchase Budgetary</a>
-          </TabsTrigger>
-        </TabsList>
-        
-        <div className="mt-2">
-          <p className="text-sm text-muted-foreground">
-            {typeConfig[validType].description}
-          </p>
-        </div>
-      </Tabs>
-      
-      <React.Suspense
-        fallback={
-          <DataTableSkeleton
-            columnCount={6}
-            searchableColumnCount={1}
-            filterableColumnCount={2}
-            cellWidths={["10rem", "40rem", "12rem", "12rem", "8rem", "8rem"]}
-            shrinkZero
-          />
-        }
-      >
-        <AllTbeTable promises={promises}/>
-      </React.Suspense>
-    </Shell>
-  )
-}
\ No newline at end of file
diff --git a/app/[lng]/test/table/page.tsx b/app/[lng]/test/table/page.tsx
new file mode 100644
index 00000000..88d050fc
--- /dev/null
+++ b/app/[lng]/test/table/page.tsx
@@ -0,0 +1,168 @@
+"use client"
+
+import * as React from "react"
+import { ColumnDef } from "@tanstack/react-table"
+import { ClientVirtualTable } from "@/components/client-table/client-virtual-table"
+import { Badge } from "@/components/ui/badge"
+import { Button } from "@/components/ui/button"
+
+// 1. Define the data type
+type TestData = {
+  id: string
+  name: string
+  email: string
+  role: "Admin" | "User" | "Guest"
+  status: "Active" | "Inactive" | "Pending"
+  lastLogin: string
+  amount: number
+}
+
+// 2. Generate dummy data
+const generateData = (count: number): TestData[] => {
+  const roles: TestData["role"][] = ["Admin", "User", "Guest"]
+  const statuses: TestData["status"][] = ["Active", "Inactive", "Pending"]
+  
+  return Array.from({ length: count }).map((_, i) => ({
+    id: `ID-${i + 1}`,
+    name: `User ${i + 1}`,
+    email: `user${i + 1}@example.com`,
+    role: roles[Math.floor(Math.random() * roles.length)],
+    status: statuses[Math.floor(Math.random() * statuses.length)],
+    lastLogin: new Date(Date.now() - Math.floor(Math.random() * 10000000000)).toISOString().split('T')[0],
+    amount: Math.floor(Math.random() * 10000),
+  }))
+}
+
+export default function TestTablePage() {
+  // State for data
+  const [data, setData] = React.useState<TestData[]>([])
+  const [isLoading, setIsLoading] = React.useState(true)
+
+  // Load data on mount
+  React.useEffect(() => {
+    const timer = setTimeout(() => {
+      setData(generateData(100000)) // Generate 1000 rows
+      setIsLoading(false)
+    }, 500)
+    return () => clearTimeout(timer)
+  }, [])
+
+  // 3. Define columns
+  const columns: ColumnDef<TestData>[] = [
+    {
+      accessorKey: "id",
+      header: "ID",
+      size: 80,
+    },
+    {
+      accessorKey: "name",
+      header: "Name",
+      size: 150,
+    },
+    {
+      accessorKey: "email",
+      header: "Email",
+      size: 200,
+    },
+    {
+      accessorKey: "role",
+      header: "Role",
+      size: 100,
+      cell: ({ getValue }) => {
+        const role = getValue() as string
+        return (
+          <Badge variant={role === "Admin" ? "default" : "secondary"}>
+            {role}
+          </Badge>
+        )
+      }
+    },
+    {
+      accessorKey: "status",
+      header: "Status",
+      size: 100,
+      cell: ({ getValue }) => {
+        const status = getValue() as string
+        let color = "bg-gray-500"
+        if (status === "Active") color = "bg-green-500"
+        if (status === "Inactive") color = "bg-red-500"
+        if (status === "Pending") color = "bg-yellow-500"
+        
+        return (
+          <div className="flex items-center gap-2">
+            <div className={`w-2 h-2 rounded-full ${color}`} />
+            <span>{status}</span>
+          </div>
+        )
+      }
+    },
+    {
+      accessorKey: "amount",
+      header: "Amount",
+      size: 200,
+      cell: ({ getValue }) => {
+        const amount = getValue() as number
+        return new Intl.NumberFormat("en-US", {
+          style: "currency",
+          currency: "USD",
+        }).format(amount)
+      },
+      meta: {
+        align: "right"
+      }
+    },
+    {
+      accessorKey: "lastLogin",
+      header: "Last Login",
+      size: 120,
+    },
+    {
+      id: "actions",
+      header: "Actions",
+      size: 100,
+      cell: () => (
+        <Button variant="ghost" size="sm">Edit</Button>
+      ),
+      enablePinning: true,
+    }
+  ]
+
+  return (
+    <div className="h-full flex flex-col p-6 space-y-4">
+      <div className="flex justify-between items-center">
+        <div>
+          <h1 className="text-2xl font-bold tracking-tight">Virtual Table Test</h1>
+          <p className="text-muted-foreground">
+            Testing the ClientVirtualTable component with 1000 generated rows.
+          </p>
+        </div>
+        <div className="flex gap-2">
+            <Button onClick={() => {
+                setIsLoading(true)
+                setTimeout(() => {
+                    setData(generateData(5000))
+                    setIsLoading(false)
+                }, 500)
+            }}>
+                Reload 5k Rows
+            </Button>
+        </div>
+      </div>
+
+      <div className="border rounded-lg overflow-auto h-[1000px]">
+        <ClientVirtualTable
+          data={data}
+          columns={columns}
+          height="100%"
+          isLoading={isLoading}
+          enablePagination={true}
+          enableRowSelection={true}
+          enableGrouping={true}
+          onRowClick={(row) => console.log("Row clicked:", row.original)}
+          enableUserPreset={true}
+          tableKey="test-table"
+        />
+      </div>
+    </div>
+  )
+}