리스트 뷰/편집 모드에서 동일한 레이아웃 제공

frontend/components/dashboard/DashboardViewer.tsx

@@ -25,7 +25,18 @@ const DocumentWidget = dynamic(() => import("./widgets/DocumentWidget"), { ssr:
 const BookingAlertWidget = dynamic(() => import("./widgets/BookingAlertWidget"), { ssr: false });
 const MaintenanceWidget = dynamic(() => import("./widgets/MaintenanceWidget"), { ssr: false });
 const CalculatorWidget = dynamic(() => import("./widgets/CalculatorWidget"), { ssr: false });
-const CalendarWidget = dynamic(() => import("@/components/admin/dashboard/widgets/CalendarWidget").then(mod => ({ default: mod.CalendarWidget })), { ssr: false });
+const CalendarWidget = dynamic(
+  () => import("@/components/admin/dashboard/widgets/CalendarWidget").then((mod) => ({ default: mod.CalendarWidget })),
+  { ssr: false },
+);
+const ClockWidget = dynamic(
+  () => import("@/components/admin/dashboard/widgets/ClockWidget").then((mod) => ({ default: mod.ClockWidget })),
+  { ssr: false },
+);
+const ListWidget = dynamic(
+  () => import("@/components/admin/dashboard/widgets/ListWidget").then((mod) => ({ default: mod.ListWidget })),
+  { ssr: false },
+);
 
 /**
  * 위젯 렌더링 함수 - DashboardSidebar의 모든 subtype 처리
@@ -34,7 +45,7 @@ const CalendarWidget = dynamic(() => import("@/components/admin/dashboard/widget
 function renderWidget(element: DashboardElement) {
   switch (element.subtype) {
     // 차트는 ChartRenderer에서 처리됨 (이 함수 호출 안됨)
-    
+
     // === 위젯 종류 ===
     case "exchange":
       return <ExchangeWidget element={element} />;
@@ -43,14 +54,7 @@ function renderWidget(element: DashboardElement) {
     case "calculator":
       return <CalculatorWidget element={element} />;
     case "clock":
-      return (
-        <div className="flex h-full w-full items-center justify-center bg-gradient-to-br from-blue-400 to-purple-600 p-4 text-white">
-          <div className="text-center">
-            <div className="mb-2 text-3xl">⏰</div>
-            <div className="text-sm">시계 위젯 (개발 예정)</div>
-          </div>
-        </div>
-      );
+      return <ClockWidget element={element} />;
     case "map-summary":
       return <MapSummaryWidget element={element} />;
     case "list-summary":
@@ -61,7 +65,7 @@ function renderWidget(element: DashboardElement) {
       return <CalendarWidget element={element} />;
     case "status-summary":
       return <StatusSummaryWidget element={element} />;
-    
+
     // === 운영/작업 지원 ===
     case "todo":
       return <TodoWidget element={element} />;
@@ -72,8 +76,8 @@ function renderWidget(element: DashboardElement) {
     case "document":
       return <DocumentWidget element={element} />;
     case "list":
-      return <ListSummaryWidget element={element} />;
-    
+      return <ListWidget element={element} />;
+
     // === 차량 관련 (추가 위젯) ===
     case "vehicle-status":
       return <VehicleStatusWidget />;
@@ -81,7 +85,7 @@ function renderWidget(element: DashboardElement) {
       return <VehicleListWidget />;
     case "vehicle-map":
       return <VehicleMapOnlyWidget element={element} />;
-    
+
     // === 배송 관련 (추가 위젯) ===
     case "delivery-status":
       return <DeliveryStatusWidget />;
@@ -93,7 +97,7 @@ function renderWidget(element: DashboardElement) {
       return <CargoListWidget />;
     case "customer-issues":
       return <CustomerIssuesWidget />;
-    
+
     // === 기본 fallback ===
     default:
       return (
@@ -301,7 +305,9 @@ function ViewerElement({ element, data, isLoading, onRefresh }: ViewerElementPro
       <div className="h-[calc(100%-57px)]">
         {element.type === "chart" ? (
           <ChartRenderer element={element} data={data} width={element.size.width} height={element.size.height - 57} />
-        ) : renderWidget(element)}
+        ) : (
+          renderWidget(element)
+        )}
       </div>
 
       {/* 로딩 오버레이 */}