실시간 차트 신고가,신저가 표시

frontend/src/components/strategyEditor/TemplatePaletteTab.tsx

@@ -1,16 +1,25 @@
 import React from 'react';
 import type { StrategyTemplateDef } from '../../utils/strategyPresets';
 import type { UserStrategyTemplate } from '../../utils/strategyTemplateStorage';
+import type { PaletteItem } from '../../utils/strategyPaletteStorage';
+import {
+  templateBadgeForSource,
+  type TemplatePaletteSource,
+} from '../../utils/strategyEditorTemplatePaletteRows';
+
+export type { TemplatePaletteSource };
 
 export type TemplatePaletteRow = {
   key: string;
-  source: 'user' | 'builtin';
+  source: TemplatePaletteSource;
   label: string;
   description?: string;
   signal: 'buy' | 'sell';
   user?: UserStrategyTemplate;
   builtinId?: string;
   builtin?: StrategyTemplateDef;
+  paletteItem?: PaletteItem;
+  sidewaysFilterId?: string;
 };
 
 interface Props {
@@ -91,7 +100,9 @@ export default function TemplatePaletteTab({
         {rows.length === 0 ? (
           <div className="se-template-empty">검색 결과가 없습니다</div>
         ) : (
-          rows.map(row => (
+          rows.map(row => {
+            const sourceBadge = templateBadgeForSource(row.source);
+            return (
             <div
               key={row.key}
               className={`se-template-row${selectedKey === row.key ? ' se-template-row--selected' : ''}`}
@@ -108,7 +119,11 @@ export default function TemplatePaletteTab({
             >
               <div className="se-template-item">
                 <span className="se-template-label">
-                  {row.source === 'user' && <span className="se-template-user-badge">내 템플릿</span>}
+                  {sourceBadge && (
+                    <span className={`se-template-source-badge se-template-source-badge--${row.source}`}>
+                      {sourceBadge}
+                    </span>
+                  )}
                   {row.label}
                 </span>
                 {row.description && (
@@ -119,7 +134,8 @@ export default function TemplatePaletteTab({
                 </span>
               </div>
             </div>
-          ))
+            );
+          })
         )}
       </div>
     </div>