From 55dc1d53058d998ab96d93dc117635f96cd5ace7 Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Sat, 22 Mar 2025 18:23:52 +0900
Subject: [PATCH] wip

---
 locales/index.d.ts                            | 20 +++++
 locales/ja-JP.yml                             |  6 +-
 packages/frontend/src/pages/chat/room.vue     | 83 +++++++++----------
 .../frontend/src/utility/get-user-menu.ts     |  7 +-
 4 files changed, 69 insertions(+), 47 deletions(-)

diff --git a/locales/index.d.ts b/locales/index.d.ts
index 988bedfdfc..c25ce18701 100644
--- a/locales/index.d.ts
+++ b/locales/index.d.ts
@@ -5384,6 +5384,26 @@ export interface Locale extends ILocale {
          * チャットが使えない状態になっているか、相手がチャットを開放していません。
          */
         "cannotChatWithTheUser_description": string;
+        /**
+         * チャットする
+         */
+        "chatWithThisUser": string;
+        /**
+         * このユーザーはフォロワーからのみチャットを受け付けています。
+         */
+        "thisUserAllowsChatOnlyFromFollowers": string;
+        /**
+         * このユーザーはフォローしているユーザーからのみチャットを受け付けています。
+         */
+        "thisUserAllowsChatOnlyFromFollowing": string;
+        /**
+         * このユーザーは相互フォローのユーザーからのみチャットを受け付けています。
+         */
+        "thisUserAllowsChatOnlyFromMutualFollowing": string;
+        /**
+         * このユーザーは誰からもチャットを受け付けていません。
+         */
+        "thisUserNotAllowedChatAnyone": string;
         /**
          * チャットを許可する相手
          */
diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index ac2f037e95..2d358fcfac 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -1343,7 +1343,11 @@ _chat:
   roomChat_description: "複数人でのチャットができます。\nまた、個人チャットを許可していないユーザーとでも、相手が受け入れればチャットができます。"
   cannotChatWithTheUser: "このユーザーとのチャットを開始できません"
   cannotChatWithTheUser_description: "チャットが使えない状態になっているか、相手がチャットを開放していません。"
-
+  chatWithThisUser: "チャットする"
+  thisUserAllowsChatOnlyFromFollowers: "このユーザーはフォロワーからのみチャットを受け付けています。"
+  thisUserAllowsChatOnlyFromFollowing: "このユーザーはフォローしているユーザーからのみチャットを受け付けています。"
+  thisUserAllowsChatOnlyFromMutualFollowing: "このユーザーは相互フォローのユーザーからのみチャットを受け付けています。"
+  thisUserNotAllowedChatAnyone: "このユーザーは誰からもチャットを受け付けていません。"
   chatAllowedUsers: "チャットを許可する相手"
   chatAllowedUsers_note: "自分からチャットメッセージを送った相手とはこの設定に関わらずチャットが可能です。"
   _chatAllowedUsers:
diff --git a/packages/frontend/src/pages/chat/room.vue b/packages/frontend/src/pages/chat/room.vue
index 010573c26d..ab6ffabe06 100644
--- a/packages/frontend/src/pages/chat/room.vue
+++ b/packages/frontend/src/pages/chat/room.vue
@@ -4,52 +4,46 @@ SPDX-License-Identifier: AGPL-3.0-only
 -->
 
 <template>
-<div style="height: 100%; overflow:auto; display:flex; flex-direction:column-reverse;">
-	<MkStickyContainer>
-		<template #header>
-			<MkPageHeader/>
-		</template>
+<PageWithHeader reversed>
+	<div ref="rootEl" :class="$style.root">
+		<MkSpacer :contentMax="700">
+			<MkPagination v-if="pagination" ref="pagingComponent" :key="userId || roomId" :pagination="pagination" :disableAutoLoad="true" :scrollReversed="true">
+				<template #empty>
+					<div class="_fullinfo">
+						<div>{{ i18n.ts.noMessagesYet }}</div>
+					</div>
+				</template>
+				<template #default="{ items: messages }">
+					<TransitionGroup
+						:enterActiveClass="prefer.s.animation ? $style.transition_x_enterActive : ''"
+						:leaveActiveClass="prefer.s.animation ? $style.transition_x_leaveActive : ''"
+						:enterFromClass="prefer.s.animation ? $style.transition_x_enterFrom : ''"
+						:leaveToClass="prefer.s.animation ? $style.transition_x_leaveTo : ''"
+						:moveClass="prefer.s.animation ? $style.transition_x_move : ''"
+						tag="div" class="_gaps"
+					>
+						<XMessage v-for="message in messages.toReversed()" :key="message.id" :message="message" :user="message.fromUserId === $i.id ? $i : user" :isRoom="room != null"/>
+					</TransitionGroup>
+				</template>
+			</MkPagination>
+		</MkSpacer>
+	</div>
 
-		<div ref="rootEl" :class="$style.root">
-			<MkSpacer :contentMax="700">
-				<MkPagination v-if="pagination" ref="pagingComponent" :key="userId || roomId" :pagination="pagination" :disableAutoLoad="true" :scrollReversed="true">
-					<template #empty>
-						<div class="_fullinfo">
-							<div>{{ i18n.ts.noMessagesYet }}</div>
-						</div>
-					</template>
-					<template #default="{ items: messages }">
-						<TransitionGroup
-							:enterActiveClass="prefer.s.animation ? $style.transition_x_enterActive : ''"
-							:leaveActiveClass="prefer.s.animation ? $style.transition_x_leaveActive : ''"
-							:enterFromClass="prefer.s.animation ? $style.transition_x_enterFrom : ''"
-							:leaveToClass="prefer.s.animation ? $style.transition_x_leaveTo : ''"
-							:moveClass="prefer.s.animation ? $style.transition_x_move : ''"
-							tag="div" class="_gaps"
-						>
-							<XMessage v-for="message in messages.toReversed()" :key="message.id" :message="message" :user="message.fromUserId === $i.id ? $i : user" :isRoom="room != null"/>
-						</TransitionGroup>
-					</template>
-				</MkPagination>
-			</MkSpacer>
-		</div>
-
-		<template #footer>
-			<div :class="$style.footer">
-				<div class="_gaps">
-					<Transition name="fade">
-						<div v-show="showIndicator" :class="$style.new">
-							<button class="_buttonPrimary" :class="$style.newButton" @click="onIndicatorClick">
-								<i class="fas ti-fw fa-arrow-circle-down" :class="$style.newIcon"></i>{{ i18n.ts.newMessageExists }}
-							</button>
-						</div>
-					</Transition>
-					<XForm v-if="!fetching" :user="user" :room="room" :class="$style.form"/>
-				</div>
+	<template #footer>
+		<div :class="$style.footer">
+			<div class="_gaps">
+				<Transition name="fade">
+					<div v-show="showIndicator" :class="$style.new">
+						<button class="_buttonPrimary" :class="$style.newButton" @click="onIndicatorClick">
+							<i class="fas ti-fw fa-arrow-circle-down" :class="$style.newIcon"></i>{{ i18n.ts.newMessageExists }}
+						</button>
+					</div>
+				</Transition>
+				<XForm v-if="!fetching" :user="user" :room="room" :class="$style.form"/>
 			</div>
-		</template>
-	</MkStickyContainer>
-</div>
+		</div>
+	</template>
+</PageWithHeader>
 </template>
 
 <script lang="ts" setup>
@@ -232,7 +226,6 @@ definePage(computed(() => !fetching.value ? user.value ? {
 }
 
 .root {
-	min-height: 100cqh;
 }
 
 .more {
diff --git a/packages/frontend/src/utility/get-user-menu.ts b/packages/frontend/src/utility/get-user-menu.ts
index de20f2678e..b84deb2f86 100644
--- a/packages/frontend/src/utility/get-user-menu.ts
+++ b/packages/frontend/src/utility/get-user-menu.ts
@@ -220,13 +220,18 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: Router
 	});
 
 	if ($i) {
-		menuItems.push({
+		menuItems.push({ type: 'divider' }, {
 			icon: 'ti ti-mail',
 			text: i18n.ts.sendMessage,
 			action: () => {
 				const canonical = user.host === null ? `@${user.username}` : `@${user.username}@${user.host}`;
 				os.post({ specified: user, initialText: `${canonical} ` });
 			},
+		}, {
+			type: 'link',
+			icon: 'ti ti-messages',
+			text: i18n.ts._chat.chatWithThisUser,
+			to: `/chat/user/${user.id}`,
 		}, { type: 'divider' }, {
 			icon: 'ti ti-pencil',
 			text: i18n.ts.editMemo,