[feat/MAT-614] 개념태그 그래프 시스템 관리자 페이지 적용

apps/admin/src/apis/controller/conceptGraph/deleteActionEdge.ts

@@ -0,0 +1,7 @@
+import { $api } from '@apis';
+
+const deleteActionEdge = () => {
+  return $api.useMutation('delete', '/api/admin/concept/graph/action-edge/{id}');
+};
+
+export default deleteActionEdge;

apps/admin/src/apis/controller/conceptGraph/deleteActionEdgeType.ts

@@ -0,0 +1,7 @@
+import { $api } from '@apis';
+
+const deleteActionEdgeType = () => {
+  return $api.useMutation('delete', '/api/admin/concept/graph/action-edge-type/{id}');
+};
+
+export default deleteActionEdgeType;

apps/admin/src/apis/controller/conceptGraph/deleteEdge.ts

@@ -0,0 +1,7 @@
+import { $api } from '@apis';
+
+const deleteEdge = () => {
+  return $api.useMutation('delete', '/api/admin/concept/graph/edge/{id}');
+};
+
+export default deleteEdge;

apps/admin/src/apis/controller/conceptGraph/deleteEdgeType.ts

@@ -0,0 +1,7 @@
+import { $api } from '@apis';
+
+const deleteEdgeType = () => {
+  return $api.useMutation('delete', '/api/admin/concept/graph/edge-type/{id}');
+};
+
+export default deleteEdgeType;

apps/admin/src/apis/controller/conceptGraph/deleteNode.ts

@@ -0,0 +1,7 @@
+import { $api } from '@apis';
+
+const deleteNode = () => {
+  return $api.useMutation('delete', '/api/admin/concept/graph/node/{id}');
+};
+
+export default deleteNode;

apps/admin/src/apis/controller/conceptGraph/deleteNodeType.ts

@@ -0,0 +1,7 @@
+import { $api } from '@apis';
+
+const deleteNodeType = () => {
+  return $api.useMutation('delete', '/api/admin/concept/graph/node-type/{id}');
+};
+
+export default deleteNodeType;

apps/admin/src/apis/controller/conceptGraph/getActionEdge.ts

@@ -0,0 +1,7 @@
+import { $api } from '@apis';
+
+const getActionEdge = () => {
+  return $api.useQuery('get', '/api/admin/concept/graph/action-edge');
+};
+
+export default getActionEdge;

apps/admin/src/apis/controller/conceptGraph/getActionEdgeType.ts

@@ -0,0 +1,7 @@
+import { $api } from '@apis';
+
+const getActionEdgeType = () => {
+  return $api.useQuery('get', '/api/admin/concept/graph/action-edge-type');
+};
+
+export default getActionEdgeType;

apps/admin/src/apis/controller/conceptGraph/getEdge.ts

@@ -0,0 +1,7 @@
+import { $api } from '@apis';
+
+const getEdge = () => {
+  return $api.useQuery('get', '/api/admin/concept/graph/edge');
+};
+
+export default getEdge;

apps/admin/src/apis/controller/conceptGraph/getEdgeType.ts

@@ -0,0 +1,7 @@
+import { $api } from '@apis';
+
+const getEdgeType = () => {
+  return $api.useQuery('get', '/api/admin/concept/graph/edge-type');
+};
+
+export default getEdgeType;

apps/admin/src/apis/controller/conceptGraph/getNode.ts

@@ -0,0 +1,7 @@
+import { $api } from '@apis';
+
+const getNode = () => {
+  return $api.useQuery('get', '/api/admin/concept/graph/node');
+};
+
+export default getNode;

apps/admin/src/apis/controller/conceptGraph/getNodeType.ts

@@ -0,0 +1,7 @@
+import { $api } from '@apis';
+
+const getNodeType = () => {
+  return $api.useQuery('get', '/api/admin/concept/graph/node-type');
+};
+
+export default getNodeType;

apps/admin/src/apis/controller/conceptGraph/getSheetActionEdge.ts

@@ -0,0 +1,12 @@
+import { $api } from '@apis';
+import { ActionGraphSheetSearchOptions } from '@types';
+
+const getSheetActionEdge = (params: ActionGraphSheetSearchOptions = {}) => {
+  return $api.useQuery('get', '/api/admin/concept/graph/sheet/action-edge', {
+    params: {
+      query: params,
+    },
+  });
+};
+
+export default getSheetActionEdge;

apps/admin/src/apis/controller/conceptGraph/getSheetEdge.ts

