배송/화물현황과 리스크/알림(api 활용, 공공데이터 복구시 대체될 가능성 있음)

frontend/components/admin/dashboard/CanvasElement.tsx

@@ -27,6 +27,16 @@ const VehicleMapWidget = dynamic(() => import("@/components/dashboard/widgets/Ve
   loading: () => <div className="flex h-full items-center justify-center text-sm text-gray-500">로딩 중...</div>,
 });
 
+const DeliveryStatusWidget = dynamic(() => import("@/components/dashboard/widgets/DeliveryStatusWidget"), {
+  ssr: false,
+  loading: () => <div className="flex h-full items-center justify-center text-sm text-gray-500">로딩 중...</div>,
+});
+
+const RiskAlertWidget = dynamic(() => import("@/components/dashboard/widgets/RiskAlertWidget"), {
+  ssr: false,
+  loading: () => <div className="flex h-full items-center justify-center text-sm text-gray-500">로딩 중...</div>,
+});
+
 // 시계 위젯 임포트
 import { ClockWidget } from "./widgets/ClockWidget";
 
@@ -396,6 +406,16 @@ export function CanvasElement({
           <div className="widget-interactive-area h-full w-full">
             <VehicleMapWidget />
           </div>
+        ) : element.type === "widget" && element.subtype === "delivery-status" ? (
+          // 배송/화물 현황 위젯 렌더링
+          <div className="widget-interactive-area h-full w-full">
+            <DeliveryStatusWidget />
+          </div>
+        ) : element.type === "widget" && element.subtype === "risk-alert" ? (
+          // 리스크/알림 위젯 렌더링
+          <div className="widget-interactive-area h-full w-full">
+            <RiskAlertWidget />
+          </div>
         ) : (
           // 기타 위젯 렌더링
           <div