From 8ebaaee65e0cc2806071ae21f5b7089a6a5bb077 Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Sat, 4 Oct 2025 19:06:48 +0900
Subject: [PATCH 1/8] =?UTF-8?q?enhance(frontend):=20=E3=83=87=E3=83=90?=
 =?UTF-8?q?=E3=82=A4=E3=82=B9=E6=83=85=E5=A0=B1=E3=82=92=E5=87=BA=E5=8A=9B?=
 =?UTF-8?q?=E3=81=A7=E3=81=8D=E3=82=8B=E3=82=88=E3=81=86=E3=81=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 locales/index.d.ts                            |  8 +++
 locales/ja-JP.yml                             |  2 +
 packages/frontend/package.json                |  2 +
 .../frontend/src/components/MkCode.core.vue   | 42 +++++++++++----
 packages/frontend/src/components/MkCode.vue   | 49 +++++++++++++----
 packages/frontend/src/components/MkFolder.vue |  6 +++
 packages/frontend/src/pages/contact.vue       | 20 +++++++
 .../src/utility/get-user-environment.ts       | 54 +++++++++++++++++++
 pnpm-lock.yaml                                | 28 +++++++---
 9 files changed, 183 insertions(+), 28 deletions(-)
 create mode 100644 packages/frontend/src/utility/get-user-environment.ts

