diff --git a/app/[locale]/(protected)/supervisor/ticketing/detail/[id]/page.tsx b/app/[locale]/(protected)/supervisor/ticketing/detail/[id]/page.tsx
index 4f046eff..d21d99a1 100644
--- a/app/[locale]/(protected)/supervisor/ticketing/detail/[id]/page.tsx
+++ b/app/[locale]/(protected)/supervisor/ticketing/detail/[id]/page.tsx
@@ -1,19 +1,20 @@
-// import { Card, CardContent } from "@/components/ui/card";
-// import SiteBreadcrumb from "@/components/site-breadcrumb";
-// import FormTask from "@/components/form/task/task-form";
-// import FormTaskDetail from "@/components/form/task/task-detail-form";
-// import FormDetailInternal from "@/components/form/communication/internal-detail-form";
-// import FormDetailTicketing from "@/components/form/ticketing/ticketing-detail-form";
+import { Card, CardContent } from "@/components/ui/card";
+import SiteBreadcrumb from "@/components/site-breadcrumb";
+import FormTask from "@/components/form/task/task-form";
+import FormTaskDetail from "@/components/form/task/task-detail-form";
+import FormDetailInternal from "@/components/form/communication/internal-detail-form";
+import FormDetailTicketing from "@/components/form/ticketing/ticketing-detail-form";
 
-// const TicketingDetailPage = async () => {
-//   return (
-//     <div>
-//       <SiteBreadcrumb />
-//       <div className="space-y-4">
-//         <FormDetailTicketing id={selectedTicketId} />
-//       </div>
-//     </div>
-//   );
-// };
+const TicketingDetailPage = async () => {
+  return (
+    <div>
+      <SiteBreadcrumb />
+      <div className="space-y-4">
+        {/* <FormDetailTicketing id={selectedTicketId} /> */}
+        <></>
+      </div>
+    </div>
+  );
+};
 
-// export default TicketingDetailPage;
+export default TicketingDetailPage;