앱 전략편집기 수정

frontend/src/components/StrategyEditorPage.tsx

@@ -142,6 +142,7 @@ import {
 } from '../utils/strategyImportExport';
 import PaletteChip from './strategyEditor/PaletteChip';
 import PaletteDragOverlay from './strategyEditor/PaletteDragOverlay';
+import { needsPointerPaletteDrag } from '../utils/paletteDragSession';
 import SePanelCollapseHandle from './strategyEditor/SePanelCollapseHandle';
 import {
   clampPanelSize,
@@ -1617,7 +1618,7 @@ export default function StrategyEditorPage({ theme, onNavigateToBacktest }: Prop
 
   return (
     <div className={`se-page se-page--${theme}`}>
-      <PaletteDragOverlay />
+      {needsPointerPaletteDrag() ? <PaletteDragOverlay /> : null}
       {saveToast && (
         <div className="se-save-toast">전략이 DB에 성공적으로 저장되었습니다.</div>
       )}

frontend/src/components/strategyEditor/PaletteChip.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import {
+  handlePaletteMouseDown,
   handlePalettePointerDown,
   handlePaletteTouchStart,
   needsPointerPaletteDrag,
@@ -56,6 +57,10 @@ export default function PaletteChip({
     handlePalettePointerDown(e, buildPayload(), composite ? `${label} + ${label}` : label);
   };
 
+  const onMouseDown = (e: React.MouseEvent) => {
+    handlePaletteMouseDown(e, buildPayload(), composite ? `${label} + ${label}` : label);
+  };
+
   const onTouchStart = (e: React.TouchEvent) => {
     handlePaletteTouchStart(e, buildPayload(), composite ? `${label} + ${label}` : label);
   };
@@ -88,6 +93,7 @@ export default function PaletteChip({
       className={`se-palette-card ${color ? `se-palette-card--${color}` : 'se-palette-card--ind'}${composite ? ' se-palette-card--composite' : ''}${selected ? ' se-palette-card--selected' : ''}`}
       onDragStart={onDragStart}
       onPointerDown={onPointerDown}
+      onMouseDown={onMouseDown}
       onTouchStart={onTouchStart}
       onClick={handleClick}
       onDoubleClick={handleDoubleClick}