@@ -0,0 +1,12 @@
+import { $api } from '@apis';
+import { ConceptEdgeSheetSearchOptions } from '@types';
+
+const getSheetEdge = (params: ConceptEdgeSheetSearchOptions = {}) => {
+  return $api.useQuery('get', '/api/admin/concept/graph/sheet/edge', {
+    params: {
+      query: params,
+    },
+  });
+};
+
+export default getSheetEdge;

apps/admin/src/apis/controller/conceptGraph/getSheetNode.ts

@@ -0,0 +1,12 @@
+import { $api } from '@apis';
+import { ConceptNodeSheetSearchOptions } from '@types';
+
+const getSheetNode = (params: ConceptNodeSheetSearchOptions = {}) => {
+  return $api.useQuery('get', '/api/admin/concept/graph/sheet/node', {
+    params: {
+      query: params,
+    },
+  });
+};
+
+export default getSheetNode;

apps/admin/src/apis/controller/conceptGraph/index.ts

@@ -0,0 +1,59 @@
+import deleteActionEdge from './deleteActionEdge';
+import deleteActionEdgeType from './deleteActionEdgeType';
+import deleteEdge from './deleteEdge';
+import deleteEdgeType from './deleteEdgeType';
+import deleteNode from './deleteNode';
+import deleteNodeType from './deleteNodeType';
+import getActionEdge from './getActionEdge';
+import getActionEdgeType from './getActionEdgeType';
+import getEdge from './getEdge';
+import getEdgeType from './getEdgeType';
+import getNode from './getNode';
+import getNodeType from './getNodeType';
+import getSheetActionEdge from './getSheetActionEdge';
+import getSheetEdge from './getSheetEdge';
+import getSheetNode from './getSheetNode';
+import postActionEdge from './postActionEdge';
+import postActionEdgeType from './postActionEdgeType';
+import postEdge from './postEdge';
+import postEdgeType from './postEdgeType';
+import postNode from './postNode';
+import postNodeType from './postNodeType';
+import putActionEdge from './putActionEdge';
+import putActionEdgeType from './putActionEdgeType';
+import putEdge from './putEdge';
+import putEdgeType from './putEdgeType';
+import putNode from './putNode';
+import putNodeType from './putNodeType';
+import putSheetActionEdgeCell from './putSheetActionEdgeCell';
+
+export {
+  deleteActionEdge,
+  deleteActionEdgeType,
+  deleteEdge,
+  deleteEdgeType,
+  deleteNode,
+  deleteNodeType,
+  getActionEdge,
+  getActionEdgeType,
+  getEdge,
+  getEdgeType,
+  getNode,
+  getNodeType,
+  getSheetActionEdge,
+  getSheetEdge,
+  getSheetNode,
+  postActionEdge,
+  postActionEdgeType,
+  postEdge,
+  postEdgeType,
+  postNode,
+  postNodeType,
+  putActionEdge,
+  putActionEdgeType,
+  putEdge,
+  putEdgeType,
+  putNode,
+  putNodeType,
+  putSheetActionEdgeCell,
+};

apps/admin/src/apis/controller/conceptGraph/postActionEdge.ts

@@ -0,0 +1,7 @@
+import { $api } from '@apis';
+
+const postActionEdge = () => {
+  return $api.useMutation('post', '/api/admin/concept/graph/action-edge');
+};
+
+export default postActionEdge;

apps/admin/src/apis/controller/conceptGraph/postActionEdgeType.ts

@@ -0,0 +1,7 @@
+import { $api } from '@apis';
+
+const postActionEdgeType = () => {
+  return $api.useMutation('post', '/api/admin/concept/graph/action-edge-type');
+};
+
+export default postActionEdgeType;

apps/admin/src/apis/controller/conceptGraph/postEdge.ts

@@ -0,0 +1,7 @@
+import { $api } from '@apis';
+
+const postEdge = () => {
+  return $api.useMutation('post', '/api/admin/concept/graph/edge');
+};
+
+export default postEdge;

apps/admin/src/apis/controller/conceptGraph/postEdgeType.ts

@@ -0,0 +1,7 @@
+import { $api } from '@apis';
+
+const postEdgeType = () => {
+  return $api.useMutation('post', '/api/admin/concept/graph/edge-type');
+};
+
+export default postEdgeType;

apps/admin/src/apis/controller/conceptGraph/postNode.ts

@@ -0,0 +1,7 @@
+import { $api } from '@apis';
+
+const postNode = () => {
+  return $api.useMutation('post', '/api/admin/concept/graph/node');
+};
+
+export default postNode;

