From f7065562281dc2e776fec472aa571a1da5cd9d1e Mon Sep 17 00:00:00 2001
From: SeongHyun Kim <kksh7842@gmail.com>
Date: Wed, 1 Apr 2026 18:17:10 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20PC=20=ED=94=84=EB=A1=9C=ED=95=84?=
 =?UTF-8?q?=EC=97=90=20POP=20=EB=AA=A8=EB=93=9C=20=EC=A0=84=ED=99=98=20+?=
 =?UTF-8?q?=20PC=EC=A0=84=ED=99=98=20=EC=8B=9C=20=EC=A0=84=EC=B2=B4?=
 =?UTF-8?q?=ED=99=94=EB=A9=B4=20=ED=95=B4=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- PC UserDropdown에 "POP 모드" 메뉴 추가 (결재함↔로그아웃 사이)
- POP→PC 전환 시 전체화면 자동 해제
---
 frontend/components/layout/UserDropdown.tsx    | 6 +++++-
 frontend/components/pop/hardcoded/PopShell.tsx | 5 ++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/components/layout/UserDropdown.tsx b/frontend/components/layout/UserDropdown.tsx
index e112110c..f4bc7d8f 100644
--- a/frontend/components/layout/UserDropdown.tsx
+++ b/frontend/components/layout/UserDropdown.tsx
@@ -8,7 +8,7 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-import { LogOut, User, FileCheck } from "lucide-react";
+import { LogOut, User, FileCheck, Smartphone } from "lucide-react";
 import { useRouter } from "next/navigation";
 
 interface UserDropdownProps {
@@ -86,6 +86,10 @@ export function UserDropdown({ user, onProfileClick, onLogout }: UserDropdownPro
           <FileCheck className="mr-2 h-4 w-4" />
           <span>결재함</span>
         </DropdownMenuItem>
+        <DropdownMenuItem onClick={() => router.push("/pop/home")}>
+          <Smartphone className="mr-2 h-4 w-4" />
+          <span>POP 모드</span>
+        </DropdownMenuItem>
         <DropdownMenuSeparator />
         <DropdownMenuItem onClick={onLogout}>
           <LogOut className="mr-2 h-4 w-4" />
diff --git a/frontend/components/pop/hardcoded/PopShell.tsx b/frontend/components/pop/hardcoded/PopShell.tsx
index aca15856..444b6193 100644
--- a/frontend/components/pop/hardcoded/PopShell.tsx
+++ b/frontend/components/pop/hardcoded/PopShell.tsx
@@ -62,8 +62,11 @@ export function PopShell({ children, showBanner = true, title, showBack = false,
     };
   }, [profileOpen]);
 
-  const handlePcMode = () => {
+  const handlePcMode = async () => {
     setProfileOpen(false);
+    if (document.fullscreenElement) {
+      try { await document.exitFullscreen(); } catch {}
+    }
     router.push("/");
   };