Stabilize runtime auth and E2E coverage

apps/web/src/components/shell/AppShell.tsx

@@ -11,6 +11,8 @@ export interface AppShellProps {
   hideNav?: boolean;
   /** 메인 패딩·최대폭 제거 (풀-블리드 레이아웃) */
   bleed?: boolean;
+  /** 톱바까지 제거하는 실제 전체화면 작업 공간 */
+  hideTopbar?: boolean;
 }
 
 /**
@@ -18,13 +20,13 @@ export interface AppShellProps {
  * body[data-role] 은 AuthProvider 가 관리(여기선 셸 골격만).
  * 미인증 시에도 안전하게 렌더(네비 없이) — 가드는 라우터(RequireAuth)가 담당.
  */
-export function AppShell({ children, contextLabel, hideNav, bleed }: AppShellProps) {
+export function AppShell({ children, contextLabel, hideNav, bleed, hideTopbar }: AppShellProps) {
   const { user } = useAuth();
   const showNav = !hideNav && !!user;
 
   return (
-    <div className="vg-shell">
-      <Topbar contextLabel={contextLabel} />
+    <div className={"vg-shell" + (hideTopbar ? " vg-shell--fullscreen" : "")}>
+      {hideTopbar ? null : <Topbar contextLabel={contextLabel} />}
       <div className={"vg-shell__body" + (showNav ? "" : " vg-shell__body--bare")}>
         {showNav ? <Sidebar role={user.role} /> : null}
         <main className={"vg-main" + (bleed ? " vg-main--bleed" : "")}>