From b4ad0b1abfd031e1338f885ed7f0beb9864a4523 Mon Sep 17 00:00:00 2001
From: gahusb <bgg8988@gmail.com>
Date: Wed, 13 May 2026 21:47:52 +0900
Subject: [PATCH] feat(screener): CanvasToolbar floating panel

---
 .../components/canvas/CanvasToolbar.jsx       | 61 +++++++++++++++++++
 1 file changed, 61 insertions(+)
 create mode 100644 src/pages/stock/screener/components/canvas/CanvasToolbar.jsx

diff --git a/src/pages/stock/screener/components/canvas/CanvasToolbar.jsx b/src/pages/stock/screener/components/canvas/CanvasToolbar.jsx
new file mode 100644
index 0000000..40022d9
--- /dev/null
+++ b/src/pages/stock/screener/components/canvas/CanvasToolbar.jsx
@@ -0,0 +1,61 @@
+import React from 'react';
+import { Panel, useReactFlow } from '@xyflow/react';
+
+export default function CanvasToolbar({
+  onRunPreview,
+  onRunSave,
+  onPersistSettings,
+  onResetLayout,
+  dirty,
+  running,
+}) {
+  const { fitView } = useReactFlow();
+
+  return (
+    <Panel position="top-left" className="canvas-toolbar">
+      <button
+        type="button"
+        className="canvas-toolbar-btn canvas-toolbar-btn--primary"
+        disabled={running}
+        onClick={onRunPreview}
+        title="현재 가중치로 미리보기 실행"
+      >
+        {running ? '실행 중…' : '▶ 실행'}
+      </button>
+      <button
+        type="button"
+        className="canvas-toolbar-btn"
+        disabled={running}
+        onClick={onRunSave}
+        title="실행 결과를 DB에 저장"
+      >
+        💾 저장 실행
+      </button>
+      <button
+        type="button"
+        className="canvas-toolbar-btn"
+        disabled={!dirty}
+        onClick={onPersistSettings}
+        title="현재 설정을 영구 저장"
+      >
+        📌 설정 저장{dirty ? ' *' : ''}
+      </button>
+      <button
+        type="button"
+        className="canvas-toolbar-btn"
+        onClick={onResetLayout}
+        title="노드 위치를 초기 좌표로 복귀"
+      >
+        🔄
+      </button>
+      <button
+        type="button"
+        className="canvas-toolbar-btn"
+        onClick={() => fitView({ padding: 0.2, duration: 300 })}
+        title="화면에 맞춤"
+      >
+        ⛶
+      </button>
+    </Panel>
+  );
+}