From b40ecc61596e8fef9c85ef24de66cd9258f0f8a3 Mon Sep 17 00:00:00 2001
From: mattyatea <mattyatea@pm.me>
Date: Wed, 6 Mar 2024 11:46:54 +0900
Subject: [PATCH] a

---
 locales/index.d.ts                            |   4 -
 .../api/endpoints/users/report-abuse.ts       |  17 +
 .../frontend/src/components/MkClickerGame.vue |  40 ++-
 .../frontend/src/pages/admin/roles.editor.vue | 193 ++++-------
 packages/frontend/src/pages/admin/roles.vue   | 311 +++++++++---------
 .../frontend/src/widgets/WidgetClicker.vue    |  13 +-
 6 files changed, 252 insertions(+), 326 deletions(-)

diff --git a/locales/index.d.ts b/locales/index.d.ts
index 775053160e..142787ef04 100644
--- a/locales/index.d.ts
+++ b/locales/index.d.ts
@@ -4892,10 +4892,6 @@ export interface Locale extends ILocale {
      * フォロー中またはフォロワー
      */
     "followingOrFollower": string;
-    /**
-     * ファイル付きのみ
-     */
-    "fileAttachedOnly": string;
     /**
      * TLに他の人への返信を含める
      */
diff --git a/packages/backend/src/server/api/endpoints/users/report-abuse.ts b/packages/backend/src/server/api/endpoints/users/report-abuse.ts
index 4f3d48770d..b40733e1a7 100644
--- a/packages/backend/src/server/api/endpoints/users/report-abuse.ts
+++ b/packages/backend/src/server/api/endpoints/users/report-abuse.ts
@@ -120,6 +120,23 @@ export default class extends Endpoint<typeof meta, typeof paramDef> { // eslint-
 					});
 				}
 				const meta = await this.metaService.fetch();
