인게임 예약 명령과 장수 상태 표시를 바로잡음

app/game-frontend/src/components/command/RecruitmentCommandForm.vue

@@ -24,9 +24,9 @@ const crewTypes = computed(() => props.info.groups.flatMap((group) => group.valu
 const selectedCrewType = computed(
     () => crewTypes.value.find((crewType) => crewType.id === selectedCrewTypeId.value) ?? crewTypes.value[0] ?? null
 );
-const valid = computed(
-    () => Boolean(selectedCrewType.value?.available) && Number.isFinite(amount.value) && amount.value >= 1
-);
+// 예약 시점에는 아직 조건을 충족하지 않는 병종도 선택할 수 있어야 한다.
+// 실제 실행 가능 여부는 턴 실행 시점의 기술/국가/장수 상태로 다시 판정한다.
+const valid = computed(() => Boolean(selectedCrewType.value) && Number.isFinite(amount.value) && amount.value >= 1);
 const estimatedGold = computed(() =>
     selectedCrewType.value ? Math.ceil(amount.value * selectedCrewType.value.baseCost * goldCoefficient.value) : 0
 );
@@ -135,7 +135,7 @@ watch(
                     type="button"
                     class="crew-name"
                     :class="availabilityClass(selectedCrewType)"
-                    :title="selectedCrewType.available ? '현재 선택 가능' : '현재 선택 불가'"
+                    :title="selectedCrewType.available ? '현재 실행 가능' : '현재 실행 불가 · 예약 가능'"
                 >
                     {{ selectedCrewType.name }}<small>{{ selectedCrewType.available ? '가능' : '불가' }}</small>
                 </button>
@@ -189,7 +189,7 @@ watch(
                     :class="{ selected: crewType.id === selectedCrewTypeId }"
                     role="button"
                     tabindex="0"
-                    :aria-label="`${crewType.name} ${crewType.available ? '선택 가능' : '선택 불가'}`"
+                    :aria-label="`${crewType.name} ${crewType.available ? '선택 가능' : '현재 실행 불가, 예약 가능'}`"
                     @click="selectCrewType(crewType)"
                     @keydown.enter="selectCrewType(crewType)"
                 >
@@ -256,7 +256,7 @@ watch(
                         </label>
                     </span>
                     <span class="crew-action" @click.stop>
-                        <button type="button" :disabled="!crewType.available" @click="submit(crewType)">
+                        <button type="button" @click="submit(crewType)">
                             {{ commandName }}
                         </button>
                     </span>

app/game-frontend/src/components/command/reservedCommandBrief.ts

@@ -59,7 +59,6 @@ const numberText = (value: unknown, grouped = false): string => {
 };
 
 const wrap = (value: string): string => `【${value}】`;
-const withParticle = (value: string, particle: '을' | '으로'): string => `${value}${JosaUtil.pick(value, particle)}`;
 const wrappedWithParticle = (value: string, particle: '을' | '으로'): string =>
     `${wrap(value)}${JosaUtil.pick(value, particle)}`;
 
@@ -134,7 +133,11 @@ export const formatReservedCommandBrief = (
         return `${wrap(generalName)}에게 ${args.isGold ? '금' : '쌀'} ${numberText(args.amount)}을 ${commandName}`;
     }
     if (action === 'che_징병' || action === 'che_모병') {
-        const crewType = optionLabel(input?.crewTypes ?? [], args.crewType);
+        const crewType =
+            optionLabel(input?.crewTypes ?? [], args.crewType) ??
+            input?.recruitment?.groups
+                .flatMap((group) => group.values)
+                .find((entry) => entry.id === args.crewType)?.name;
         if (crewType) return `${wrap(crewType)} ${numberText(args.amount)}명 ${commandName}`;
     }
     if (action === 'che_숙련전환') {
@@ -146,7 +149,7 @@ export const formatReservedCommandBrief = (
         const itemType = typeof args.itemType === 'string' ? args.itemType : '';
         if (args.itemCode === 'None') {
             const itemTypeName = ITEM_TYPE_NAMES[itemType];
-            if (itemTypeName) return `${withParticle(itemTypeName, '을')} 판매`;
+            if (itemTypeName) return `${wrap(itemTypeName)}${JosaUtil.pick(itemTypeName, '을')} 판매.`;
         }
         const itemName = optionLabel(input?.items[itemType] ?? [], args.itemCode);
         if (itemName) {

app/game-frontend/src/components/command/types.ts

@@ -53,6 +53,7 @@ export type CommandInputField = {
     required: boolean;
     min?: number;
     max?: number;
+    legacyWidthMax?: number;
     step?: number;
     defaultValue?: string | number | boolean;
     constValue?: string | number;