refactor: fsd 구조로 변환

src/features/boarding/index.ts

@@ -0,0 +1,2 @@
+export { BoardingMissionForm } from './ui/BoardingMissionForm';
+export { startVoyage } from './model/startVoyage';

src/features/boarding/model/startVoyage.ts

@@ -0,0 +1,33 @@
+import { Route, Voyage } from '@/shared/types';
+import { saveCurrentVoyage } from '@/shared/lib/store';
+
+const createVoyageId = () =>
+  (crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random()}`)
+    .replace(/[^a-zA-Z0-9]/g, '')
+    .slice(0, 16);
+
+export const startVoyage = ({
+  route,
+  mission,
+}: {
+  route: Route;
+  mission: string;
+}) => {
+  const missionText = mission.trim();
+  if (!missionText) {
+    return false;
+  }
+
+  const newVoyage: Voyage = {
+    id: createVoyageId(),
+    routeId: route.id,
+    routeName: route.name,
+    durationMinutes: route.durationMinutes,
+    startedAt: Date.now(),
+    status: 'in_progress',
+    missionText,
+  };
+
+  saveCurrentVoyage(newVoyage);
+  return true;
+};

src/features/boarding/ui/BoardingMissionForm.tsx

@@ -0,0 +1,54 @@
+'use client';
+
+import { useState } from 'react';
+
+export function BoardingMissionForm({
+  onDock,
+  onCancel,
+  autoFocus = false,
+  compact = false,
+}: {
+  onDock: (mission: string) => void;
+  onCancel?: () => void;
+  autoFocus?: boolean;
+  compact?: boolean;
+}) {
+  const [mission, setMission] = useState('');
+  const trimmedMission = mission.trim();
+
+  return (
+    <div className={`flex flex-col ${compact ? 'gap-6' : 'space-y-8 flex-1'}`}>
+      <div className="space-y-3">
+        <label className="block text-sm font-medium text-slate-300">
+          이번 항해의 핵심 목표
+        </label>
+        <input
+          type="text"
+          value={mission}
+          onChange={(event) => setMission(event.target.value)}
+          placeholder="예: 서론 3문단 완성하기"
+          className="w-full border-b-2 border-slate-700 bg-slate-900/50 px-0 py-3 text-lg outline-none transition-colors placeholder:text-slate-600 focus:border-indigo-500"
+          autoFocus={autoFocus}
+        />
+      </div>
+
+      <div className={`flex ${compact ? 'justify-end gap-3' : 'mt-8 flex-col gap-3'} w-full`}>
+        {onCancel && (
+          <button
+            onClick={onCancel}
+            className="rounded-xl border border-slate-700 bg-transparent px-4 py-2 font-semibold text-slate-300 transition-colors hover:bg-slate-900/60 hover:text-white"
+          >
+            취소
+          </button>
+        )}
+        <button
+          onClick={() => onDock(trimmedMission)}
+          disabled={!trimmedMission}
+          className={`rounded-xl bg-indigo-600 font-bold text-white transition-all shadow-lg shadow-indigo-900/30 hover:bg-indigo-500 disabled:bg-slate-800 disabled:text-slate-500 ${compact ? 'px-6 py-2' : 'w-full py-4 text-lg'}`}
+        >
+          도킹 완료 (출항)
+        </button>
+      </div>
+    </div>
+  );
+}