전략편집기 메뉴 추가

frontend/src/components/TopMenuBar.tsx

@@ -9,8 +9,9 @@ import type { Theme } from '../types';
 import type { AuthSession } from '../utils/auth';
 import TradeAlertPopupMenubarSelect from './TradeAlertPopupMenubarSelect';
 import type { TradeAlertPopupLayout, TradeAlertPopupPosition } from '../utils/tradeAlertPopupLayout';
+import { canAccessMenu } from '../utils/permissions';
 
-export type MenuPage = 'dashboard' | 'chart' | 'paper' | 'strategy' | 'backtest' | 'notifications' | 'settings';
+export type MenuPage = 'dashboard' | 'chart' | 'paper' | 'strategy' | 'strategy-editor' | 'backtest' | 'notifications' | 'settings';
 
 interface TopMenuBarProps {
   activePage: MenuPage;
@@ -129,11 +130,22 @@ const THEME_CONFIG: Record<Theme, { icon: string; label: string; next: Theme }>
   light: { icon: '☀️', label: '라이트', next: 'dark'  },
 };
 
+const IcStrategyEditor = () => (
+  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
+    <rect x="1.5" y="2" width="13" height="12" rx="1.5"/>
+    <circle cx="4.5" cy="6" r="1.2" fill="currentColor" stroke="none"/>
+    <circle cx="8" cy="8" r="1.2" fill="currentColor" stroke="none"/>
+    <circle cx="11.5" cy="10" r="1.2" fill="currentColor" stroke="none"/>
+    <path d="M5.5 6 L7 8 L10.5 10"/>
+  </svg>
+);
+
 const MENU_ITEMS: { page: MenuPage; label: string; icon: React.ReactNode }[] = [
   { page: 'dashboard', label: '대시보드',   icon: <IcDashboard /> },
   { page: 'chart',     label: '실시간차트', icon: <IcChart />     },
   { page: 'paper',     label: '모의투자',   icon: <IcPaper />     },
   { page: 'strategy',  label: '투자전략',   icon: <IcStrategy />  },
+  { page: 'strategy-editor', label: '전략편집기', icon: <IcStrategyEditor /> },
   { page: 'backtest',  label: '백테스팅',   icon: <IcBacktest />  },
   { page: 'settings',  label: '설정',       icon: <IcSettings />  },
 ];
@@ -158,7 +170,7 @@ export const TopMenuBar = memo(function TopMenuBar({
 }: TopMenuBarProps) {
   const tc = THEME_CONFIG[theme];
   const visibleItems = menuPermissions
-    ? MENU_ITEMS.filter(({ page }) => menuPermissions[page] === true)
+    ? MENU_ITEMS.filter(({ page }) => canAccessMenu(menuPermissions, page))
     : MENU_ITEMS;
   const showNotifications = menuPermissions == null || menuPermissions.notifications === true;