Enhance batch management functionality by adding node flow execution support and improving batch configuration creation. Introduce new API endpoint for retrieving node flows and update existing batch services to handle execution types. Update frontend components to support new scheduling options and node flow selection.

frontend/components/dataflow/node-editor/nodes/CommentNode.tsx

@@ -1,29 +1,21 @@
 "use client";
 
-/**
- * 주석 노드 - 플로우 설명용
- */
-
 import { memo } from "react";
 import { NodeProps } from "reactflow";
 import { MessageSquare } from "lucide-react";
-import type { CommentNodeData } from "@/types/node-editor";
+import { CompactNodeShell } from "./CompactNodeShell";
 
-export const CommentNode = memo(({ data, selected }: NodeProps<CommentNodeData>) => {
+export const CommentNode = memo(({ data, selected }: NodeProps<any>) => {
   return (
-    <div
-      className={`max-w-[350px] min-w-[200px] rounded-lg border-2 border-dashed bg-amber-50 shadow-sm transition-all ${
-        selected ? "border-yellow-500 shadow-md" : "border-amber-300"
-      }`}
-    >
-      <div className="p-3">
-        <div className="mb-2 flex items-center gap-2">
-          <MessageSquare className="h-4 w-4 text-amber-600" />
-          <span className="text-xs font-semibold text-yellow-800">메모</span>
-        </div>
-        <div className="text-sm whitespace-pre-wrap text-foreground">{data.content || "메모를 입력하세요..."}</div>
-      </div>
-    </div>
+    <CompactNodeShell
+      color="#6B7280"
+      label="메모"
+      summary={data.comment || data.text || "메모를 작성해 주세요"}
+      icon={<MessageSquare className="h-3.5 w-3.5" />}
+      selected={selected}
+      hasInput={false}
+      hasOutput={false}
+    />
   );
 });