From 2277f9eca6fb5eddb7100514ed0d483b81ebdaef Mon Sep 17 00:00:00 2001
From: Yu Sung <hwchon1234@gmail.com>
Date: Sat, 11 Apr 2026 20:37:49 +0900
Subject: [PATCH] =?UTF-8?q?feat(agent):=20=EC=82=AC=EC=9D=B4=EB=93=9C?=
 =?UTF-8?q?=EB=B0=94=EC=97=90=20=E2=80=98=EC=97=90=EC=9D=B4=EC=A0=84?=
 =?UTF-8?q?=ED=8A=B8=20=EA=B4=80=EB=A6=AC=E2=80=99=20=EB=A9=94=EB=89=B4=20?=
 =?UTF-8?q?=EB=B0=8F=20=EB=9D=BC=EC=9A=B0=ED=8A=B8/=EA=B8=B0=EB=B3=B8=20?=
 =?UTF-8?q?=EB=B7=B0=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- router: /agent/list, /agent/settlement-ratio 라우트 등록
- SideMenu: ‘크리에이터 관리’ 바로 아래 ‘에이전트 관리’ 섹션 동적 삽입
- views: AgentList.vue, AgentSettlementRatio.vue 스텁 추가
---
 src/components/SideMenu.vue              | 23 +++++++++++++++++++++++
 src/router/index.js                      | 11 +++++++++++
 src/views/Agent/AgentList.vue            | 19 +++++++++++++++++++
 src/views/Agent/AgentSettlementRatio.vue | 19 +++++++++++++++++++
 4 files changed, 72 insertions(+)
 create mode 100644 src/views/Agent/AgentList.vue
 create mode 100644 src/views/Agent/AgentSettlementRatio.vue

diff --git a/src/components/SideMenu.vue b/src/components/SideMenu.vue
index 2819df9..239b15b 100644
--- a/src/components/SideMenu.vue
+++ b/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 === '정산 관리')
diff --git a/src/router/index.js b/src/router/index.js
index 307c7e3..4eaa859 100644
--- a/src/router/index.js
+++ b/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',
diff --git a/src/views/Agent/AgentList.vue b/src/views/Agent/AgentList.vue
new file mode 100644
index 0000000..09b22cd
--- /dev/null
+++ b/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>
diff --git a/src/views/Agent/AgentSettlementRatio.vue b/src/views/Agent/AgentSettlementRatio.vue
new file mode 100644
index 0000000..b6201f3
--- /dev/null
+++ b/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>