+				if (meta.DiscordWebhookUrl) {
+					const data_disc = { 'username': '絵文字追加通知ちゃん',
+																									'content':
+
+							'通報' + '\n' +
+																										'通報' + report.comment + '\n' +
+							'通報したユーザー : ' + '@' + me.username + '\n' +
+							'通報されたユーザー : ' + report.targetUserId + '\n',
+					};
+					await fetch(meta.DiscordWebhookUrl, {
+						'method': 'post',
+						headers: {
+							'Content-Type': 'application/json',
+						},
+						body: JSON.stringify(data_disc),
+					});
+				}
 				if (meta.email) {
 					this.emailService.sendEmail(meta.email, 'New abuse report',
 						sanitizeHtml(ps.comment),
diff --git a/packages/frontend/src/components/MkClickerGame.vue b/packages/frontend/src/components/MkClickerGame.vue
index 1f9d871a8d..175fc5da6b 100644
--- a/packages/frontend/src/components/MkClickerGame.vue
+++ b/packages/frontend/src/components/MkClickerGame.vue
@@ -4,33 +4,38 @@ SPDX-License-Identifier: AGPL-3.0-only
 -->
 
 <template>
-	<div>
-		<div v-if="game.ready" :class="$style.game">
-			<div :class="$style.cps" class="">{{ number(cps) }}cps</div>
-			<div :class="$style.count" class=""><img :class="[$style.icon,{[$style.dark]:darkMode}]" alt="Cosaque daihuku"
-																							 src="https://media.discordapp.net/attachments/1153099592863334431/1162139796647448576/AfovawbDhjHYAAAAAElFTkSuQmCC.png"/>
-				{{ number(cookies) }}
-			</div>
-			<button v-click-anime class="_button" @click="onClick">
-				<img src="https://cdn.discordapp.com/attachments/1153099592863334431/1160169965568143391/dihk_cossack.gif"
-						 :class="$style.img">
-			</button>
-		</div>
-		<div v-else>
-			<MkLoading/>
+<div>
+	<div v-if="game.ready" :class="$style.game">
+		<div :class="$style.cps" class="">{{ number(cps) }}cps</div>
+		<div :class="$style.count" class="">
+			<img
+				:class="[$style.icon,{[$style.dark]:darkMode}]" alt="Cosaque daihuku"
+				src="https://files.prismisskey.space/misskey/59731116-9616-4161-82b3-7eff6c48ea72.apng"
+			/>
+			{{ number(cookies) }}
 		</div>
+		<button v-click-anime class="_button" @click="onClick">
+			<img
+				src="https://files.prismisskey.space/misskey/59731116-9616-4161-82b3-7eff6c48ea72.apng"
+				:class="$style.img"
+			>
+		</button>
 	</div>
+	<div v-else>
+		<MkLoading/>
+	</div>
+</div>
 </template>
 
 <script lang="ts" setup>
-import {computed, onMounted, onUnmounted, ref } from 'vue';
+import { computed, onMounted, onUnmounted, ref } from 'vue';
 import MkPlusOneEffect from '@/components/MkPlusOneEffect.vue';
 import * as os from '@/os.js';
 import { useInterval } from '@/scripts/use-interval.js';
 import * as game from '@/scripts/clicker-game.js';
 import number from '@/filters/number.js';
-import {claimAchievement} from '@/scripts/achievements.js';
-import {defaultStore} from "@/store.js";
+import { claimAchievement } from '@/scripts/achievements.js';
+import { defaultStore } from '@/store.js';
 
 const darkMode = computed(defaultStore.makeGetterSetter('darkMode'));
 const saveData = game.saveData;
@@ -101,7 +106,6 @@ onUnmounted(() => {
 
 $color-scheme: var(--color-scheme);
 
-
 .icon {
 	width: 1.3em;
 	vertical-align: -24%;
diff --git a/packages/frontend/src/pages/admin/roles.editor.vue b/packages/frontend/src/pages/admin/roles.editor.vue
index 5ba019a044..cee32f54e8 100644
--- a/packages/frontend/src/pages/admin/roles.editor.vue
+++ b/packages/frontend/src/pages/admin/roles.editor.vue
@@ -160,65 +160,6 @@ SPDX-License-Identifier: AGPL-3.0-only
 				</div>
 			</MkFolder>
 
-			<MkFolder v-if="matchQuery([i18n.ts._role._options.canEditNote, 'canEditNote'])">
-				<template #label>{{ i18n.ts._role._options.canEditNote }}</template>
-				<template #suffix>
-					<span v-if="role.policies.canEditNote.useDefault" :class="$style.useDefaultLabel">{{ i18n.ts._role.useBaseValue }}</span>
-					<span v-else>{{ role.policies.canEditNote.value ? i18n.ts.yes : i18n.ts.no }}</span>
-					<span :class="$style.priorityIndicator"><i :class="getPriorityIcon(role.policies.canEditNote)"></i></span>
-				</template>
-				<div class="_gaps">
-					<MkSwitch v-model="role.policies.canEditNote.useDefault" :readonly="readonly">
-						<template #label>{{ i18n.ts._role.useBaseValue }}</template>
-					</MkSwitch>
-					<MkSwitch v-model="role.policies.canEditNote.value" :disabled="role.policies.canEditNote.useDefault" :readonly="readonly">
-						<template #label>{{ i18n.ts.enable }}</template>
-					</MkSwitch>
-					<MkRange v-model="role.policies.canEditNote.priority" :min="0" :max="2" :step="1" easing :textConverter="(v) => v === 0 ? i18n.ts._role._priority.low : v === 1 ? i18n.ts._role._priority.middle : v === 2 ? i18n.ts._role._priority.high : ''">
-						<template #label>{{ i18n.ts._role.priority }}</template>
-					</MkRange>
-				</div>
-			</MkFolder>
-
-			<MkFolder v-if="matchQuery([i18n.ts._role._options.canScheduleNote, 'canScheduleNote'])">
-				<template #label>{{ i18n.ts._role._options.canScheduleNote }}</template>
-				<template #suffix>
-					<span v-if="role.policies.canScheduleNote.useDefault" :class="$style.useDefaultLabel">{{ i18n.ts._role.useBaseValue }}</span>
-					<span v-else>{{ role.policies.canScheduleNote.value ? i18n.ts.yes : i18n.ts.no }}</span>
-					<span :class="$style.priorityIndicator"><i :class="getPriorityIcon(role.policies.canScheduleNote)"></i></span>
-				</template>
-				<div class="_gaps">
-					<MkSwitch v-model="role.policies.canScheduleNote.useDefault" :readonly="readonly">
-						<template #label>{{ i18n.ts._role.useBaseValue }}</template>
-					</MkSwitch>
-					<MkSwitch v-model="role.policies.canScheduleNote.value" :disabled="role.policies.canScheduleNote.useDefault" :readonly="readonly">
-						<template #label>{{ i18n.ts.enable }}</template>
-					</MkSwitch>
-					<MkRange v-model="role.policies.canScheduleNote.priority" :min="0" :max="2" :step="1" easing :textConverter="(v) => v === 0 ? i18n.ts._role._priority.low : v === 1 ? i18n.ts._role._priority.middle : v === 2 ? i18n.ts._role._priority.high : ''">
-						<template #label>{{ i18n.ts._role.priority }}</template>
-					</MkRange>
-				</div>
-			</MkFolder>
-
-			<MkFolder v-if="matchQuery([i18n.ts._role._options.mentionMax, 'mentionLimit'])">
-				<template #label>{{ i18n.ts._role._options.mentionMax }}</template>
-				<template #suffix>
-					<span v-if="role.policies.mentionLimit.useDefault" :class="$style.useDefaultLabel">{{ i18n.ts._role.useBaseValue }}</span>
-					<span v-else>{{ role.policies.mentionLimit.value }}</span>
-					<span :class="$style.priorityIndicator"><i :class="getPriorityIcon(role.policies.mentionLimit)"></i></span>
-				</template>
-				<div class="_gaps">
-					<MkSwitch v-model="role.policies.mentionLimit.useDefault" :readonly="readonly">
-						<template #label>{{ i18n.ts._role.useBaseValue }}</template>
-					</MkSwitch>
-					<MkInput v-model="role.policies.mentionLimit.value" :disabled="role.policies.mentionLimit.useDefault" type="number" :readonly="readonly">
-					</MkInput>
-					<MkRange v-model="role.policies.mentionLimit.priority" :min="0" :max="2" :step="1" easing :textConverter="(v) => v === 0 ? i18n.ts._role._priority.low : v === 1 ? i18n.ts._role._priority.middle : v === 2 ? i18n.ts._role._priority.high : ''">
-						<template #label>{{ i18n.ts._role.priority }}</template>
-					</MkRange>
-				</div>
-			</MkFolder>
-
 			<MkFolder v-if="matchQuery([i18n.ts._role._options.canInvite, 'canInvite'])">
 				<template #label>{{ i18n.ts._role._options.canInvite }}</template>
 				<template #suffix>
@@ -318,26 +259,6 @@ SPDX-License-Identifier: AGPL-3.0-only
 				</div>
 			</MkFolder>
 
-			<MkFolder v-if="matchQuery([i18n.ts._role._options.canRequestCustomEmojis, 'canRequestCustomEmojis'])">
-				<template #label>{{ i18n.ts._role._options.canRequestCustomEmojis }}</template>
-				<template #suffix>
-					<span v-if="role.policies.canRequestCustomEmojis.useDefault" :class="$style.useDefaultLabel">{{ i18n.ts._role.useBaseValue }}</span>
-					<span v-else>{{ role.policies.canRequestCustomEmojis.value ? i18n.ts.yes : i18n.ts.no }}</span>
-					<span :class="$style.priorityIndicator"><i :class="getPriorityIcon(role.policies.canRequestCustomEmojis)"></i></span>
-				</template>
-				<div class="_gaps">
-					<MkSwitch v-model="role.policies.canRequestCustomEmojis.useDefault" :readonly="readonly">
-						<template #label>{{ i18n.ts._role.useBaseValue }}</template>
-					</MkSwitch>
-					<MkSwitch v-model="role.policies.canRequestCustomEmojis.value" :disabled="role.policies.canRequestCustomEmojis.useDefault" :readonly="readonly">
-						<template #label>{{ i18n.ts.enable }}</template>
-					</MkSwitch>
-					<MkRange v-model="role.policies.canRequestCustomEmojis.priority" :min="0" :max="2" :step="1" easing :textConverter="(v) => v === 0 ? i18n.ts._role._priority.low : v === 1 ? i18n.ts._role._priority.middle : v === 2 ? i18n.ts._role._priority.high : ''">
-						<template #label>{{ i18n.ts._role.priority }}</template>
-					</MkRange>
-				</div>
-			</MkFolder>
-
 			<MkFolder v-if="matchQuery([i18n.ts._role._options.canManageAvatarDecorations, 'canManageAvatarDecorations'])">
 				<template #label>{{ i18n.ts._role._options.canManageAvatarDecorations }}</template>
 				<template #suffix>
@@ -630,63 +551,63 @@ SPDX-License-Identifier: AGPL-3.0-only
 					</MkRange>
 				</div>
 			</MkFolder>
-			<MkFolder v-if="matchQuery([i18n.ts._role._options.emojiPickerProfileLimit, 'emojiPickerProfileLimit'])">
-				<template #label>{{ i18n.ts._role._options.emojiPickerProfileLimit }}</template>
-				<template #suffix>
-					<span v-if="role.policies.emojiPickerProfileLimit.useDefault" :class="$style.useDefaultLabel">{{ i18n.ts._role.useBaseValue }}</span>
-					<span v-else>{{ role.policies.emojiPickerProfileLimit.value }}</span>
-					<span :class="$style.priorityIndicator"><i :class="getPriorityIcon(role.policies.emojiPickerProfileLimit)"></i></span>
-				</template>
-				<div class="_gaps">
-					<MkSwitch v-model="role.policies.emojiPickerProfileLimit.useDefault" :readonly="readonly">
-						<template #label>{{ i18n.ts._role.useBaseValue }}</template>
-					</MkSwitch>
-            <MkInput v-model="role.policies.emojiPickerProfileLimit.value" type="number" :min="0" :disabled="role.policies.emojiPickerProfileLimit.useDefault" >
-                <template #label>{{ i18n.ts._role._options.emojiPickerProfileLimit }}</template>
-            </MkInput>
-					<MkRange v-model="role.policies.emojiPickerProfileLimit.priority" :min="0" :max="2" :step="1" easing :textConverter="(v) => v === 0 ? i18n.ts._role._priority.low : v === 1 ? i18n.ts._role._priority.middle : v === 2 ? i18n.ts._role._priority.high : ''">
-						<template #label>{{ i18n.ts._role.priority }}</template>
-					</MkRange>
-				</div>
-			</MkFolder>
-			<MkFolder v-if="matchQuery([i18n.ts._role._options.listPinnedLimit, 'listPinnedLimit'])">
-				<template #label>{{ i18n.ts._role._options.listPinnedLimit }}</template>
-				<template #suffix>
-					<span v-if="role.policies.listPinnedLimit.useDefault" :class="$style.useDefaultLabel">{{ i18n.ts._role.useBaseValue }}</span>
-					<span v-else>{{ role.policies.listPinnedLimit.value }}</span>
-					<span :class="$style.priorityIndicator"><i :class="getPriorityIcon(role.policies.listPinnedLimit)"></i></span>
-				</template>
-				<div class="_gaps">
-					<MkSwitch v-model="role.policies.listPinnedLimit.useDefault" :readonly="readonly">
-						<template #label>{{ i18n.ts._role.useBaseValue }}</template>
-					</MkSwitch>
-            <MkInput v-model="role.policies.listPinnedLimit.value" type="number" :min="0" :disabled="role.policies.listPinnedLimit.useDefault" >
-                <template #label>{{ i18n.ts._role._options.listPinnedLimit }}</template>
-            </MkInput>
-					<MkRange v-model="role.policies.listPinnedLimit.priority" :min="0" :max="2" :step="1" easing :textConverter="(v) => v === 0 ? i18n.ts._role._priority.low : v === 1 ? i18n.ts._role._priority.middle : v === 2 ? i18n.ts._role._priority.high : ''">
-						<template #label>{{ i18n.ts._role.priority }}</template>
-					</MkRange>
-				</div>
-			</MkFolder>
-			<MkFolder v-if="matchQuery([i18n.ts._role._options.localTimelineAnyLimit, 'localTimelineAnyLimit'])">
-				<template #label>{{ i18n.ts._role._options.localTimelineAnyLimit }}</template>
-				<template #suffix>
-					<span v-if="role.policies.localTimelineAnyLimit.useDefault" :class="$style.useDefaultLabel">{{ i18n.ts._role.useBaseValue }}</span>
-					<span v-else>{{ role.policies.localTimelineAnyLimit.value}}</span>
-					<span :class="$style.priorityIndicator"><i :class="getPriorityIcon(role.policies.localTimelineAnyLimit)"></i></span>
-				</template>
-				<div class="_gaps">
-					<MkSwitch v-model="role.policies.localTimelineAnyLimit.useDefault" :readonly="readonly">
-						<template #label>{{ i18n.ts._role.useBaseValue }}</template>
-					</MkSwitch>
-            <MkInput v-model="role.policies.localTimelineAnyLimit.value" type="number" :min="0" :disabled="role.policies.localTimelineAnyLimit.useDefault" >
-                <template #label>{{ i18n.ts._role._options.localTimelineAnyLimit }}</template>
-            </MkInput>
-					<MkRange v-model="role.policies.localTimelineAnyLimit.priority" :min="0" :max="2" :step="1" easing :textConverter="(v) => v === 0 ? i18n.ts._role._priority.low : v === 1 ? i18n.ts._role._priority.middle : v === 2 ? i18n.ts._role._priority.high : ''">
-						<template #label>{{ i18n.ts._role.priority }}</template>
-					</MkRange>
-				</div>
-			</MkFolder>
+        <MkFolder v-if="matchQuery([i18n.ts._role._options.emojiPickerProfileLimit, 'emojiPickerProfileLimit'])">
+            <template #label>{{ i18n.ts._role._options.emojiPickerProfileLimit }}</template>
+            <template #suffix>
+                <span v-if="role.policies.emojiPickerProfileLimit.useDefault" :class="$style.useDefaultLabel">{{ i18n.ts._role.useBaseValue }}</span>
+                <span v-else>{{ role.policies.emojiPickerProfileLimit.value }}</span>
+                <span :class="$style.priorityIndicator"><i :class="getPriorityIcon(role.policies.emojiPickerProfileLimit)"></i></span>
+            </template>
+            <div class="_gaps">
+                <MkSwitch v-model="role.policies.emojiPickerProfileLimit.useDefault" :readonly="readonly">
+                    <template #label>{{ i18n.ts._role.useBaseValue }}</template>
+                </MkSwitch>
+                <MkInput v-model="role.policies.emojiPickerProfileLimit.value" type="number" :min="0" :disabled="role.policies.emojiPickerProfileLimit.useDefault" >
+                    <template #label>{{ i18n.ts._role._options.emojiPickerProfileLimit }}</template>
+                </MkInput>
+                <MkRange v-model="role.policies.emojiPickerProfileLimit.priority" :min="0" :max="2" :step="1" easing :textConverter="(v) => v === 0 ? i18n.ts._role._priority.low : v === 1 ? i18n.ts._role._priority.middle : v === 2 ? i18n.ts._role._priority.high : ''">
+                    <template #label>{{ i18n.ts._role.priority }}</template>
+                </MkRange>
+            </div>
+        </MkFolder>
+        <MkFolder v-if="matchQuery([i18n.ts._role._options.listPinnedLimit, 'listPinnedLimit'])">
+            <template #label>{{ i18n.ts._role._options.listPinnedLimit }}</template>
+            <template #suffix>
+                <span v-if="role.policies.listPinnedLimit.useDefault" :class="$style.useDefaultLabel">{{ i18n.ts._role.useBaseValue }}</span>
+                <span v-else>{{ role.policies.listPinnedLimit.value }}</span>
+                <span :class="$style.priorityIndicator"><i :class="getPriorityIcon(role.policies.listPinnedLimit)"></i></span>
+            </template>
+            <div class="_gaps">
+                <MkSwitch v-model="role.policies.listPinnedLimit.useDefault" :readonly="readonly">
+                    <template #label>{{ i18n.ts._role.useBaseValue }}</template>
+                </MkSwitch>
+                <MkInput v-model="role.policies.listPinnedLimit.value" type="number" :min="0" :disabled="role.policies.listPinnedLimit.useDefault" >
+                    <template #label>{{ i18n.ts._role._options.listPinnedLimit }}</template>
+                </MkInput>
+                <MkRange v-model="role.policies.listPinnedLimit.priority" :min="0" :max="2" :step="1" easing :textConverter="(v) => v === 0 ? i18n.ts._role._priority.low : v === 1 ? i18n.ts._role._priority.middle : v === 2 ? i18n.ts._role._priority.high : ''">
+                    <template #label>{{ i18n.ts._role.priority }}</template>
+                </MkRange>
+            </div>
+        </MkFolder>
+        <MkFolder v-if="matchQuery([i18n.ts._role._options.localTimelineAnyLimit, 'localTimelineAnyLimit'])">
+            <template #label>{{ i18n.ts._role._options.localTimelineAnyLimit }}</template>
+            <template #suffix>
+                <span v-if="role.policies.localTimelineAnyLimit.useDefault" :class="$style.useDefaultLabel">{{ i18n.ts._role.useBaseValue }}</span>
+                <span v-else>{{ role.policies.localTimelineAnyLimit.value}}</span>
+                <span :class="$style.priorityIndicator"><i :class="getPriorityIcon(role.policies.localTimelineAnyLimit)"></i></span>
+            </template>
+            <div class="_gaps">
+                <MkSwitch v-model="role.policies.localTimelineAnyLimit.useDefault" :readonly="readonly">
+                    <template #label>{{ i18n.ts._role.useBaseValue }}</template>
+                </MkSwitch>
+                <MkInput v-model="role.policies.localTimelineAnyLimit.value" type="number" :min="0" :disabled="role.policies.localTimelineAnyLimit.useDefault" >
+                    <template #label>{{ i18n.ts._role._options.localTimelineAnyLimit }}</template>
+                </MkInput>
+                <MkRange v-model="role.policies.localTimelineAnyLimit.priority" :min="0" :max="2" :step="1" easing :textConverter="(v) => v === 0 ? i18n.ts._role._priority.low : v === 1 ? i18n.ts._role._priority.middle : v === 2 ? i18n.ts._role._priority.high : ''">
+                    <template #label>{{ i18n.ts._role.priority }}</template>
+                </MkRange>
+            </div>
+        </MkFolder>
 		</div>
 	</FormSlot>
 </div>
diff --git a/packages/frontend/src/pages/admin/roles.vue b/packages/frontend/src/pages/admin/roles.vue
index 16f9f8b401..0116939922 100644
--- a/packages/frontend/src/pages/admin/roles.vue
+++ b/packages/frontend/src/pages/admin/roles.vue
@@ -50,7 +50,12 @@ SPDX-License-Identifier: AGPL-3.0-only
 									<template #label>{{ i18n.ts.enable }}</template>
 								</MkSwitch>
 							</MkFolder>
-
+							<MkFolder v-if="matchQuery([i18n.ts._role._options.mentionMax, 'mentionLimit'])">
+								<template #label>{{ i18n.ts._role._options.mentionMax }}</template>
+								<template #suffix>{{ policies.mentionLimit }}</template>
+								<MkInput v-model="policies.mentionLimit" type="number">
+								</MkInput>
+							</MkFolder>
 							<MkFolder v-if="matchQuery([i18n.ts._role._options.canEditNote, 'canEditNote'])" class="_margin">
 								<template #label>{{ i18n.ts._role._options.canEditNote }}</template>
 								<template #suffix>{{ policies.canEditNote ? i18n.ts.yes : i18n.ts.no }}</template>
@@ -66,27 +71,27 @@ SPDX-License-Identifier: AGPL-3.0-only
 									<template #label>{{ i18n.ts.enable }}</template>
 								</MkSwitch>
 							</MkFolder>
-                            <MkFolder v-if="matchQuery([i18n.ts._role._options.canSearchNotes, 'canSearchNotes'])" class="_margin">
-                                <template #label>{{ i18n.ts._role._options.canSearchNotes }}</template>
-                                <template #suffix>{{ policies.canSearchNotes ? i18n.ts.yes : i18n.ts.no }}</template>
-                                <MkSwitch v-model="policies.canSearchNotes">
-                                    <template #label>{{ i18n.ts.enable }}</template>
-                                </MkSwitch>
-                            </MkFolder>
+							<MkFolder v-if="matchQuery([i18n.ts._role._options.canSearchNotes, 'canSearchNotes'])" class="_margin">
+								<template #label>{{ i18n.ts._role._options.canSearchNotes }}</template>
+								<template #suffix>{{ policies.canSearchNotes ? i18n.ts.yes : i18n.ts.no }}</template>
+								<MkSwitch v-model="policies.canSearchNotes">
+									<template #label>{{ i18n.ts.enable }}</template>
+								</MkSwitch>
+							</MkFolder>
 
-                            <MkFolder v-if="matchQuery([i18n.ts._role._options.canUseTranslator, 'canSearchNotes'])" class="_margin">
-                                <template #label>{{ i18n.ts._role._options.canUseTranslator }}</template>
-                                <template #suffix>{{ policies.canUseTranslator ? i18n.ts.yes : i18n.ts.no }}</template>
-                                <MkSwitch v-model="policies.canUseTranslator">
-                                    <template #label>{{ i18n.ts.enable }}</template>
-                                </MkSwitch>
-                            </MkFolder>
-                            <MkFolder v-if="matchQuery([i18n.ts._role._options.pinMax, 'pinLimit'])" class="_margin">
-                                <template #label>{{ i18n.ts._role._options.pinMax }}</template>
-                                <template #suffix>{{ policies.pinLimit }}</template>
-                                <MkInput v-model="policies.pinLimit" type="number">
-                                </MkInput>
-                            </MkFolder>
+							<MkFolder v-if="matchQuery([i18n.ts._role._options.canUseTranslator, 'canSearchNotes'])" class="_margin">
+								<template #label>{{ i18n.ts._role._options.canUseTranslator }}</template>
+								<template #suffix>{{ policies.canUseTranslator ? i18n.ts.yes : i18n.ts.no }}</template>
+								<MkSwitch v-model="policies.canUseTranslator">
+									<template #label>{{ i18n.ts.enable }}</template>
+								</MkSwitch>
+							</MkFolder>
+							<MkFolder v-if="matchQuery([i18n.ts._role._options.pinMax, 'pinLimit'])" class="_margin">
+								<template #label>{{ i18n.ts._role._options.pinMax }}</template>
+								<template #suffix>{{ policies.pinLimit }}</template>
+								<MkInput v-model="policies.pinLimit" type="number">
+								</MkInput>
+							</MkFolder>
 						</MkFoldableSection>
 						<MkFoldableSection :expanded="false">
 							<template #header>招待系</template>
@@ -103,27 +108,21 @@ SPDX-License-Identifier: AGPL-3.0-only
 								<MkInput v-model="policies.inviteLimit" type="number">
 								</MkInput>
 							</MkFolder>
-						<MkFolder v-if="matchQuery([i18n.ts._role._options.mentionMax, 'mentionLimit'])">
-							<template #label>{{ i18n.ts._role._options.mentionMax }}</template>
-							<template #suffix>{{ policies.mentionLimit }}</template>
-							<MkInput v-model="policies.mentionLimit" type="number">
-							</MkInput>
-						</MkFolder>
 
-						<MkFolder v-if="matchQuery([i18n.ts._role._options.canInvite, 'canInvite'])">
-							<template #label>{{ i18n.ts._role._options.canInvite }}</template>
-							<template #suffix>{{ policies.canInvite ? i18n.ts.yes : i18n.ts.no }}</template>
-							<MkSwitch v-model="policies.canInvite">
-								<template #label>{{ i18n.ts.enable }}</template>
-							</MkSwitch>
-						</MkFolder>
+							<MkFolder v-if="matchQuery([i18n.ts._role._options.canInvite, 'canInvite'])">
+								<template #label>{{ i18n.ts._role._options.canInvite }}</template>
+								<template #suffix>{{ policies.canInvite ? i18n.ts.yes : i18n.ts.no }}</template>
+								<MkSwitch v-model="policies.canInvite">
+									<template #label>{{ i18n.ts.enable }}</template>
+								</MkSwitch>
+							</MkFolder>
 
-						<MkFolder v-if="matchQuery([i18n.ts._role._options.inviteLimit, 'inviteLimit'])">
-							<template #label>{{ i18n.ts._role._options.inviteLimit }}</template>
-							<template #suffix>{{ policies.inviteLimit }}</template>
-							<MkInput v-model="policies.inviteLimit" type="number">
-							</MkInput>
-						</MkFolder>
+							<MkFolder v-if="matchQuery([i18n.ts._role._options.inviteLimit, 'inviteLimit'])">
+								<template #label>{{ i18n.ts._role._options.inviteLimit }}</template>
+								<template #suffix>{{ policies.inviteLimit }}</template>
+								<MkInput v-model="policies.inviteLimit" type="number">
+								</MkInput>
+							</MkFolder>
 
 							<MkFolder v-if="matchQuery([i18n.ts._role._options.inviteLimitCycle, 'inviteLimitCycle'])" class="_margin">
 								<template #label>{{ i18n.ts._role._options.inviteLimitCycle }}</template>
@@ -163,136 +162,122 @@ SPDX-License-Identifier: AGPL-3.0-only
 								</MkInput>
 							</MkFolder>
 						</MkFoldableSection>
-                        <MkFoldableSection :expanded="false">
-                            <template #header>カスタム絵文字系</template>
-                            <MkFolder v-if="matchQuery([i18n.ts._role._options.canManageCustomEmojis, 'canManageCustomEmojis'])" class="_margin">
-                                <template #label>{{ i18n.ts._role._options.canManageCustomEmojis }}</template>
-                                <template #suffix>{{ policies.canManageCustomEmojis ? i18n.ts.yes : i18n.ts.no }}</template>
-                                <MkSwitch v-model="policies.canManageCustomEmojis">
-                                    <template #label>{{ i18n.ts.enable }}</template>
-                                </MkSwitch>
-                            </MkFolder>
-
-                            <MkFolder v-if="matchQuery([i18n.ts._role._options.canRequestCustomEmojis, 'canRequestCustomEmojis'])" class="_margin">
-                                <template #label>{{ i18n.ts._role._options.canRequestCustomEmojis }}</template>
-                                <template #suffix>{{ policies.canRequestCustomEmojis ? i18n.ts.yes : i18n.ts.no }}</template>
-                                <MkSwitch v-model="policies.canRequestCustomEmojis">
-                                    <template #label>{{ i18n.ts.enable }}</template>
-                                </MkSwitch>
-                            </MkFolder>
-                        </MkFoldableSection>
-                        <MkFoldableSection :expanded="false">
-                            <template #header>ドライブ、ファイル系</template>
-                            <MkFolder v-if="matchQuery([i18n.ts._role._options.driveCapacity, 'driveCapacityMb'])" class="_margin">
-                                <template #label>{{ i18n.ts._role._options.driveCapacity }}</template>
-                                <template #suffix>{{ policies.driveCapacityMb }}MB</template>
-                                <MkInput v-model="policies.driveCapacityMb" type="number">
-                                    <template #suffix>MB</template>
-                                </MkInput>
-                            </MkFolder>
-
-                            <MkFolder v-if="matchQuery([i18n.ts._role._options.alwaysMarkNsfw, 'alwaysMarkNsfw'])" class="_margin">
-                                <template #label>{{ i18n.ts._role._options.alwaysMarkNsfw }}</template>
-                                <template #suffix>{{ policies.alwaysMarkNsfw ? i18n.ts.yes : i18n.ts.no }}</template>
-                                <MkSwitch v-model="policies.alwaysMarkNsfw">
-                                    <template #label>{{ i18n.ts.enable }}</template>
-                                </MkSwitch>
-                            </MkFolder>
-                        </MkFoldableSection>
-                        <MkFoldableSection :expanded="false">
-                            <template #header>アイコンデコレーション系</template>
-                            <MkFolder v-if="matchQuery([i18n.ts._role._options.canManageAvatarDecorations, 'canManageAvatarDecorations'])" class="_margin">
-                                <template #label>{{ i18n.ts._role._options.canManageAvatarDecorations }}</template>
-                                <template #suffix>{{ policies.canManageAvatarDecorations ? i18n.ts.yes : i18n.ts.no }}</template>
-                                <MkSwitch v-model="policies.canManageAvatarDecorations">
-                                    <template #label>{{ i18n.ts.enable }}</template>
-                                </MkSwitch>
-                            </MkFolder>
-                            <MkFolder v-if="matchQuery([i18n.ts._role._options.avatarDecorationLimit, 'avatarDecorationLimit'])" class="_margin">
-                                <template #label>{{ i18n.ts._role._options.avatarDecorationLimit }}</template>
-                                <template #suffix>{{ policies.avatarDecorationLimit }}</template>
-                                <MkInput v-model="policies.avatarDecorationLimit" type="number" :min="0">
-                                </MkInput>
-                            </MkFolder>
-                        </MkFoldableSection>
-                        <MkFoldableSection :expanded="false">
-                            <template #header>クリップ系</template>
-                            <MkFolder v-if="matchQuery([i18n.ts._role._options.clipMax, 'clipLimit'])" class="_margin">
-                                <template #label>{{ i18n.ts._role._options.clipMax }}</template>
-                                <template #suffix>{{ policies.clipLimit }}</template>
-                                <MkInput v-model="policies.clipLimit" type="number">
-                                </MkInput>
-                            </MkFolder>
-
-                            <MkFolder v-if="matchQuery([i18n.ts._role._options.noteEachClipsMax, 'noteEachClipsLimit'])" class="_margin">
-                                <template #label>{{ i18n.ts._role._options.noteEachClipsMax }}</template>
-                                <template #suffix>{{ policies.noteEachClipsLimit }}</template>
-                                <MkInput v-model="policies.noteEachClipsLimit" type="number">
-                                </MkInput>
-                            </MkFolder>
-                        </MkFoldableSection>
-                        <MkFoldableSection :expanded="false">
-                            <template #header>リスト系</template>
-                            <MkFolder v-if="matchQuery([i18n.ts._role._options.userListMax, 'userListLimit'])" class="_margin">
-                                <template #label>{{ i18n.ts._role._options.userListMax }}</template>
-                                <template #suffix>{{ policies.userListLimit }}</template>
-                                <MkInput v-model="policies.userListLimit" type="number">
-                                </MkInput>
-                            </MkFolder>
-
-                            <MkFolder v-if="matchQuery([i18n.ts._role._options.userEachUserListsMax, 'userEachUserListsLimit'])" class="_margin">
-                                <template #label>{{ i18n.ts._role._options.userEachUserListsMax }}</template>
-                                <template #suffix>{{ policies.userEachUserListsLimit }}</template>
-                                <MkInput v-model="policies.userEachUserListsLimit" type="number">
-                                </MkInput>
-                            </MkFolder>
-                        </MkFoldableSection>
-                        <MkFoldableSection :expanded="false">
-                            <template #header>その他</template>
-                            <MkFolder v-if="matchQuery([i18n.ts._role._options.antennaMax, 'antennaLimit'])" class="_margin">
-                                <template #label>{{ i18n.ts._role._options.antennaMax }}</template>
-                                <template #suffix>{{ policies.antennaLimit }}</template>
-                                <MkInput v-model="policies.antennaLimit" type="number">
-                                </MkInput>
-                            </MkFolder>
-
-                            <MkFolder v-if="matchQuery([i18n.ts._role._options.wordMuteMax, 'wordMuteLimit'])" class="_margin">
-                                <template #label>{{ i18n.ts._role._options.wordMuteMax }}</template>
-                                <template #suffix>{{ policies.wordMuteLimit }}</template>
-                                <MkInput v-model="policies.wordMuteLimit" type="number">
-                                    <template #suffix>chars</template>
-                                </MkInput>
-                            </MkFolder>
-
-                            <MkFolder v-if="matchQuery([i18n.ts._role._options.webhookMax, 'webhookLimit'])" class="_margin">
-                                <template #label>{{ i18n.ts._role._options.webhookMax }}</template>
-                                <template #suffix>{{ policies.webhookLimit }}</template>
-                                <MkInput v-model="policies.webhookLimit" type="number">
-                                </MkInput>
-                            </MkFolder>
-
-
-
-
-
-                            <MkFolder v-if="matchQuery([i18n.ts._role._options.canHideAds, 'canHideAds'])" class="_margin">
-                                <template #label>{{ i18n.ts._role._options.canHideAds }}</template>
-                                <template #suffix>{{ policies.canHideAds ? i18n.ts.yes : i18n.ts.no }}</template>
-                                <MkSwitch v-model="policies.canHideAds">
-                                    <template #label>{{ i18n.ts.enable }}</template>
-                                </MkSwitch>
-                            </MkFolder>
-                        </MkFoldableSection>
-
-
-
+						<MkFoldableSection :expanded="false">
+							<template #header>カスタム絵文字系</template>
+							<MkFolder v-if="matchQuery([i18n.ts._role._options.canManageCustomEmojis, 'canManageCustomEmojis'])" class="_margin">
+								<template #label>{{ i18n.ts._role._options.canManageCustomEmojis }}</template>
+								<template #suffix>{{ policies.canManageCustomEmojis ? i18n.ts.yes : i18n.ts.no }}</template>
+								<MkSwitch v-model="policies.canManageCustomEmojis">
+									<template #label>{{ i18n.ts.enable }}</template>
+								</MkSwitch>
+							</MkFolder>
 
+							<MkFolder v-if="matchQuery([i18n.ts._role._options.canRequestCustomEmojis, 'canRequestCustomEmojis'])" class="_margin">
+								<template #label>{{ i18n.ts._role._options.canRequestCustomEmojis }}</template>
+								<template #suffix>{{ policies.canRequestCustomEmojis ? i18n.ts.yes : i18n.ts.no }}</template>
+								<MkSwitch v-model="policies.canRequestCustomEmojis">
+									<template #label>{{ i18n.ts.enable }}</template>
+								</MkSwitch>
+							</MkFolder>
+						</MkFoldableSection>
+						<MkFoldableSection :expanded="false">
+							<template #header>ドライブ、ファイル系</template>
+							<MkFolder v-if="matchQuery([i18n.ts._role._options.driveCapacity, 'driveCapacityMb'])" class="_margin">
+								<template #label>{{ i18n.ts._role._options.driveCapacity }}</template>
+								<template #suffix>{{ policies.driveCapacityMb }}MB</template>
+								<MkInput v-model="policies.driveCapacityMb" type="number">
+									<template #suffix>MB</template>
+								</MkInput>
+							</MkFolder>
 
+							<MkFolder v-if="matchQuery([i18n.ts._role._options.alwaysMarkNsfw, 'alwaysMarkNsfw'])" class="_margin">
+								<template #label>{{ i18n.ts._role._options.alwaysMarkNsfw }}</template>
+								<template #suffix>{{ policies.alwaysMarkNsfw ? i18n.ts.yes : i18n.ts.no }}</template>
+								<MkSwitch v-model="policies.alwaysMarkNsfw">
+									<template #label>{{ i18n.ts.enable }}</template>
+								</MkSwitch>
+							</MkFolder>
+						</MkFoldableSection>
+						<MkFoldableSection :expanded="false">
+							<template #header>アイコンデコレーション系</template>
+							<MkFolder v-if="matchQuery([i18n.ts._role._options.canManageAvatarDecorations, 'canManageAvatarDecorations'])" class="_margin">
+								<template #label>{{ i18n.ts._role._options.canManageAvatarDecorations }}</template>
+								<template #suffix>{{ policies.canManageAvatarDecorations ? i18n.ts.yes : i18n.ts.no }}</template>
+								<MkSwitch v-model="policies.canManageAvatarDecorations">
+									<template #label>{{ i18n.ts.enable }}</template>
+								</MkSwitch>
+							</MkFolder>
+							<MkFolder v-if="matchQuery([i18n.ts._role._options.avatarDecorationLimit, 'avatarDecorationLimit'])" class="_margin">
+								<template #label>{{ i18n.ts._role._options.avatarDecorationLimit }}</template>
+								<template #suffix>{{ policies.avatarDecorationLimit }}</template>
+								<MkInput v-model="policies.avatarDecorationLimit" type="number" :min="0">
+								</MkInput>
+							</MkFolder>
+						</MkFoldableSection>
+						<MkFoldableSection :expanded="false">
+							<template #header>クリップ系</template>
+							<MkFolder v-if="matchQuery([i18n.ts._role._options.clipMax, 'clipLimit'])" class="_margin">
+								<template #label>{{ i18n.ts._role._options.clipMax }}</template>
+								<template #suffix>{{ policies.clipLimit }}</template>
+								<MkInput v-model="policies.clipLimit" type="number">
+								</MkInput>
+							</MkFolder>
 
+							<MkFolder v-if="matchQuery([i18n.ts._role._options.noteEachClipsMax, 'noteEachClipsLimit'])" class="_margin">
+								<template #label>{{ i18n.ts._role._options.noteEachClipsMax }}</template>
+								<template #suffix>{{ policies.noteEachClipsLimit }}</template>
+								<MkInput v-model="policies.noteEachClipsLimit" type="number">
+								</MkInput>
+							</MkFolder>
+						</MkFoldableSection>
+						<MkFoldableSection :expanded="false">
+							<template #header>リスト系</template>
+							<MkFolder v-if="matchQuery([i18n.ts._role._options.userListMax, 'userListLimit'])" class="_margin">
+								<template #label>{{ i18n.ts._role._options.userListMax }}</template>
+								<template #suffix>{{ policies.userListLimit }}</template>
+								<MkInput v-model="policies.userListLimit" type="number">
+								</MkInput>
+							</MkFolder>
 
+							<MkFolder v-if="matchQuery([i18n.ts._role._options.userEachUserListsMax, 'userEachUserListsLimit'])" class="_margin">
+								<template #label>{{ i18n.ts._role._options.userEachUserListsMax }}</template>
+								<template #suffix>{{ policies.userEachUserListsLimit }}</template>
+								<MkInput v-model="policies.userEachUserListsLimit" type="number">
+								</MkInput>
+							</MkFolder>
+						</MkFoldableSection>
+						<MkFoldableSection :expanded="false">
+							<template #header>その他</template>
+							<MkFolder v-if="matchQuery([i18n.ts._role._options.antennaMax, 'antennaLimit'])" class="_margin">
+								<template #label>{{ i18n.ts._role._options.antennaMax }}</template>
+								<template #suffix>{{ policies.antennaLimit }}</template>
+								<MkInput v-model="policies.antennaLimit" type="number">
+								</MkInput>
+							</MkFolder>
 
+							<MkFolder v-if="matchQuery([i18n.ts._role._options.wordMuteMax, 'wordMuteLimit'])" class="_margin">
+								<template #label>{{ i18n.ts._role._options.wordMuteMax }}</template>
+								<template #suffix>{{ policies.wordMuteLimit }}</template>
+								<MkInput v-model="policies.wordMuteLimit" type="number">
+									<template #suffix>chars</template>
+								</MkInput>
+							</MkFolder>
 
+							<MkFolder v-if="matchQuery([i18n.ts._role._options.webhookMax, 'webhookLimit'])" class="_margin">
+								<template #label>{{ i18n.ts._role._options.webhookMax }}</template>
+								<template #suffix>{{ policies.webhookLimit }}</template>
+								<MkInput v-model="policies.webhookLimit" type="number">
+								</MkInput>
+							</MkFolder>
 
+							<MkFolder v-if="matchQuery([i18n.ts._role._options.canHideAds, 'canHideAds'])" class="_margin">
+								<template #label>{{ i18n.ts._role._options.canHideAds }}</template>
+								<template #suffix>{{ policies.canHideAds ? i18n.ts.yes : i18n.ts.no }}</template>
+								<MkSwitch v-model="policies.canHideAds">
+									<template #label>{{ i18n.ts.enable }}</template>
+								</MkSwitch>
+							</MkFolder>
+						</MkFoldableSection>
 
 						<MkButton primary rounded @click="updateBaseRole">{{ i18n.ts.save }}</MkButton>
 					</div>
diff --git a/packages/frontend/src/widgets/WidgetClicker.vue b/packages/frontend/src/widgets/WidgetClicker.vue
index cf8cca2c23..79011ab55c 100644
--- a/packages/frontend/src/widgets/WidgetClicker.vue
+++ b/packages/frontend/src/widgets/WidgetClicker.vue
@@ -5,20 +5,24 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <template>
 <MkContainer :showHeader="widgetProps.showHeader" class="mkw-clicker">
-	<template #icon><img :class="[$style.icon,{[$style.dark]:darkMode}]" alt="Cosaque daihuku"
-                         src="https://media.discordapp.net/attachments/1153099592863334431/1162139796647448576/AfovawbDhjHYAAAAAElFTkSuQmCC.png"/></template>
+	<template #icon>
+		<img
+			:class="[$style.icon,{[$style.dark]:darkMode}]" alt="Cosaque daihuku"
+			src="https://files.prismisskey.space/misskey/59731116-9616-4161-82b3-7eff6c48ea72.apng"
+		/>
+	</template>
 	<template #header>Clicker</template>
 	<MkClickerGame/>
 </MkContainer>
 </template>
 
 <script lang="ts" setup>
+import { computed } from 'vue';
 import { useWidgetPropsManager, WidgetComponentEmits, WidgetComponentExpose, WidgetComponentProps } from './widget.js';
 import { GetFormResultType } from '@/scripts/form.js';
 import MkContainer from '@/components/MkContainer.vue';
 import MkClickerGame from '@/components/MkClickerGame.vue';
-import {computed} from "vue";
-import {defaultStore} from "@/store.js";
+import { defaultStore } from '@/store.js';
 const darkMode = computed(defaultStore.makeGetterSetter('darkMode'));
 const name = 'clicker';
 
@@ -47,7 +51,6 @@ defineExpose<WidgetComponentExpose>({
 });
 </script>
 
-
 <style lang="scss" module>
 .icon {
   width: 1.3em;