warn against graze for mastodon

locales/en-US.yml

@@ -1086,7 +1086,7 @@ sendModMail: "Send Moderation Notice"
 preventAiLearning: "Prevent AI bot scraping"
 preventAiLearningDescription: "Request third-party AI language models not to study\
   \ content you upload, such as posts and images."
-
+noGraze: "Please disable the \"Graze for Mastodon\" browser extension, as it interferes with Calckey."
 
 _sensitiveMediaDetection:
   description: "Reduces the effort of server moderation through automatically recognizing\

locales/ja-JP.yml

@@ -975,6 +975,7 @@ customKaTeXMacroDescription: "数式入力を楽にするためのマクロを
 enableCustomKaTeXMacro: "カスタムKaTeXマクロを有効にする"
 preventAiLearning: "AIによる学習を防止"
 preventAiLearningDescription: "投稿したノート、添付した画像などのコンテンツを学習の対象にしないようAIに要求します。これはnoaiフラグをHTMLレスポンスに含めることによって実現されます。"
+noGraze: "ブラウザの拡張機能「Graze for Mastodon」は、Calckeyの動作を妨げるため、無効にしてください。"
 
 _sensitiveMediaDetection:
   description: "機械学習を使って自動でセンシティブなメディアを検出し、モデレーションに役立てられます。サーバーの負荷が少し増えます。"

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "calckey",
-	"version": "14.0.0-dev10",
+	"version": "14.0.0-dev12",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",

packages/client/src/pages/no-graze.vue

@@ -0,0 +1,37 @@
+<template>
+	<transition :name="$store.state.animation ? 'zoom' : ''" appear>
+		<div :class="$style.root">
+			<img
+				src="/static-assets/badges/info.png"
+				class="_ghost"
+				alt="Error"
+			/>
+			<p>
+				<i class="ph-warning ph-bold ph-lg"></i>
+				{{ i18n.ts.noGraze }}
+			</p>
+		</div>
+	</transition>
+</template>
+
+<script lang="ts" setup>
+import { i18n } from "@/i18n";
+</script>
+
+<style lang="scss" module>
+.root {
+	padding: 32px;
+	text-align: center;
+
+	> p {
+		margin: 0 0 8px 0;
+	}
+
+	> img {
+		vertical-align: bottom;
+		height: 128px;
+		margin-bottom: 16px;
+		border-radius: 16px;
+	}
+}
+</style>

packages/client/src/router.ts

@@ -62,6 +62,10 @@ export const routes = [
 		path: "/instance-info/:host",
 		component: page(() => import("./pages/instance-info.vue")),
 	},
+	{
+		path: "/public/local",
+		component: page(() => import("./pages/no-graze.vue")),
+	},
 	{
 		name: "settings",
 		path: "/settings",