From eef9c12d774a46cca1a4d10c36607eb6d10381fb Mon Sep 17 00:00:00 2001
From: choibk <choibk350@gmail.com>
Date: Sat, 24 Jan 2026 20:42:40 +0900
Subject: [PATCH] =?UTF-8?q?=EB=A6=B4=EB=A6=AC=EC=A6=88=20v0.2.8:=20CCTV=20?=
 =?UTF-8?q?=EB=AA=A8=EB=93=88=20supervisor=20=EA=B6=8C=ED=95=9C=20?=
 =?UTF-8?q?=EB=B3=B4=EC=99=84=20=EB=B0=8F=20=EB=B2=84=EC=A0=84=20=EC=97=85?=
 =?UTF-8?q?=EA=B7=B8=EB=A0=88=EC=9D=B4=EB=93=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                              | 2 +-
 server/package.json                       | 2 +-
 src/modules/cctv/pages/MonitoringPage.tsx | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 6e82cf8..9b34584 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "smartims",
   "private": true,
-  "version": "0.2.7",
+  "version": "0.2.8",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/server/package.json b/server/package.json
index b69a6d5..64b0073 100644
--- a/server/package.json
+++ b/server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "server",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "description": "",
   "main": "index.js",
   "scripts": {
diff --git a/src/modules/cctv/pages/MonitoringPage.tsx b/src/modules/cctv/pages/MonitoringPage.tsx
index 2246285..385deab 100644
--- a/src/modules/cctv/pages/MonitoringPage.tsx
+++ b/src/modules/cctv/pages/MonitoringPage.tsx
@@ -236,7 +236,7 @@ export function MonitoringPage() {
                     <Video className="text-blue-600" />
                     CCTV <span className="text-xs text-slate-400 font-normal">({user?.role})</span>
                 </h1>
-                {user?.role === 'admin' && (
+                {(user?.role === 'admin' || user?.role === 'supervisor') && (
                     <button
                         onClick={() => {
                             setEditingCamera(null);
@@ -270,7 +270,7 @@ export function MonitoringPage() {
                 >
                     <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-6">
                         {cameras.map(camera => (
-                            <SortableCamera key={camera.id} camera={camera} disabled={user?.role !== 'admin'}>
+                            <SortableCamera key={camera.id} camera={camera} disabled={user?.role !== 'admin' && user?.role !== 'supervisor'}>
                                 <div className="relative aspect-video bg-black group">
                                     <JSMpegPlayer
                                         key={`${camera.id}-${streamVersions[camera.id] || 0}`}
@@ -278,7 +278,7 @@ export function MonitoringPage() {
                                         className="w-full h-full"
                                     />
                                     {/* Overlay Controls */}
-                                    {user?.role === 'admin' && (
+                                    {(user?.role === 'admin' || user?.role === 'supervisor') && (
                                         <div className="absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity flex gap-2" onPointerDown={(e) => e.stopPropagation()}>
                                             <button
                                                 onClick={() => handleToggleStatus(camera)}