diff --git a/locales/index.d.ts b/locales/index.d.ts
index fbe8c30c94..e2a239ae7b 100644
--- a/locales/index.d.ts
+++ b/locales/index.d.ts
@@ -5577,6 +5577,14 @@ export interface Locale extends ILocale {
      * 予約
      */
     "scheduled": string;
+    /**
+     * デバイス情報
+     */
+    "deviceInfo": string;
+    /**
+     * 技術的なお問い合わせの際に、以下の情報を併記すると問題の解決に役立つことがあります。
+     */
+    "deviceInfoDescription": string;
     "_compression": {
         "_quality": {
             /**
diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index d21df5d5e1..ed8d8033d9 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -1389,6 +1389,8 @@ scheduleToPostOnX: "{x}に投稿を予約します"
 scheduledToPostOnX: "{x}に投稿が予約されています"
 schedule: "予約"
 scheduled: "予約"
+deviceInfo: "デバイス情報"
+deviceInfoDescription: "技術的なお問い合わせの際に、以下の情報を併記すると問題の解決に役立つことがあります。"
 
 _compression:
   _quality:
diff --git a/packages/frontend/package.json b/packages/frontend/package.json
index 0200269fcd..4f327e0b0b 100644
--- a/packages/frontend/package.json
+++ b/packages/frontend/package.json
@@ -33,6 +33,7 @@
 		"aiscript-vscode": "github:aiscript-dev/aiscript-vscode#v0.1.15",
 		"analytics": "0.8.19",
 		"astring": "1.9.0",
+		"bowser": "2.12.1",
 		"broadcast-channel": "7.1.0",
 		"buraha": "0.0.1",
 		"canvas-confetti": "1.9.3",
@@ -105,6 +106,7 @@
 		"@storybook/vue3-vite": "9.1.8",
 		"@tabler/icons-webfont": "3.35.0",
 		"@testing-library/vue": "8.1.0",
+		"@types/bowser": "1.1.5",
 		"@types/canvas-confetti": "1.9.0",
 		"@types/estree": "1.0.8",
 		"@types/matter-js": "0.20.2",
diff --git a/packages/frontend/src/components/MkCode.core.vue b/packages/frontend/src/components/MkCode.core.vue
index 8b39468d4c..f669e4b87a 100644
--- a/packages/frontend/src/components/MkCode.core.vue
+++ b/packages/frontend/src/components/MkCode.core.vue
@@ -5,7 +5,13 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <!-- eslint-disable vue/no-v-html -->
 <template>
-<div :class="[$style.codeBlockRoot, { [$style.codeEditor]: codeEditor }, (darkMode ? $style.dark : $style.light)]" v-html="html"></div>
+<div
+	:class="[$style.codeBlockRoot, {
+		[$style.codeEditor]: codeEditor,
+		[$style.outerStyle]: !codeEditor && withOuterStyle,
+		[$style.dark]: darkMode,
+		[$style.light]: !darkMode,
+	}]" v-html="html"></div>
 </template>
 
 <script lang="ts" setup>
@@ -15,11 +21,15 @@ import type { BundledLanguage } from 'shiki/langs';
 import { getHighlighter, getTheme } from '@/utility/code-highlighter.js';
 import { store } from '@/store.js';
 
-const props = defineProps<{
+const props = withDefaults(defineProps<{
 	code: string;
 	lang?: string;
 	codeEditor?: boolean;
-}>();
+	withOuterStyle?: boolean;
+}>(), {
+	codeEditor: false,
+	withOuterStyle: true,
+});
 
 const highlighter = await getHighlighter();
 const darkMode = store.r.darkMode;
@@ -73,17 +83,13 @@ watch(() => props.lang, (to) => {
 
 <style module lang="scss">
 .codeBlockRoot :global(.shiki) {
-	padding: 1em;
-	margin: 0;
 	overflow: auto;
 	font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
 
 	color: var(--shiki-fallback);
-	background-color: var(--shiki-fallback-bg);
 
 	& span {
 		color: var(--shiki-fallback);
-		background-color: var(--shiki-fallback-bg);
 	}
 
 	& pre,
@@ -92,26 +98,40 @@ watch(() => props.lang, (to) => {
 	}
 }
 
+.outerStyle.codeBlockRoot :global(.shiki) {
+	padding: 1em;
+	margin: 0;
+	border-radius: 8px;
+	border: 1px solid var(--MI_THEME-divider);
+	background-color: var(--shiki-fallback-bg);
+}
+
 .light.codeBlockRoot :global(.shiki) {
 	color: var(--shiki-light);
-	background-color: var(--shiki-light-bg);
 
 	& span {
 		color: var(--shiki-light);
-		background-color: var(--shiki-light-bg);
 	}
 }
 
+.light.outerStyle.codeBlockRoot :global(.shiki),
+.light.codeEditor.codeBlockRoot :global(.shiki) {
+	background-color: var(--shiki-light-bg);
+}
+
 .dark.codeBlockRoot :global(.shiki) {
 	color: var(--shiki-dark);
-	background-color: var(--shiki-dark-bg);
 
 	& span {
 		color: var(--shiki-dark);
-		background-color: var(--shiki-dark-bg);
 	}
 }
 
+.dark.outerStyle.codeBlockRoot :global(.shiki),
+.dark.codeEditor.codeBlockRoot :global(.shiki) {
+	background-color: var(--shiki-dark-bg);
+}
+
 .codeBlockRoot.codeEditor {
 	min-width: 100%;
 	height: 100%;
diff --git a/packages/frontend/src/components/MkCode.vue b/packages/frontend/src/components/MkCode.vue
index f41cb0d00b..f43035f0e8 100644
--- a/packages/frontend/src/components/MkCode.vue
+++ b/packages/frontend/src/components/MkCode.vue
@@ -5,15 +5,32 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <template>
 <div :class="$style.codeBlockRoot">
-	<button v-if="copyButton" :class="$style.codeBlockCopyButton" class="_button" @click="copy">
+	<button v-if="copyButton" :class="[$style.codeBlockCopyButton, { [$style.withOuterStyle]: withOuterStyle }]" class="_button" @click="copy">
 		<i class="ti ti-copy"></i>
 	</button>
 	<Suspense>
 		<template #fallback>
-			<MkLoading/>
+			<pre
+				class="_selectable"
+				:class="[$style.codeBlockFallbackRoot, {
+					[$style.outerStyle]: withOuterStyle,
+				}]"
+			><code :class="$style.codeBlockFallbackCode">Loading...</code></pre>
 		</template>
-		<XCode v-if="show && lang" class="_selectable" :code="code" :lang="lang"/>
-		<pre v-else-if="show" class="_selectable" :class="$style.codeBlockFallbackRoot"><code :class="$style.codeBlockFallbackCode">{{ code }}</code></pre>
+		<XCode
+			v-if="show && lang"
+			class="_selectable"
+			:code="code"
+			:lang="lang"
+			:withOuterStyle="withOuterStyle"
+		/>
+		<pre
+			v-else-if="show"
+			class="_selectable"
+			:class="[$style.codeBlockFallbackRoot, {
+				[$style.outerStyle]: withOuterStyle,
+			}]"
+		><code :class="$style.codeBlockFallbackCode">{{ code }}</code></pre>
 		<button v-else :class="$style.codePlaceholderRoot" @click="show = true">
 			<div :class="$style.codePlaceholderContainer">
 				<div><i class="ti ti-code"></i> {{ i18n.ts.code }}</div>
@@ -26,8 +43,6 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <script lang="ts" setup>
 import { defineAsyncComponent, ref } from 'vue';
-import * as os from '@/os.js';
-import MkLoading from '@/components/global/MkLoading.vue';
 import { i18n } from '@/i18n.js';
 import { copyToClipboard } from '@/utility/copy-to-clipboard.js';
 import { prefer } from '@/preferences.js';
@@ -36,10 +51,12 @@ const props = withDefaults(defineProps<{
 	code: string;
 	forceShow?: boolean;
 	copyButton?: boolean;
+	withOuterStyle?: boolean;
 	lang?: string;
 }>(), {
 	copyButton: true,
 	forceShow: false,
+	withOuterStyle: true,
 });
 
 const show = ref(props.forceShow === true ? true : !prefer.s.dataSaver.code);
@@ -58,10 +75,16 @@ function copy() {
 
 .codeBlockCopyButton {
 	position: absolute;
-	top: 8px;
-	right: 8px;
 	opacity: 0.5;
 
+	top: 0;
+	right: 0;
+
+	&.withOuterStyle {
+		top: 8px;
+		right: 8px;
+	}
+
 	&:hover {
 		opacity: 0.8;
 	}
@@ -70,11 +93,17 @@ function copy() {
 .codeBlockFallbackRoot {
 	display: block;
 	overflow-wrap: anywhere;
-	padding: 1em;
-	margin: 0;
 	overflow: auto;
 }
 
+.outerStyle.codeBlockFallbackRoot {
+	background: var(--MI_THEME-bg);
+	padding: 1em;
+	margin: .5em 0;
+	border-radius: 8px;
+	border: 1px solid var(--MI_THEME-divider);
+}
+
 .codeBlockFallbackCode {
 	font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
 }
diff --git a/packages/frontend/src/components/MkFolder.vue b/packages/frontend/src/components/MkFolder.vue
index 9f5bc8da6c..e670388602 100644
--- a/packages/frontend/src/components/MkFolder.vue
+++ b/packages/frontend/src/components/MkFolder.vue
@@ -119,6 +119,10 @@ const props = withDefaults(defineProps<{
 	canPage: true,
 });
 
+const emit = defineEmits<{
+	(ev: 'headerClicked'): void;
+}>();
+
 const rootEl = useTemplateRef('rootEl');
 const asPage = props.canPage && deviceKind === 'smartphone' && prefer.s['experimental.enableFolderPageView'];
 const bgSame = ref(false);
@@ -165,6 +169,8 @@ let pageId = pageFolderTeleportCount.value;
 pageFolderTeleportCount.value += 1000;
 
 async function toggle() {
+	emit('headerClicked');
+
 	if (asPage && !opened.value) {
 		pageId++;
 		const { dispose } = await popup(MkFolderPage, {
diff --git a/packages/frontend/src/pages/contact.vue b/packages/frontend/src/pages/contact.vue
index eb94f23ac9..d225cb9e87 100644
--- a/packages/frontend/src/pages/contact.vue
+++ b/packages/frontend/src/pages/contact.vue
@@ -28,17 +28,37 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<span v-else style="opacity: 0.7;">({{ i18n.ts.none }})</span>
 				</template>
 			</MkKeyValue>
+			<MkFolder @headerClicked="onHeaderClicked">
+				<template #icon><i class="ti ti-report-search"></i></template>
+				<template #label>{{ i18n.ts.deviceInfo }}</template>
+				<template #caption>{{ i18n.ts.deviceInfoDescription }}</template>
+				<MkLoading v-if="userEnv == null" />
+				<MkCode v-else lang="json" :code="JSON.stringify(userEnv, null, 2)" style="max-height: 300px; overflow: auto;"/>
+			</MkFolder>
 		</div>
 	</div>
 </PageWithHeader>
 </template>
 
 <script lang="ts" setup>
+import { ref } from 'vue';
 import { i18n } from '@/i18n.js';
 import { instance } from '@/instance.js';
 import { definePage } from '@/page.js';
+import { getUserEnvironment } from '@/utility/get-user-environment.js';
+import type { UserEnvironment } from '@/utility/get-user-environment.js';
 import MkKeyValue from '@/components/MkKeyValue.vue';
+import MkFolder from '@/components/MkFolder.vue';
 import MkLink from '@/components/MkLink.vue';
+import MkCode from '@/components/MkCode.vue';
+
+const userEnv = ref<UserEnvironment | null>(null);
+
+async function onHeaderClicked() {
+	if (userEnv.value == null) {
+		userEnv.value = await getUserEnvironment();
+	}
+}
 
 definePage(() => ({
 	title: i18n.ts.inquiry,
diff --git a/packages/frontend/src/utility/get-user-environment.ts b/packages/frontend/src/utility/get-user-environment.ts
new file mode 100644
index 0000000000..2c8c00c61a
--- /dev/null
+++ b/packages/frontend/src/utility/get-user-environment.ts
@@ -0,0 +1,54 @@
+/*
+ * SPDX-FileCopyrightText: syuilo and misskey-project
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+export type UserEnvironment = {
+	os: string;
+	browser: string;
+	screenWidth: number;
+	screenHeight: number;
+	viaGetHighEntropyValues: boolean;
+};
+
+export async function getUserEnvironment(): Promise<UserEnvironment> {
+	if ('userAgentData' in navigator && navigator.userAgentData != null) {
+		const uaData: any = await navigator.userAgentData.getHighEntropyValues([
+			'fullVersionList',
+			'platformVersion',
+		]);
+
+		let osVersion = 'v' + uaData.platformVersion;
+
+		if (uaData.platform === 'Windows' && uaData.platformVersion != null) {
+			// https://learn.microsoft.com/ja-jp/microsoft-edge/web-platform/how-to-detect-win11
+			const majorPlatformVersion = parseInt(uaData.platformVersion.split('.')[0]);
+			if(majorPlatformVersion >= 13) {
+				osVersion = '11 or later';
+			} else if (majorPlatformVersion > 0) {
+				osVersion = '10';
+			} else {
+				osVersion = '8.1 or earlier';
+			}
+		}
+
+		const browserData = uaData.fullVersionList.find((item) => !/^\s*not.+a.+brand\s*$/i.test(item.brand));
+		return {
+			os: `${uaData.platform} ${osVersion}`,
+			browser: browserData ? `${browserData.brand} v${browserData.version}` : 'Unknown',
+			screenWidth: window.innerWidth,
+			screenHeight: window.innerHeight,
+			viaGetHighEntropyValues: true,
+		};
+	} else {
+		const Bowser = (await import('bowser')).default;
+		const parsed = Bowser.parse(navigator.userAgent);
+		return {
+			os: `${parsed.os.name ?? 'Unknown'} ${parsed.os.version ?? ''} ${parsed.os.versionName ? `(${parsed.os.versionName})` : ''}`.trim(),
+			browser: `${parsed.browser.name ?? 'Unknown'} ${parsed.browser.version ?? ''}`.trim(),
+			screenWidth: window.innerWidth,
+			screenHeight: window.innerHeight,
+			viaGetHighEntropyValues: false,
+		};
+	}
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8fa74ae74e..cf850dc765 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -757,6 +757,9 @@ importers:
       astring:
         specifier: 1.9.0
         version: 1.9.0
+      bowser:
+        specifier: 2.12.1
+        version: 2.12.1
       broadcast-channel:
         specifier: 7.1.0
         version: 7.1.0
@@ -968,6 +971,9 @@ importers:
       '@testing-library/vue':
         specifier: 8.1.0
         version: 8.1.0(@vue/compiler-sfc@3.5.22)(@vue/server-renderer@3.5.22(vue@3.5.22(typescript@5.9.2)))(vue@3.5.22(typescript@5.9.2))
+      '@types/bowser':
+        specifier: 1.1.5
+        version: 1.1.5
       '@types/canvas-confetti':
         specifier: 1.9.0
         version: 1.9.0
@@ -4592,6 +4598,10 @@ packages:
   '@types/body-parser@1.19.6':
     resolution: {integrity: sha512-HLFeCYgz89uk22N5Qg3dvGvsv46B8GLvKKo1zKG4NybA8U2DiEO3w9lqGg29t/tfLRJpJ6iQxnVw4OnB7MoM9g==}
 
+  '@types/bowser@1.1.5':
+    resolution: {integrity: sha512-7qUcVaL3NZ40tLPPlbk9fKL++vT/BBT0vbq+R97KH1lnZQmcZwvqa3rnAcCE48ai2dZm9ETr9TnQXhztGsvPIw==}
+    deprecated: This is a stub types definition. bowser provides its own type definitions, so you do not need this installed.
+
   '@types/braces@3.0.1':
     resolution: {integrity: sha512-+euflG6ygo4bn0JHtn4pYqcXwRtLvElQ7/nnjDu7iYG56H0+OhCd7d6Ug0IE3WcFpZozBKW2+80FUbv5QGk5AQ==}
 
@@ -5552,8 +5562,8 @@ packages:
   boolbase@1.0.0:
     resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
 
-  bowser@2.11.0:
-    resolution: {integrity: sha512-AlcaJBi/pqqJBIQ8U9Mcpc9i8Aqxn88Skv5d+xBX006BY5u8N3mGLHa5Lgppa7L/HfwgwLgZ6NYs+Ag6uUmJRA==}
+  bowser@2.12.1:
+    resolution: {integrity: sha512-z4rE2Gxh7tvshQ4hluIT7XcFrgLIQaw9X3A+kTTRdovCz5PMukm/0QC/BKSYPj3omF5Qfypn9O/c5kgpmvYUCw==}
 
   brace-expansion@1.1.11:
     resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
@@ -12101,14 +12111,14 @@ snapshots:
     dependencies:
       '@aws-sdk/types': 3.862.0
       '@smithy/types': 4.4.0
-      bowser: 2.11.0
+      bowser: 2.12.1
       tslib: 2.8.1
 
   '@aws-sdk/util-user-agent-browser@3.893.0':
     dependencies:
       '@aws-sdk/types': 3.893.0
       '@smithy/types': 4.5.0
-      bowser: 2.11.0
+      bowser: 2.12.1
       tslib: 2.8.1
 
   '@aws-sdk/util-user-agent-node@3.873.0':
@@ -14668,7 +14678,7 @@ snapshots:
       '@smithy/property-provider': 4.1.0
       '@smithy/smithy-client': 4.6.0
       '@smithy/types': 4.4.0
-      bowser: 2.11.0
+      bowser: 2.12.1
       tslib: 2.8.1
 
   '@smithy/util-defaults-mode-browser@4.1.4':
@@ -14676,7 +14686,7 @@ snapshots:
       '@smithy/property-provider': 4.1.1
       '@smithy/smithy-client': 4.6.4
       '@smithy/types': 4.5.0
-      bowser: 2.11.0
+      bowser: 2.12.1
       tslib: 2.8.1
 
   '@smithy/util-defaults-mode-node@4.1.0':
@@ -15395,6 +15405,10 @@ snapshots:
       '@types/connect': 3.4.36
       '@types/node': 22.18.6
 
+  '@types/bowser@1.1.5':
+    dependencies:
+      bowser: 2.12.1
+
   '@types/braces@3.0.1': {}
 
   '@types/canvas-confetti@1.9.0': {}
@@ -16578,7 +16592,7 @@ snapshots:
 
   boolbase@1.0.0: {}
 
-  bowser@2.11.0: {}
+  bowser@2.12.1: {}
 
   brace-expansion@1.1.11:
     dependencies:

From 26ca5506dabf89c04222ee03bd0d05cfafce984d Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Sat, 4 Oct 2025 19:12:01 +0900
Subject: [PATCH 2/8] fix lint

---
 packages/frontend/src/utility/get-user-environment.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/frontend/src/utility/get-user-environment.ts b/packages/frontend/src/utility/get-user-environment.ts
index 2c8c00c61a..2b302b40b4 100644
--- a/packages/frontend/src/utility/get-user-environment.ts
+++ b/packages/frontend/src/utility/get-user-environment.ts
@@ -23,7 +23,7 @@ export async function getUserEnvironment(): Promise<UserEnvironment> {
 		if (uaData.platform === 'Windows' && uaData.platformVersion != null) {
 			// https://learn.microsoft.com/ja-jp/microsoft-edge/web-platform/how-to-detect-win11
 			const majorPlatformVersion = parseInt(uaData.platformVersion.split('.')[0]);
-			if(majorPlatformVersion >= 13) {
+			if (majorPlatformVersion >= 13) {
 				osVersion = '11 or later';
 			} else if (majorPlatformVersion > 0) {
 				osVersion = '10';

From 21fb769f954951f607af9dba077e8d22db06bab4 Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Sat, 4 Oct 2025 19:13:09 +0900
Subject: [PATCH 3/8] Update Changelog

---
 CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index da20853ce9..f89f9bf1c0 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -20,6 +20,7 @@
 - Enhance: テーマをドラッグ&ドロップできるように
 - Enhance: 絵文字ピッカーのサイズをより大きくできるように
 - Enhance: 時刻計算のための基準値を一か所で管理するようにし、パフォーマンスを向上
+- Enhance: 「お問い合わせ」ページから、バグの調査等に役立つ情報（OSやブラウザのバージョン等）を取得・コピーできるように
 - Fix: iOSで、デバイスがダークモードだと初回読み込み時にエラーになる問題を修正
 - Fix: アクティビティウィジェットのグラフモードが動作しない問題を修正
 

From ec4fc20ce42343135da8feaab14d1cb9ee2b87ab Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Sat, 4 Oct 2025 19:18:46 +0900
Subject: [PATCH 4/8] =?UTF-8?q?enhance:=20getHighEntropyValues=E3=81=8C?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E3=81=A7=E3=81=8D=E3=81=AA=E3=81=8B=E3=81=A3?=
 =?UTF-8?q?=E3=81=9F=E5=A0=B4=E5=90=88=E3=81=AE=E3=83=95=E3=82=A9=E3=83=BC?=
 =?UTF-8?q?=E3=83=AB=E3=83=90=E3=83=83=E3=82=AF=E3=82=92=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/utility/get-user-environment.ts       | 79 +++++++++++--------
 1 file changed, 47 insertions(+), 32 deletions(-)

diff --git a/packages/frontend/src/utility/get-user-environment.ts b/packages/frontend/src/utility/get-user-environment.ts
index 2b302b40b4..a8d9084f5c 100644
--- a/packages/frontend/src/utility/get-user-environment.ts
+++ b/packages/frontend/src/utility/get-user-environment.ts
@@ -2,6 +2,11 @@
  * SPDX-FileCopyrightText: syuilo and misskey-project
  * SPDX-License-Identifier: AGPL-3.0-only
  */
+import type * as Bowser_TR from 'bowser';
+
+type Bowser_TypeReferenceOnly = typeof Bowser_TR;
+
+let Bowser: Bowser_TypeReferenceOnly | null = null;
 
 export type UserEnvironment = {
 	os: string;
@@ -13,42 +18,52 @@ export type UserEnvironment = {
 
 export async function getUserEnvironment(): Promise<UserEnvironment> {
 	if ('userAgentData' in navigator && navigator.userAgentData != null) {
-		const uaData: any = await navigator.userAgentData.getHighEntropyValues([
-			'fullVersionList',
-			'platformVersion',
-		]);
+		try {
+			const uaData: any = await navigator.userAgentData.getHighEntropyValues([
+				'fullVersionList',
+				'platformVersion',
+			]);
 
-		let osVersion = 'v' + uaData.platformVersion;
+			let osVersion = 'v' + uaData.platformVersion;
 
-		if (uaData.platform === 'Windows' && uaData.platformVersion != null) {
-			// https://learn.microsoft.com/ja-jp/microsoft-edge/web-platform/how-to-detect-win11
-			const majorPlatformVersion = parseInt(uaData.platformVersion.split('.')[0]);
-			if (majorPlatformVersion >= 13) {
-				osVersion = '11 or later';
-			} else if (majorPlatformVersion > 0) {
-				osVersion = '10';
-			} else {
-				osVersion = '8.1 or earlier';
+			if (uaData.platform === 'Windows' && uaData.platformVersion != null) {
+				// https://learn.microsoft.com/ja-jp/microsoft-edge/web-platform/how-to-detect-win11
+				const majorPlatformVersion = parseInt(uaData.platformVersion.split('.')[0]);
+				if (majorPlatformVersion >= 13) {
+					osVersion = '11 or later';
+				} else if (majorPlatformVersion > 0) {
+					osVersion = '10';
+				} else {
+					osVersion = '8.1 or earlier';
+				}
 			}
-		}
 
-		const browserData = uaData.fullVersionList.find((item) => !/^\s*not.+a.+brand\s*$/i.test(item.brand));
-		return {
-			os: `${uaData.platform} ${osVersion}`,
-			browser: browserData ? `${browserData.brand} v${browserData.version}` : 'Unknown',
-			screenWidth: window.innerWidth,
-			screenHeight: window.innerHeight,
-			viaGetHighEntropyValues: true,
-		};
+			const browserData = uaData.fullVersionList.find((item) => !/^\s*not.+a.+brand\s*$/i.test(item.brand));
+			return {
+				os: `${uaData.platform} ${osVersion}`,
+				browser: browserData ? `${browserData.brand} v${browserData.version}` : 'Unknown',
+				screenWidth: window.innerWidth,
+				screenHeight: window.innerHeight,
+				viaGetHighEntropyValues: true,
+			};
+		} catch {
+			return getViaUa();
+		}
 	} else {
-		const Bowser = (await import('bowser')).default;
-		const parsed = Bowser.parse(navigator.userAgent);
-		return {
-			os: `${parsed.os.name ?? 'Unknown'} ${parsed.os.version ?? ''} ${parsed.os.versionName ? `(${parsed.os.versionName})` : ''}`.trim(),
-			browser: `${parsed.browser.name ?? 'Unknown'} ${parsed.browser.version ?? ''}`.trim(),
-			screenWidth: window.innerWidth,
-			screenHeight: window.innerHeight,
-			viaGetHighEntropyValues: false,
-		};
+		return getViaUa();
 	}
 }
+
+async function getViaUa(): Promise<UserEnvironment> {
+	if (Bowser == null) {
+		Bowser = (await import('bowser')).default;
+	}
+	const parsed = Bowser.parse(navigator.userAgent);
+	return {
+		os: `${parsed.os.name ?? 'Unknown'} ${parsed.os.version ?? ''} ${parsed.os.versionName ? `(${parsed.os.versionName})` : ''}`.trim(),
+		browser: `${parsed.browser.name ?? 'Unknown'} ${parsed.browser.version ?? ''}`.trim(),
+		screenWidth: window.innerWidth,
+		screenHeight: window.innerHeight,
+		viaGetHighEntropyValues: false,
+	};
+}

From f891e95d3e46da412bc86291513291fd7815bd78 Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Sat, 4 Oct 2025 19:23:45 +0900
Subject: [PATCH 5/8] fix lint

---
 packages/frontend/src/utility/get-user-environment.ts | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/utility/get-user-environment.ts b/packages/frontend/src/utility/get-user-environment.ts
index a8d9084f5c..a1f63defb1 100644
--- a/packages/frontend/src/utility/get-user-environment.ts
+++ b/packages/frontend/src/utility/get-user-environment.ts
@@ -2,11 +2,13 @@
  * SPDX-FileCopyrightText: syuilo and misskey-project
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-import type * as Bowser_TR from 'bowser';
 
-type Bowser_TypeReferenceOnly = typeof Bowser_TR;
+// Type Reference Only import （実物はlazy-loadされる）
+import type * as BowserTypeReferenceOnly from 'bowser';
 
-let Bowser: Bowser_TypeReferenceOnly | null = null;
+type BowserTypeTypeReferenceOnly = typeof BowserTypeReferenceOnly;
+
+let Bowser: BowserTypeTypeReferenceOnly | null = null;
 
 export type UserEnvironment = {
 	os: string;

From 10b078c86540790334da551a9245ee349a063e89 Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Sun, 5 Oct 2025 13:31:12 +0900
Subject: [PATCH 6/8] =?UTF-8?q?fix:=20getHighEntropyValues=E3=81=8C?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E3=81=A7=E3=81=8D=E3=81=AA=E3=81=84=E5=A0=B4?=
 =?UTF-8?q?=E5=90=88=E3=81=AF=E7=94=9F=E3=81=AEUA=E3=82=92=E8=BF=94?=
 =?UTF-8?q?=E3=81=99=E3=82=88=E3=81=86=E3=81=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/package.json                |  2 -
 .../src/utility/get-user-environment.ts       | 23 ++++------
 pnpm-lock.yaml                                | 43 ++++++++-----------
 3 files changed, 26 insertions(+), 42 deletions(-)

diff --git a/packages/frontend/package.json b/packages/frontend/package.json
index 4f327e0b0b..0200269fcd 100644
--- a/packages/frontend/package.json
+++ b/packages/frontend/package.json
@@ -33,7 +33,6 @@
 		"aiscript-vscode": "github:aiscript-dev/aiscript-vscode#v0.1.15",
 		"analytics": "0.8.19",
 		"astring": "1.9.0",
-		"bowser": "2.12.1",
 		"broadcast-channel": "7.1.0",
 		"buraha": "0.0.1",
 		"canvas-confetti": "1.9.3",
@@ -106,7 +105,6 @@
 		"@storybook/vue3-vite": "9.1.8",
 		"@tabler/icons-webfont": "3.35.0",
 		"@testing-library/vue": "8.1.0",
-		"@types/bowser": "1.1.5",
 		"@types/canvas-confetti": "1.9.0",
 		"@types/estree": "1.0.8",
 		"@types/matter-js": "0.20.2",
diff --git a/packages/frontend/src/utility/get-user-environment.ts b/packages/frontend/src/utility/get-user-environment.ts
index a1f63defb1..aa39025347 100644
--- a/packages/frontend/src/utility/get-user-environment.ts
+++ b/packages/frontend/src/utility/get-user-environment.ts
@@ -3,19 +3,17 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-// Type Reference Only import （実物はlazy-loadされる）
-import type * as BowserTypeReferenceOnly from 'bowser';
-
-type BowserTypeTypeReferenceOnly = typeof BowserTypeReferenceOnly;
-
-let Bowser: BowserTypeTypeReferenceOnly | null = null;
-
 export type UserEnvironment = {
 	os: string;
 	browser: string;
 	screenWidth: number;
 	screenHeight: number;
-	viaGetHighEntropyValues: boolean;
+	viaGetHighEntropyValues: true;
+} | {
+	userAgent: string;
+	screenWidth: number;
+	screenHeight: number;
+	viaGetHighEntropyValues: false;
 };
 
 export async function getUserEnvironment(): Promise<UserEnvironment> {
@@ -56,14 +54,9 @@ export async function getUserEnvironment(): Promise<UserEnvironment> {
 	}
 }
 
-async function getViaUa(): Promise<UserEnvironment> {
-	if (Bowser == null) {
-		Bowser = (await import('bowser')).default;
-	}
-	const parsed = Bowser.parse(navigator.userAgent);
+function getViaUa(): UserEnvironment {
 	return {
-		os: `${parsed.os.name ?? 'Unknown'} ${parsed.os.version ?? ''} ${parsed.os.versionName ? `(${parsed.os.versionName})` : ''}`.trim(),
-		browser: `${parsed.browser.name ?? 'Unknown'} ${parsed.browser.version ?? ''}`.trim(),
+		userAgent: navigator.userAgent,
 		screenWidth: window.innerWidth,
 		screenHeight: window.innerHeight,
 		viaGetHighEntropyValues: false,
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index cf850dc765..60efe3b63f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -757,9 +757,6 @@ importers:
       astring:
         specifier: 1.9.0
         version: 1.9.0
-      bowser:
-        specifier: 2.12.1
-        version: 2.12.1
       broadcast-channel:
         specifier: 7.1.0
         version: 7.1.0
@@ -971,9 +968,6 @@ importers:
       '@testing-library/vue':
         specifier: 8.1.0
         version: 8.1.0(@vue/compiler-sfc@3.5.22)(@vue/server-renderer@3.5.22(vue@3.5.22(typescript@5.9.2)))(vue@3.5.22(typescript@5.9.2))
-      '@types/bowser':
-        specifier: 1.1.5
-        version: 1.1.5
       '@types/canvas-confetti':
         specifier: 1.9.0
         version: 1.9.0
@@ -4598,10 +4592,6 @@ packages:
   '@types/body-parser@1.19.6':
     resolution: {integrity: sha512-HLFeCYgz89uk22N5Qg3dvGvsv46B8GLvKKo1zKG4NybA8U2DiEO3w9lqGg29t/tfLRJpJ6iQxnVw4OnB7MoM9g==}
 
-  '@types/bowser@1.1.5':
-    resolution: {integrity: sha512-7qUcVaL3NZ40tLPPlbk9fKL++vT/BBT0vbq+R97KH1lnZQmcZwvqa3rnAcCE48ai2dZm9ETr9TnQXhztGsvPIw==}
-    deprecated: This is a stub types definition. bowser provides its own type definitions, so you do not need this installed.
-
   '@types/braces@3.0.1':
     resolution: {integrity: sha512-+euflG6ygo4bn0JHtn4pYqcXwRtLvElQ7/nnjDu7iYG56H0+OhCd7d6Ug0IE3WcFpZozBKW2+80FUbv5QGk5AQ==}
 
@@ -15405,10 +15395,6 @@ snapshots:
       '@types/connect': 3.4.36
       '@types/node': 22.18.6
 
-  '@types/bowser@1.1.5':
-    dependencies:
-      bowser: 2.12.1
-
   '@types/braces@3.0.1': {}
 
   '@types/canvas-confetti@1.9.0': {}
@@ -15758,7 +15744,7 @@ snapshots:
       '@typescript-eslint/types': 8.44.1
       '@typescript-eslint/typescript-estree': 8.44.1(typescript@5.9.2)
       '@typescript-eslint/visitor-keys': 8.44.1
-      debug: 4.4.1(supports-color@10.2.0)
+      debug: 4.4.1(supports-color@5.5.0)
       eslint: 9.36.0
       typescript: 5.9.2
     transitivePeerDependencies:
@@ -15787,7 +15773,7 @@ snapshots:
       '@typescript-eslint/types': 8.44.1
       '@typescript-eslint/typescript-estree': 8.44.1(typescript@5.9.2)
       '@typescript-eslint/utils': 8.44.1(eslint@9.36.0)(typescript@5.9.2)
-      debug: 4.4.1(supports-color@10.2.0)
+      debug: 4.4.1(supports-color@5.5.0)
       eslint: 9.36.0
       ts-api-utils: 2.1.0(typescript@5.9.2)
       typescript: 5.9.2
@@ -15802,7 +15788,7 @@ snapshots:
       '@typescript-eslint/tsconfig-utils': 8.44.1(typescript@5.9.2)
       '@typescript-eslint/types': 8.44.1
       '@typescript-eslint/visitor-keys': 8.44.1
-      debug: 4.4.1(supports-color@10.2.0)
+      debug: 4.4.1(supports-color@5.5.0)
       fast-glob: 3.3.3
       is-glob: 4.0.3
       minimatch: 9.0.5
@@ -15841,7 +15827,7 @@ snapshots:
       '@ampproject/remapping': 2.3.0
       '@bcoe/v8-coverage': 1.0.2
       ast-v8-to-istanbul: 0.3.3
-      debug: 4.4.1(supports-color@10.2.0)
+      debug: 4.4.1(supports-color@5.5.0)
       istanbul-lib-coverage: 3.2.2
       istanbul-lib-report: 3.0.1
       istanbul-lib-source-maps: 5.0.6
@@ -17671,7 +17657,7 @@ snapshots:
 
   esbuild-register@3.5.0(esbuild@0.25.10):
     dependencies:
-      debug: 4.4.1(supports-color@10.2.0)
+      debug: 4.4.1(supports-color@5.5.0)
       esbuild: 0.25.10
     transitivePeerDependencies:
       - supports-color
@@ -18647,7 +18633,7 @@ snapshots:
   http-proxy-agent@7.0.2:
     dependencies:
       agent-base: 7.1.3
-      debug: 4.4.1(supports-color@10.2.0)
+      debug: 4.4.3
     transitivePeerDependencies:
       - supports-color
 
@@ -18680,6 +18666,13 @@ snapshots:
       - supports-color
     optional: true
 
+  https-proxy-agent@7.0.6:
+    dependencies:
+      agent-base: 7.1.3
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
   https-proxy-agent@7.0.6(supports-color@10.2.0):
     dependencies:
       agent-base: 7.1.3
@@ -19022,7 +19015,7 @@ snapshots:
   istanbul-lib-source-maps@5.0.6:
     dependencies:
       '@jridgewell/trace-mapping': 0.3.29
-      debug: 4.4.1(supports-color@10.2.0)
+      debug: 4.4.1(supports-color@5.5.0)
       istanbul-lib-coverage: 3.2.2
     transitivePeerDependencies:
       - supports-color
@@ -19411,7 +19404,7 @@ snapshots:
       decimal.js: 10.5.0
       html-encoding-sniffer: 4.0.0
       http-proxy-agent: 7.0.2
-      https-proxy-agent: 7.0.6(supports-color@10.2.0)
+      https-proxy-agent: 7.0.6
       is-potential-custom-element-name: 1.0.1
       nwsapi: 2.2.16
       parse5: 7.3.0
@@ -22731,7 +22724,7 @@ snapshots:
   vite-node@3.2.4(@types/node@22.18.6)(sass@1.93.2)(terser@5.44.0)(tsx@4.20.6):
     dependencies:
       cac: 6.7.14
-      debug: 4.4.1(supports-color@10.2.0)
+      debug: 4.4.1(supports-color@5.5.0)
       es-module-lexer: 1.7.0
       pathe: 2.0.3
       vite: 7.1.7(@types/node@22.18.6)(sass@1.93.2)(terser@5.44.0)(tsx@4.20.6)
@@ -22787,7 +22780,7 @@ snapshots:
       '@vitest/spy': 3.2.4
       '@vitest/utils': 3.2.4
       chai: 5.2.0
-      debug: 4.4.1(supports-color@10.2.0)
+      debug: 4.4.1(supports-color@5.5.0)
       expect-type: 1.2.1
       magic-string: 0.30.19
       pathe: 2.0.3
@@ -22875,7 +22868,7 @@ snapshots:
 
   vue-eslint-parser@10.2.0(eslint@9.36.0):
     dependencies:
-      debug: 4.4.1(supports-color@10.2.0)
+      debug: 4.4.1(supports-color@5.5.0)
       eslint: 9.36.0
       eslint-scope: 8.4.0
       eslint-visitor-keys: 4.2.1

From 9eb547474a9e702020e673ba500f64a22e1d840c Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Sun, 5 Oct 2025 13:33:14 +0900
Subject: [PATCH 7/8] =?UTF-8?q?enhance:=20getHighEntropyValues=E3=81=8C?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E3=81=A7=E3=81=8D=E3=82=8B=E5=A0=B4=E5=90=88?=
 =?UTF-8?q?=E3=81=A7=E3=82=82=E7=94=9F=E3=81=AEUA=E3=82=92=E5=90=AB?=
 =?UTF-8?q?=E3=82=81=E3=82=8B=E3=82=88=E3=81=86=E3=81=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/utility/get-user-environment.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/frontend/src/utility/get-user-environment.ts b/packages/frontend/src/utility/get-user-environment.ts
index aa39025347..3b8d43fb2c 100644
--- a/packages/frontend/src/utility/get-user-environment.ts
+++ b/packages/frontend/src/utility/get-user-environment.ts
@@ -6,6 +6,7 @@
 export type UserEnvironment = {
 	os: string;
 	browser: string;
+	userAgent: string;
 	screenWidth: number;
 	screenHeight: number;
 	viaGetHighEntropyValues: true;
@@ -42,6 +43,7 @@ export async function getUserEnvironment(): Promise<UserEnvironment> {
 			return {
 				os: `${uaData.platform} ${osVersion}`,
 				browser: browserData ? `${browserData.brand} v${browserData.version}` : 'Unknown',
+				userAgent: navigator.userAgent,
 				screenWidth: window.innerWidth,
 				screenHeight: window.innerHeight,
 				viaGetHighEntropyValues: true,

From 24580dc270433229cf0e0ab219592433b43a6652 Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Sun, 5 Oct 2025 14:29:46 +0900
Subject: [PATCH 8/8] :v:

---
 packages/frontend/src/components/MkFolder.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/components/MkFolder.vue b/packages/frontend/src/components/MkFolder.vue
index e670388602..41134d7d7e 100644
--- a/packages/frontend/src/components/MkFolder.vue
+++ b/packages/frontend/src/components/MkFolder.vue
@@ -120,7 +120,7 @@ const props = withDefaults(defineProps<{
 });
 
 const emit = defineEmits<{
-	(ev: 'headerClicked'): void;
+	(ev: 'headerClicked', ep: MouseEvent): void;
 }>();
 
 const rootEl = useTemplateRef('rootEl');
@@ -168,8 +168,8 @@ function afterLeave(el: Element) {
 let pageId = pageFolderTeleportCount.value;
 pageFolderTeleportCount.value += 1000;
 
-async function toggle() {
-	emit('headerClicked');
+async function toggle(ev: MouseEvent) {
+	emit('headerClicked', ev);
 
 	if (asPage && !opened.value) {
 		pageId++;