apps/admin/src/apis/controller/conceptGraph/postNodeType.ts

@@ -0,0 +1,7 @@
+import { $api } from '@apis';
+
+const postNodeType = () => {
+  return $api.useMutation('post', '/api/admin/concept/graph/node-type');
+};
+
+export default postNodeType;

apps/admin/src/apis/controller/conceptGraph/putActionEdge.ts

@@ -0,0 +1,7 @@
+import { $api } from '@apis';
+
+const putActionEdge = () => {
+  return $api.useMutation('put', '/api/admin/concept/graph/action-edge/{id}');
+};
+
+export default putActionEdge;

apps/admin/src/apis/controller/conceptGraph/putActionEdgeType.ts

@@ -0,0 +1,7 @@
+import { $api } from '@apis';
+
+const putActionEdgeType = () => {
+  return $api.useMutation('put', '/api/admin/concept/graph/action-edge-type/{id}');
+};
+
+export default putActionEdgeType;

apps/admin/src/apis/controller/conceptGraph/putEdge.ts

@@ -0,0 +1,7 @@
+import { $api } from '@apis';
+
+const putEdge = () => {
+  return $api.useMutation('put', '/api/admin/concept/graph/edge/{id}');
+};
+
+export default putEdge;

apps/admin/src/apis/controller/conceptGraph/putEdgeType.ts

@@ -0,0 +1,7 @@
+import { $api } from '@apis';
+
+const putEdgeType = () => {
+  return $api.useMutation('put', '/api/admin/concept/graph/edge-type/{id}');
+};
+
+export default putEdgeType;

apps/admin/src/apis/controller/conceptGraph/putNode.ts

@@ -0,0 +1,7 @@
+import { $api } from '@apis';
+
+const putNode = () => {
+  return $api.useMutation('put', '/api/admin/concept/graph/node/{id}');
+};
+
+export default putNode;

apps/admin/src/apis/controller/conceptGraph/putNodeType.ts

@@ -0,0 +1,7 @@
+import { $api } from '@apis';
+
+const putNodeType = () => {
+  return $api.useMutation('put', '/api/admin/concept/graph/node-type/{id}');
+};
+
+export default putNodeType;

apps/admin/src/apis/controller/conceptGraph/putSheetActionEdgeCell.ts

@@ -0,0 +1,7 @@
+import { $api } from '@apis';
+
+const putSheetActionEdgeCell = () => {
+  return $api.useMutation('put', '/api/admin/concept/graph/sheet/action-edge/cell');
+};
+
+export default putSheetActionEdgeCell;

apps/admin/src/apis/index.ts

@@ -4,6 +4,7 @@ export { $api } from './client';
 // controllers
 export * from './controller/auth';
 export * from './controller/concept';
+export * from './controller/conceptGraph';
 export * from './controller/diagnosis';
 export * from './controller/file';
 export * from './controller/notice';

apps/admin/src/components/common/GNB.tsx

@@ -14,6 +14,10 @@ import {
   Tags,
   MessageCircle,
   Bell,
+  Network,
+  Circle,
+  Activity,
+  Settings,
 } from 'lucide-react';
 import { getStudent } from '@apis';
 import { useSelectedStudent } from '@hooks';
@@ -264,6 +268,39 @@ const GNB = () => {
               />
             </div>
 
+            {/* Concept Graph Section */}
+            <div className='space-y-1'>
+              <SectionTitle isCollapsed={isCollapsed}>개념 그래프</SectionTitle>
+
+              <NavItem
+                to='/concept-graph/node'
+                icon={<Circle className='h-5 w-5' />}
+                label='개념 노드'
+                isCollapsed={isCollapsed}
+              />
+
+              <NavItem
+                to='/concept-graph/edge'
+                icon={<Network className='h-5 w-5' />}
+                label='개념 그래프'
+                isCollapsed={isCollapsed}
+              />
+
+              <NavItem
+                to='/concept-graph/action-edge'
+                icon={<Activity className='h-5 w-5' />}
+                label='액션 그래프'
+                isCollapsed={isCollapsed}
+              />
+
+              <NavItem
+                to='/concept-graph/types'
+                icon={<Settings className='h-5 w-5' />}
+                label='타입 관리'
+                isCollapsed={isCollapsed}
+              />
+            </div>
+
             {/* Teacher Info */}
             <div className='space-y-1'>
               <SectionTitle isCollapsed={isCollapsed}>선생님 관리</SectionTitle>