feat: 메인에 자율행동 설정을 표시한다

Ref와 Gateway의 옵션 순서와 유효 기간 문구를 따라 8열 마지막 셀에 상태를 더한다.\n활성 상태의 hover와 keyboard focus에서 상세 tooltip을 보이고, 비활성 상태는 표준으로 표시한다.

app/game-frontend/src/components/main/MainAutorunStatus.vue

@@ -0,0 +1,83 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import { formatAutorunUserDetail, type AutorunUserSummary } from '../../utils/autorunUser';
+
+const props = defineProps<{
+    autorun: AutorunUserSummary | null;
+}>();
+
+const detail = computed(() => (props.autorun ? formatAutorunUserDetail(props.autorun) : ''));
+</script>
+
+<template>
+    <span
+        class="main-autorun-status"
+        :class="{ 'main-autorun-status--enabled': autorun }"
+        :tabindex="autorun ? 0 : undefined"
+        :aria-describedby="autorun ? 'main-autorun-detail' : undefined"
+        data-main-autorun-status
+    >
+        기타 설정: {{ autorun ? '자율행동' : '표준' }}
+        <span v-if="autorun" id="main-autorun-detail" class="main-autorun-detail" role="tooltip">
+            {{ detail }}
+        </span>
+    </span>
+</template>
+
+<style scoped>
+.main-autorun-status {
+    position: relative;
+}
+
+.main-autorun-status--enabled {
+    cursor: help;
+}
+
+.main-autorun-detail {
+    position: absolute;
+    z-index: 40;
+    top: calc(100% + 6px);
+    right: 4px;
+    visibility: hidden;
+    box-sizing: border-box;
+    width: max-content;
+    max-width: min(520px, calc(100vw - 32px));
+    padding: 6px 8px;
+    border: 1px solid #52525b;
+    border-radius: 4px;
+    background: #18181b;
+    box-shadow: 0 4px 12px rgb(0 0 0 / 45%);
+    color: #f4f4f5;
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 1.4;
+    opacity: 0;
+    pointer-events: none;
+    text-align: left;
+    white-space: normal;
+}
+
+.main-autorun-status--enabled:hover .main-autorun-detail,
+.main-autorun-status--enabled:focus-visible .main-autorun-detail {
+    visibility: visible;
+    opacity: 1;
+}
+
+.main-autorun-status--enabled:focus-visible {
+    outline: 2px solid #fdba74;
+    outline-offset: -2px;
+}
+
+@media (max-width: 939.98px) {
+    .main-autorun-detail {
+        position: fixed;
+        z-index: 100;
+        top: auto;
+        right: 16px;
+        bottom: 61px;
+        left: 16px;
+        width: auto;
+        max-width: none;
+    }
+}
+</style>

app/game-frontend/src/utils/autorunUser.ts

@@ -0,0 +1,25 @@
+export interface AutorunUserSummary {
+    limitMinutes: number;
+    options: string[];
+}
+
+export const formatAutorunUserDetail = (autorun: AutorunUserSummary): string => {
+    const enabled = new Set(autorun.options);
+    const labels: string[] = [];
+    if (enabled.has('develop')) labels.push('내정');
+    if (enabled.has('warp')) labels.push('순간이동');
+    if (enabled.has('recruit_high')) labels.push('모병');
+    else if (enabled.has('recruit')) labels.push('징병');
+    if (enabled.has('train')) labels.push('훈련/사기진작');
+    if (enabled.has('battle')) labels.push('출병');
+    if (enabled.has('chief')) labels.push('사령턴');
+
+    const limit =
+        autorun.limitMinutes >= 43_200
+            ? '항상 유효'
+            : autorun.limitMinutes % 60 === 0
+              ? `${autorun.limitMinutes / 60}시간 유효`
+              : `${autorun.limitMinutes}분 유효`;
+    labels.push(limit);
+    return labels.join(', ');
+};

app/game-frontend/src/views/MainView.vue

@@ -18,6 +18,7 @@ import MainGlobalMenu from '../components/main/MainGlobalMenu.vue';
 import MainNationMenu from '../components/main/MainNationMenu.vue';
 import MainMobileBottomBar from '../components/main/MainMobileBottomBar.vue';
 import MainTurnControls from '../components/main/MainTurnControls.vue';
+import MainAutorunStatus from '../components/main/MainAutorunStatus.vue';
 import {
     defaultGlobalNavigation,
     type MainNavigationEntry,
@@ -257,6 +258,7 @@ watch(
             <span>국가: {{ lobbyInfo.nationCnt }}</span>
             <span>사실/가상: {{ lobbyInfo.fictionMode }}</span>
             <span>{{ lobbyInfo.otherTextInfo || '진행 정보 없음' }}</span>
+            <MainAutorunStatus :autorun="lobbyInfo.autorunUser" />
         </section>
 
         <div v-if="error" class="game-feedback game-feedback--error" role="alert">{{ error }}</div>
@@ -728,11 +730,13 @@ button {
 }
 
 .legacy-game-info {
+    position: relative;
+    z-index: 100;
     display: grid;
     grid-template-columns: repeat(8, minmax(0, 1fr));
     box-sizing: border-box;
     height: 18px;
-    overflow: hidden;
+    overflow: visible;
     border-top: 1px solid #666;
     background: #302016 var(--sammo-texture-walnut);
     color: #fff;
@@ -747,6 +751,10 @@ button {
     white-space: nowrap;
 }
 
+.legacy-game-info > .main-autorun-status {
+    overflow: visible;
+}
+
 .warning {
     color: #f5d08a;
     font-size: 0.85rem;