refactor(space): scene 도메인과 current session 계약을 정리

src/widgets/space-tools-dock/ui/SpaceToolsDockWidget.tsx

@@ -1,7 +1,7 @@
 'use client';
 import { useEffect, useMemo, useRef, useState, type KeyboardEvent as ReactKeyboardEvent } from 'react';
 import type { PlanTier } from '@/entities/plan';
-import type { RoomTheme } from '@/entities/room';
+import type { SceneTheme } from '@/entities/scene';
 import { SOUND_PRESETS, type RecentThought, type TimerPreset } from '@/entities/session';
 import { ExitHoldButton } from '@/features/exit-hold';
 import { ManagePlanSheetContent, PaywallSheetContent } from '@/features/paywall-sheet';
@@ -19,8 +19,8 @@ import { QuickSoundPopover } from './popovers/QuickSoundPopover';
 import { InboxToolPanel } from './panels/InboxToolPanel';
 interface SpaceToolsDockWidgetProps {
   isFocusMode: boolean;
-  rooms: RoomTheme[];
-  selectedRoomId: string;
+  scenes: SceneTheme[];
+  selectedSceneId: string;
   selectedTimerLabel: string;
   timerPresets: TimerPreset[];
   selectedPresetId: string;
@@ -32,7 +32,7 @@ interface SpaceToolsDockWidgetProps {
   thoughtCount: number;
   sceneRecommendedSoundLabel: string;
   sceneRecommendedTimerLabel: string;
-  onRoomSelect: (roomId: string) => void;
+  onSceneSelect: (sceneId: string) => void;
   onTimerSelect: (timerLabel: string) => void;
   onQuickSoundSelect: (presetId: string) => void;
   onCaptureThought: (note: string) => RecentThought | null;
@@ -47,8 +47,8 @@ interface SpaceToolsDockWidgetProps {
 
 export const SpaceToolsDockWidget = ({
   isFocusMode,
-  rooms,
-  selectedRoomId,
+  scenes,
+  selectedSceneId,
   selectedTimerLabel,
   timerPresets,
   selectedPresetId,
@@ -60,7 +60,7 @@ export const SpaceToolsDockWidget = ({
   thoughtCount,
   sceneRecommendedSoundLabel,
   sceneRecommendedTimerLabel,
-  onRoomSelect,
+  onSceneSelect,
   onTimerSelect,
   onQuickSoundSelect,
   onCaptureThought,
@@ -495,8 +495,8 @@ export const SpaceToolsDockWidget = ({
         {utilityPanel === 'control-center' ? (
           <ControlCenterSheetWidget
             plan={plan}
-            rooms={rooms}
-            selectedRoomId={selectedRoomId}
+            scenes={scenes}
+            selectedSceneId={selectedSceneId}
             selectedTimerLabel={selectedTimerLabel}
             selectedSoundPresetId={selectedPresetId}
             sceneRecommendedSoundLabel={sceneRecommendedSoundLabel}
@@ -504,8 +504,8 @@ export const SpaceToolsDockWidget = ({
             timerPresets={timerPresets}
             autoHideControls={autoHideControls}
             onAutoHideControlsChange={setAutoHideControls}
-            onSelectRoom={(roomId) => {
-              onRoomSelect(roomId);
+            onSelectScene={(sceneId) => {
+              onSceneSelect(sceneId);
             }}
             onSelectTimer={(label) => {
               onTimerSelect(label);

src/widgets/space-tools-dock/ui/panels/SettingsToolPanel.tsx

@@ -1,26 +1,26 @@
 'use client';
 
 import { useState } from 'react';
-import type { RoomTheme } from '@/entities/room';
+import type { SceneTheme } from '@/entities/scene';
 import type { TimerPreset } from '@/entities/session';
 import { DEFAULT_PRESET_OPTIONS } from '@/shared/config/settingsOptions';
 import { cn } from '@/shared/lib/cn';
 
 interface SettingsToolPanelProps {
-  rooms: RoomTheme[];
-  selectedRoomId: string;
+  scenes: SceneTheme[];
+  selectedSceneId: string;
   selectedTimerLabel: string;
   timerPresets: TimerPreset[];
-  onSelectRoom: (roomId: string) => void;
+  onSelectScene: (sceneId: string) => void;
   onSelectTimer: (timerLabel: string) => void;
 }
 
 export const SettingsToolPanel = ({
-  rooms,
-  selectedRoomId,
+  scenes,
+  selectedSceneId,
   selectedTimerLabel,
   timerPresets,
-  onSelectRoom,
+  onSelectScene,
   onSelectTimer,
 }: SettingsToolPanelProps) => {
   const [reduceMotion, setReduceMotion] = useState(false);
@@ -59,17 +59,17 @@ export const SettingsToolPanel = ({
       </section>
 
       <section className="rounded-2xl border border-white/14 bg-white/7 px-3.5 py-3">
-        <p className="text-sm font-medium text-white">공간</p>
-        <p className="mt-1 text-xs text-white/58">몰입 중에도 공간을 바꿀 수 있어요.</p>
+        <p className="text-sm font-medium text-white">배경</p>
+        <p className="mt-1 text-xs text-white/58">몰입 중에도 배경 scene을 바꿀 수 있어요.</p>
         <div className="mt-2 flex flex-wrap gap-2">
-          {rooms.slice(0, 4).map((room) => {
-            const selected = room.id === selectedRoomId;
+          {scenes.slice(0, 4).map((scene) => {
+            const selected = scene.id === selectedSceneId;
 
             return (
               <button
-                key={room.id}
+                key={scene.id}
                 type="button"
-                onClick={() => onSelectRoom(room.id)}
+                onClick={() => onSelectScene(scene.id)}
                 className={cn(
                   'rounded-full border px-3 py-1.5 text-xs transition-colors',
                   selected
@@ -77,7 +77,7 @@ export const SettingsToolPanel = ({
                     : 'border-white/18 bg-white/8 text-white/80 hover:bg-white/14',
                 )}
               >
-                {room.name}
+                {scene.name}
               </button>
             );
           })}