src/components/SideMenu.vue

@@ -150,6 +150,29 @@ export default {
             ]
           })
 
+          // 에이전트 관리 메뉴를 '크리에이터 관리' 바로 아래에 추가
+          try {
+            const insertAfterTitle = '크리에이터 관리'
+            const agentMenu = {
+              title: '에이전트 관리',
+              route: null,
+              items: [
+                { title: '에이전트 리스트', route: '/agent/list', items: null },
+                { title: '에이전트 정산 비율', route: '/agent/settlement-ratio', items: null },
+              ]
+            }
+
+            const idx = this.items.findIndex(m => m && m.title === insertAfterTitle)
+            if (idx >= 0) {
+              this.items.splice(idx + 1, 0, agentMenu)
+            } else {
+              // 기준 메뉴가 없으면 하단에 추가
+              this.items.push(agentMenu)
+            }
+          } catch (e) {
+            // ignore
+          }
+
           // 정산 관리 메뉴에 '채널 후원 정산' 추가
           try {
             const calculateMenu = this.items.find(m => m && m.title === '정산 관리')

src/router/index.js

@@ -50,6 +50,17 @@ const routes = [
                 name: 'CreatorReview',
                 component: () => import(/* webpackChunkName: "counselor" */ '../views/Creator/CreatorSettlementRatio.vue')
             },
+            // Agent Management
+            {
+                path: '/agent/list',
+                name: 'AgentList',
+                component: () => import(/* webpackChunkName: "agent" */ '../views/Agent/AgentList.vue')
+            },
+            {
+                path: '/agent/settlement-ratio',
+                name: 'AgentSettlementRatio',
+                component: () => import(/* webpackChunkName: "agent" */ '../views/Agent/AgentSettlementRatio.vue')
+            },
             {
                 path: '/live/tags',
                 name: 'LiveTags',

src/views/Agent/AgentList.vue

@@ -0,0 +1,19 @@
+<template>
+  <v-container fluid>
+    <v-row>
+      <v-col cols="12">
+        <h2>에이전트 리스트</h2>
+        <p>에이전트 목록을 관리합니다. (구현 예정)</p>
+      </v-col>
+    </v-row>
+  </v-container>
+</template>
+
+<script>
+export default {
+  name: 'AgentList',
+}
+</script>
+
+<style scoped>
+</style>

src/views/Agent/AgentSettlementRatio.vue

@@ -0,0 +1,19 @@
+<template>
+  <v-container fluid>
+    <v-row>
+      <v-col cols="12">
+        <h2>에이전트 정산 비율</h2>
+        <p>에이전트 정산 비율을 설정/관리합니다. (구현 예정)</p>
+      </v-col>
+    </v-row>
+  </v-container>
+</template>
+
+<script>
+export default {
+  name: 'AgentSettlementRatio',
+}
+</script>
+
+<style scoped>
+</style>