fix(game-frontend): match ref menu and NPC reply affordance

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

@@ -115,6 +115,33 @@ const isActive = (link: MainNavigationLinkItem) => link.id === 'survey' && props
     min-width: 0;
 }
 
+.main-global-menu > :deep(.main-menu-link),
+.main-menu-popup > .main-menu-button,
+.main-menu-split > :deep(.main-menu-link),
+.main-menu-split > .main-menu-split__toggle {
+    border-color: var(--sammo-button-navigation-border);
+    background-color: var(--sammo-button-navigation-bg);
+    background-image: none;
+}
+
+.main-global-menu > :deep(.main-menu-link:hover),
+.main-global-menu > :deep(.main-menu-link:focus-visible),
+.main-global-menu > :deep(.main-menu-link:active),
+.main-menu-popup > .main-menu-button:hover,
+.main-menu-popup > .main-menu-button:focus-visible,
+.main-menu-popup > .main-menu-button:active,
+.main-menu-popup > .main-menu-button[aria-expanded='true'],
+.main-menu-split > :deep(.main-menu-link:hover),
+.main-menu-split > :deep(.main-menu-link:focus-visible),
+.main-menu-split > :deep(.main-menu-link:active),
+.main-menu-split > .main-menu-split__toggle:hover,
+.main-menu-split > .main-menu-split__toggle:focus-visible,
+.main-menu-split > .main-menu-split__toggle:active,
+.main-menu-split > .main-menu-split__toggle[aria-expanded='true'] {
+    border-color: var(--sammo-button-navigation-border);
+    background-color: var(--sammo-button-navigation-bg);
+}
+
 .main-menu-popup > .main-menu-button,
 .main-menu-split > :deep(.main-menu-link) {
     width: 100%;

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

@@ -87,6 +87,13 @@ const bucket = (type: MessageType): MessageEntry[] => props.messages?.[type] ??
 const visibleMessages = (type: MessageType): MessageEntry[] => bucket(type).slice(0, visibleLimits[type]);
 
 const permission = computed(() => props.messages?.permission ?? -1);
+const replyableGeneralIds = computed(() =>
+    props.mailboxGroups.flatMap((group) =>
+        group.options
+            .filter((option) => !option.disabled && option.value > 0 && option.value < 9000)
+            .map((option) => option.value)
+    )
+);
 
 const setMailbox = (value: string) => {
     const parsed = Number(value);
@@ -239,6 +246,7 @@ const forwardResponse = (messageId: number, response: boolean) => {
                         :nation-id="nationId"
                         :permission="permission"
                         :can-respond-diplomacy="canRespondDiplomacy"
+                        :replyable-general-ids="replyableGeneralIds"
                         @set-target="setReplyTarget"
                         @delete="emit('delete', $event)"
                         @respond="forwardResponse"

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

@@ -29,6 +29,7 @@ const props = defineProps<{
     nationId: number;
     permission: number;
     canRespondDiplomacy: boolean;
+    replyableGeneralIds: number[];
 }>();
 
 const emit = defineEmits<{
@@ -107,6 +108,7 @@ const isBright = (color: string): boolean => {
 };
 
 const iconUrl = computed(() => resolveMessageGeneralIconUrl(props.message.src.icon));
+const canReplyToGeneral = (target: MessageTarget): boolean => props.replyableGeneralIds.includes(target.generalId);
 
 const targetClass = (target: MessageTarget) => ({
     'msg-target': true,
@@ -167,6 +169,7 @@ onBeforeUnmount(() => {
                         >
                         <span class="msg-from-to">▶</span>
                         <button
+                            v-if="canReplyToGeneral(destination)"
                             :class="targetClass(destination)"
                             :style="{ backgroundColor: destination.color }"
                             type="button"
@@ -174,9 +177,13 @@ onBeforeUnmount(() => {
                         >
                             {{ destination.generalName }}:{{ destination.nationName }} | ↩
                         </button>
+                        <span v-else :class="targetClass(destination)" :style="{ backgroundColor: destination.color }">
+                            {{ destination.generalName }}:{{ destination.nationName }}
+                        </span>
                     </template>
                     <template v-else>
                         <button
+                            v-if="canReplyToGeneral(message.src)"
                             :class="targetClass(message.src)"
                             :style="{ backgroundColor: message.src.color }"
                             type="button"
@@ -184,6 +191,9 @@ onBeforeUnmount(() => {
                         >
                             {{ message.src.generalName }}:{{ message.src.nationName }} | ↩
                         </button>
+                        <span v-else :class="targetClass(message.src)" :style="{ backgroundColor: message.src.color }">
+                            {{ message.src.generalName }}:{{ message.src.nationName }}
+                        </span>
                         <span class="msg-from-to">▶</span>
                         <span :class="targetClass(destination)" :style="{ backgroundColor: destination.color }"
                             >나</span
@@ -241,7 +251,7 @@ onBeforeUnmount(() => {
                 </template>
 
                 <button
-                    v-else-if="message.src.generalId !== generalId"
+                    v-else-if="message.src.generalId !== generalId && canReplyToGeneral(message.src)"
                     :class="targetClass(message.src)"
                     :style="{ backgroundColor: message.src.color }"
                     type="button"
@@ -249,6 +259,13 @@ onBeforeUnmount(() => {
                 >
                     {{ message.src.generalName }}:{{ message.src.nationName }} | ↩
                 </button>
+                <span
+                    v-else-if="message.src.generalId !== generalId"
+                    :class="targetClass(message.src)"
+                    :style="{ backgroundColor: message.src.color }"
+                >
+                    {{ message.src.generalName }}:{{ message.src.nationName }}
+                </span>
                 <span v-else :class="targetClass(message.src)" :style="{ backgroundColor: message.src.color }">
                     {{ message.src.generalName }}
                 </span>