EENE Dashboard upload to Gitea

Co-authored-by: Cursor <cursoragent@cursor.com>

frontend/src/lib/hubConfig.ts

@@ -1,7 +1,11 @@
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useRef } from 'react';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { apiClient } from './apiClient';
 import { migrateScheduleItem, quarterDateBounds } from './hubSchedule';
+import { ROUTINE_CATEGORIES } from './routineCategories';
 
 const STORAGE_KEY = 'eene-quarter-hub-config-v1';
+const QUERY_KEY = ['hub-config'] as const;
 
 export interface HubScheduleItem {
   id: string;
@@ -19,7 +23,7 @@ export interface HubConfig {
 }
 
 export const DEFAULT_HUB_CONFIG: HubConfig = {
-  sloganTitle: '분기 슬로건',
+  sloganTitle: '분기 중점 과제',
   sloganLines: ['인사 · 육성 · 문화 · 총무', '개선과제', '정상 추진'],
   scheduleTitle: '분기 주요 일정',
   scheduleItems: [
@@ -27,9 +31,29 @@ export const DEFAULT_HUB_CONFIG: HubConfig = {
     { id: '2', date: '2026-05-15', text: '조직문화 진단·리더십 교육' },
     { id: '3', date: '2026-06-20', text: '분기 성과 점검·평가' },
   ],
-  routineLabels: ['채용', '교육', '소통', '시설', '자산', '행정'],
+  routineLabels: ['채용 운영', '학습 지원', '직원 소통', '자산·시설', '문서·행정'],
 };
 
+function migrateRoutineLabels(raw: unknown): string[] {
+  if (!Array.isArray(raw)) return [...ROUTINE_CATEGORIES];
+  const labels = raw.map(String);
+  if (labels.length === ROUTINE_CATEGORIES.length && labels.every((label, i) => label === ROUTINE_CATEGORIES[i])) {
+    return [...ROUTINE_CATEGORIES];
+  }
+  const legacyFull = ['채용 운영', '교육 운영', '직원 소통', '자산·시설', '문서·행정'];
+  if (labels.length === legacyFull.length && labels.every((label, i) => label === legacyFull[i])) {
+    return [...ROUTINE_CATEGORIES];
+  }
+  const legacyShort = ['채용', '교육', '소통', '시설', '자산', '행정'];
+  if (labels.length === legacyShort.length && labels.every((label, i) => label === legacyShort[i])) {
+    return [...ROUTINE_CATEGORIES];
+  }
+  if (labels.some((label) => label === '교육 운영')) {
+    return labels.map((label) => (label === '교육 운영' ? '학습 지원' : label));
+  }
+  return labels.length > 0 ? labels : [...ROUTINE_CATEGORIES];
+}
+
 function migrateConfig(raw: Record<string, unknown>): HubConfig {
   const { year } = quarterDateBounds('2026-Q2');
   const scheduleItems = Array.isArray(raw.scheduleItems)
@@ -39,52 +63,84 @@ function migrateConfig(raw: Record<string, unknown>): HubConfig {
     : DEFAULT_HUB_CONFIG.scheduleItems;
 
   return {
-    sloganTitle: (raw.sloganTitle as string) ?? DEFAULT_HUB_CONFIG.sloganTitle,
+    sloganTitle: (() => {
+      const t = (raw.sloganTitle as string) ?? DEFAULT_HUB_CONFIG.sloganTitle;
+      return t === '분기 슬로건' ? '분기 중점 과제' : t;
+    })(),
     sloganLines: (raw.sloganLines as string[]) ?? DEFAULT_HUB_CONFIG.sloganLines,
     scheduleTitle: (raw.scheduleTitle as string) ?? DEFAULT_HUB_CONFIG.scheduleTitle,
     scheduleItems,
-    routineLabels: (raw.routineLabels as string[]) ?? DEFAULT_HUB_CONFIG.routineLabels,
+    routineLabels: migrateRoutineLabels(raw.routineLabels),
   };
 }
 
-function loadConfig(): HubConfig {
-  if (typeof window === 'undefined') return DEFAULT_HUB_CONFIG;
+async function fetchHubConfig(): Promise<HubConfig> {
+  const raw = await apiClient.get<Record<string, unknown>>('/hub-config').then((r) => r.data);
+  return migrateConfig({ ...DEFAULT_HUB_CONFIG, ...raw });
+}
+
+async function saveHubConfig(config: HubConfig): Promise<HubConfig> {
+  const raw = await apiClient.patch<Record<string, unknown>>('/hub-config', config).then((r) => r.data);
+  return migrateConfig({ ...DEFAULT_HUB_CONFIG, ...raw });
+}
+
+function readLegacyLocalConfig(): HubConfig | null {
+  if (typeof window === 'undefined') return null;
   try {
     const raw = localStorage.getItem(STORAGE_KEY);
-    if (!raw) return DEFAULT_HUB_CONFIG;
+    if (!raw) return null;
     return migrateConfig({ ...DEFAULT_HUB_CONFIG, ...JSON.parse(raw) });
   } catch {
-    return DEFAULT_HUB_CONFIG;
+    return null;
   }
 }
 
-function saveConfig(config: HubConfig) {
-  localStorage.setItem(STORAGE_KEY, JSON.stringify(config));
-}
-
 export function useHubConfig() {
-  const [config, setConfigState] = useState<HubConfig>(loadConfig);
+  const queryClient = useQueryClient();
+  const legacyMigrated = useRef(false);
 
-  const setConfig = useCallback((patch: Partial<HubConfig> | ((prev: HubConfig) => HubConfig)) => {
-    setConfigState((prev) => {
-      const next = typeof patch === 'function' ? patch(prev) : { ...prev, ...patch };
-      saveConfig(next);
-      return next;
-    });
-  }, []);
+  const { data: config = DEFAULT_HUB_CONFIG, isLoading } = useQuery({
+    queryKey: QUERY_KEY,
+    queryFn: fetchHubConfig,
+    staleTime: 30_000,
+  });
 
-  const resetConfig = useCallback(() => {
-    localStorage.removeItem(STORAGE_KEY);
-    setConfigState(DEFAULT_HUB_CONFIG);
-  }, []);
+  const saveMutation = useMutation({
+    mutationFn: saveHubConfig,
+    onSuccess: (saved) => {
+      queryClient.setQueryData(QUERY_KEY, saved);
+    },
+  });
 
   useEffect(() => {
-    const onStorage = (e: StorageEvent) => {
-      if (e.key === STORAGE_KEY) setConfigState(loadConfig());
-    };
-    window.addEventListener('storage', onStorage);
-    return () => window.removeEventListener('storage', onStorage);
-  }, []);
+    if (isLoading || legacyMigrated.current) return;
+    const legacy = readLegacyLocalConfig();
+    if (!legacy) return;
+    legacyMigrated.current = true;
+    localStorage.removeItem(STORAGE_KEY);
+    saveHubConfig(legacy)
+      .then((saved) => {
+        queryClient.setQueryData(QUERY_KEY, saved);
+      })
+      .catch(() => {
+        /* API 미준비 등 — 기본값 유지 */
+      });
+  }, [isLoading, queryClient]);
 
-  return { config, setConfig, resetConfig };
+  const setConfig = useCallback(
+    (patch: Partial<HubConfig> | ((prev: HubConfig) => HubConfig)) => {
+      const prev = queryClient.getQueryData<HubConfig>(QUERY_KEY) ?? DEFAULT_HUB_CONFIG;
+      const next = typeof patch === 'function' ? patch(prev) : { ...prev, ...patch };
+      queryClient.setQueryData(QUERY_KEY, next);
+      saveMutation.mutate(next);
+    },
+    [queryClient, saveMutation],
+  );
+
+  const resetConfig = useCallback(() => {
+    queryClient.setQueryData(QUERY_KEY, DEFAULT_HUB_CONFIG);
+    saveMutation.mutate(DEFAULT_HUB_CONFIG);
+  }, [queryClient, saveMutation]);
+
+  return { config, setConfig, resetConfig, isLoading };
 }