"use client";

/**
 * 노드 기반 제어 시스템 페이지
 */

import { FlowEditor } from "@/components/dataflow/node-editor/FlowEditor";

export default function NodeEditorPage() {
  return (
    <div className="h-screen bg-gray-50">
      {/* 페이지 헤더 */}
      <div className="border-b bg-white p-4">
        <div className="mx-auto">
          <h1 className="text-2xl font-bold text-gray-900">노드 기반 제어 시스템</h1>
          <p className="mt-1 text-sm text-gray-600">
            드래그 앤 드롭으로 데이터 제어 플로우를 시각적으로 설계하고 관리합니다
          </p>
        </div>
      </div>

      {/* 에디터 */}
      <FlowEditor />
    </div>
  );
}