import { Outlet, useLocation } from "react-router-dom"
import { SessionExpiryDialog } from "@/features/auth/components/SessionExpiryDialog"
import { useSlidingRefresh } from "@/features/auth/hooks/useSlidingRefresh"
import { PATHS } from "@/config/routes"
import { PasteTargetBadge } from "./PasteTargetBadge"

/** 스니펫·챗봇(snap)을 감싸는 공통 래퍼 — 팔레트 화면들의 공용 UI/기능을 여기 한 곳에 둔다.
 *  각 화면은 <Outlet/> 으로 들어오고, 공통 요소(붙여넣기 대상 배지 등)는 여기서 한 번만 그린다.
 *  화면이 생기거나 없어져도 공통 부분은 그대로. (snap 전용 헤더·Ctrl+N 은 안쪽 SnapLayout 몫 — 여긴 진짜 공통만.)
 *  h-screen: 안쪽 SnippetPalettePage 의 h-full 체인이 기댈 명시적 높이. */
export function PaletteShell() {
  const { pathname } = useLocation()
  useSlidingRefresh()

  return (
    <>
      <div className="h-screen">
        <Outlet />
        {pathname !== PATHS.SNIPPET && <PasteTargetBadge />}
      </div>
      <SessionExpiryDialog />
    </>
  )
}