ui 수정 및 시현할 기능 업데이트

frontend/components/dataflow/DataFlowSidebar.tsx

@@ -54,7 +54,7 @@ export const DataFlowSidebar: React.FC<DataFlowSidebarProps> = ({
 
           <button
             onClick={onClearAll}
-            className="w-full rounded-lg bg-red-500 p-3 font-medium text-white transition-colors hover:bg-red-600"
+            className="w-full rounded-lg bg-destructive/100 p-3 font-medium text-white transition-colors hover:bg-red-600"
           >
             🗑️ 전체 삭제
           </button>
@@ -72,7 +72,7 @@ export const DataFlowSidebar: React.FC<DataFlowSidebarProps> = ({
         {/* 통계 정보 */}
         <div className="mt-6 rounded-lg bg-gray-50 p-4">
           <div className="mb-2 text-sm font-semibold text-gray-700">통계</div>
-          <div className="space-y-1 text-sm text-gray-600">
+          <div className="space-y-1 text-sm text-muted-foreground">
             <div className="flex justify-between">
               <span>테이블 노드:</span>
               <span className="font-medium">{nodes.length}개</span>