v0.1.56 - 타임테이블 안내와 달력 클릭 보정

src/App.vue

@@ -1449,19 +1449,6 @@ watch(
   },
 )
 
-watch(
-  selectedDateKey,
-  (nextKey, previousKey) => {
-    if (!timetableCopyForm.targetDate || timetableCopyForm.targetDate === previousKey) {
-      timetableCopyForm.targetDate = nextKey
-    }
-
-    if (!timetableCopyForm.sourceDate) {
-      timetableCopyForm.sourceDate = nextKey
-    }
-  },
-)
-
 function fillTaskLabelsWithNumbers(record) {
   record.tasks.forEach((task, index) => {
     task.label = createTaskLabel(index)
@@ -3679,7 +3666,7 @@ onBeforeUnmount(() => {
       leave-to-class="translate-y-2 opacity-0"
     >
       <div
-        v-if="isAuthenticated && syncToastVisible"
+        v-if="syncToastVisible"
         class="pointer-events-none fixed bottom-5 right-5 z-40 max-w-[240px] rounded-full border border-stone-200/70 bg-white/80 px-3 py-2 shadow-[0_10px_24px_rgba(28,25,23,0.08)] backdrop-blur"
       >
         <p

src/components/GuideTooltip.vue

@@ -83,7 +83,7 @@ onBeforeUnmount(() => {
 
     <span
       v-if="open"
-      class="absolute left-0 top-7 z-50 w-64 rounded-2xl border border-stone-200 bg-white p-4 text-left shadow-[0_18px_50px_rgba(28,25,23,0.16)]"
+      class="absolute right-0 top-7 z-50 w-[min(16rem,calc(100vw-2rem))] rounded-2xl border border-stone-200 bg-white p-4 text-left shadow-[0_18px_50px_rgba(28,25,23,0.16)] sm:left-0 sm:right-auto sm:w-64"
       @pointerdown.stop
     >
       <span class="block text-[10px] font-bold uppercase tracking-[0.2em] text-stone-500">{{ title }}</span>

src/components/MiniCalendar.vue

@@ -48,6 +48,7 @@ function selectYear(year) {
           <button
             type="button"
             class="flex h-9 w-9 items-center justify-center rounded-full border border-stone-200 text-xs font-bold text-stone-600 transition hover:border-stone-400 hover:text-ink sm:h-auto sm:w-auto sm:px-2 sm:py-1"
+            @mousedown.prevent
             @click="emit('shift-month', -1)"
           >
             ←
@@ -57,6 +58,7 @@ function selectYear(year) {
             <button
               type="button"
               class="rounded-full px-2 py-1 text-[10px] font-semibold tracking-[0.16em] text-stone-500 transition hover:bg-stone-100 hover:text-ink sm:text-[11px]"
+              @mousedown.prevent
               @click="isYearPickerOpen = !isYearPickerOpen"
             >
               {{ yearLabel }}
@@ -65,6 +67,7 @@ function selectYear(year) {
           <button
             type="button"
             class="flex h-9 w-9 items-center justify-center rounded-full border border-stone-200 text-xs font-bold text-stone-600 transition hover:border-stone-400 hover:text-ink sm:h-auto sm:w-auto sm:px-2 sm:py-1"
+            @mousedown.prevent
             @click="emit('shift-month', 1)"
           >
             →
@@ -74,6 +77,7 @@ function selectYear(year) {
       <button
         type="button"
         class="shrink-0 self-start rounded-full border border-stone-200 px-3 py-2 text-[10px] font-bold tracking-[0.14em] text-stone-600 transition hover:border-stone-400 hover:text-ink sm:self-auto"
+        @mousedown.prevent
         @click="emit('go-today')"
       >
         TODAY
@@ -87,6 +91,7 @@ function selectYear(year) {
           <button
             type="button"
             class="rounded-full border border-stone-200 px-2 py-1 text-xs font-bold text-stone-600 transition hover:border-stone-400 hover:text-ink"
+            @mousedown.prevent
             @click="emit('shift-year', -12)"
           >
             ←
@@ -97,6 +102,7 @@ function selectYear(year) {
           <button
             type="button"
             class="rounded-full border border-stone-200 px-2 py-1 text-xs font-bold text-stone-600 transition hover:border-stone-400 hover:text-ink"
+            @mousedown.prevent
             @click="emit('shift-year', 12)"
           >
             →
@@ -109,6 +115,7 @@ function selectYear(year) {
             type="button"
             class="rounded-xl border px-3 py-2 text-[11px] font-semibold transition"
             :class="year === currentYearNumber ? 'border-ink bg-ink text-white' : 'border-stone-200 text-stone-700 hover:border-stone-400 hover:bg-stone-50'"
+            @mousedown.prevent
             @click="selectYear(year)"
           >
             {{ year }}
@@ -139,6 +146,7 @@ function selectYear(year) {
               : 'border-stone-200 bg-stone-50 text-stone-700 hover:border-stone-400 hover:bg-white',
             day.isCurrentMonth ? '' : 'opacity-35',
           ]"
+          @mousedown.prevent
           @click="emit('select', day.date)"
         >
           <span>{{ day.label }}</span>

src/components/PlannerPage.vue

@@ -55,10 +55,6 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
-  timetableActionLabel: {
-    type: String,
-    default: '복사',
-  },
 })
 
 const emit = defineEmits([
@@ -423,9 +419,6 @@ onBeforeUnmount(() => {
           >
             <span class="shrink-0 transition-colors group-hover:text-ink">TIME TABLE</span>
             <span class="h-px flex-1 bg-ink"></span>
-            <span class="rounded-full border border-stone-200 bg-white px-3 py-1 text-[9px] font-bold tracking-[0.14em] text-stone-500 transition-colors group-hover:border-stone-400 group-hover:text-stone-900">
-              {{ timetableActionLabel }}
-            </span>
           </button>
           <GuideTooltip
             title="Time Table"