@jjlmoya/utils-hardware 1.15.0 → 1.17.0

package/src/tool/mousePollingTest/i18n/ko.ts

@@ -1,6 +1,7 @@
 import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { TestRatonUI } from '../ui';
+import { bibliography } from '../bibliography';
 
 const slug = 'mouse-polling-rate-test';
 const title = '온라인 마우스 폴링 레이트 테스트';
@@ -87,21 +88,10 @@ export const content: ToolLocaleContent<TestRatonUI> = {
   slug,
   title,
   description,
-  faqTitle: '자주 묻는 질문',
   faq: faqData,
-  bibliographyTitle: '참조',
-  bibliography: [
-    {
-      name: 'Gamepad Polling Rate — Logitech',
-      url: 'https://www.logitechg.com/en-us/innovation/delta-zero.html',
-    },
-    {
-      name: 'USB HID Polling Rate — USB Implementers Forum',
-      url: 'https://www.usb.org/hid',
-    },
-  ],
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
+  bibliography,
   seo: [
     { type: 'title', text: '폴링 레이트에 대한 결정적 가이드', level: 2 },
     {
@@ -111,7 +101,7 @@ export const content: ToolLocaleContent<TestRatonUI> = {
     { type: 'title', text: '폴링 레이트 단계 및 용도', level: 3 },
     {
       type: 'paragraph',
-      html: '<strong>125 Hz</strong> — 마우스가 8밀리초마다 보고합니다. 사무용으로는 괜찮지만 144Hz 모니터에서는 끊겨 보일 수 있습니다. <strong>1000 Hz</strong> — 게이밍의 표준: 1ms마다 보고합니다. 눈에 띄는 지연 없는 부드러운 움직임을 제공합니다. <strong>8000 Hz</strong> — 최첨단 기술(Razer, Logitech). 0.125ms마다 보고하지만 고성능 CPU가 필요합니다.',
+      html: '<strong>125 Hz</strong> -마우스가 8밀리초마다 보고합니다. 사무용으로는 괜찮지만 144Hz 모니터에서는 끊겨 보일 수 있습니다. <strong>1000 Hz</strong> -게이밍의 표준: 1ms마다 보고합니다. 눈에 띄는 지연 없는 부드러운 움직임을 제공합니다. <strong>8000 Hz</strong> -최첨단 기술(Razer, Logitech). 0.125ms마다 보고하지만 고성능 CPU가 필요합니다.',
     },
     { type: 'title', text: 'Hz 수치가 왜 변동하나요?', level: 3 },
     {

package/src/tool/mousePollingTest/i18n/nl.ts

@@ -1,6 +1,7 @@
 import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { TestRatonUI } from '../ui';
+import { bibliography } from '../bibliography';
 
 const slug = 'muis-polling-rate-test-online';
 const title = 'Online Muis Polling Rate Test';
@@ -87,21 +88,10 @@ export const content: ToolLocaleContent<TestRatonUI> = {
   slug,
   title,
   description,
-  faqTitle: 'Veelgestelde Vragen',
   faq: faqData,
-  bibliographyTitle: 'Referenties',
-  bibliography: [
-    {
-      name: 'Gamepad Polling Rate — Logitech',
-      url: 'https://www.logitechg.com/en-us/innovation/delta-zero.html',
-    },
-    {
-      name: 'USB HID Polling Rate — USB Implementers Forum',
-      url: 'https://www.usb.org/hid',
-    },
-  ],
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
+  bibliography,
   seo: [
     { type: 'title', text: 'Definitieve Gids voor Polling Rate', level: 2 },
     {
@@ -111,7 +101,7 @@ export const content: ToolLocaleContent<TestRatonUI> = {
     { type: 'title', text: 'Polling Rate Niveaus en hun Gebruik', level: 3 },
     {
       type: 'paragraph',
-      html: '<strong>125 Hz</strong> — De muis rapporteert elke 8 milliseconden. Prima voor kantoorgebruik, maar voelt schokkerig aan op 144Hz monitoren. <strong>1000 Hz</strong> — De gouden standaard voor gaming: rapporteert elke 1 ms. Vloeiende beweging zonder merkbare vertraging. <strong>8000 Hz</strong> — Geavanceerde technologie (Razer, Logitech). Rapporteert elke 0,125 ms, maar vereist een krachtige CPU.',
+      html: '<strong>125 Hz</strong> -De muis rapporteert elke 8 milliseconden. Prima voor kantoorgebruik, maar voelt schokkerig aan op 144Hz monitoren. <strong>1000 Hz</strong> -De gouden standaard voor gaming: rapporteert elke 1 ms. Vloeiende beweging zonder merkbare vertraging. <strong>8000 Hz</strong> -Geavanceerde technologie (Razer, Logitech). Rapporteert elke 0,125 ms, maar vereist een krachtige CPU.',
     },
     { type: 'title', text: 'Waarom fluctueren mijn Hz?', level: 3 },
     {

package/src/tool/mousePollingTest/i18n/pl.ts

@@ -1,6 +1,7 @@
 import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { TestRatonUI } from '../ui';
+import { bibliography } from '../bibliography';
 
 const slug = 'test-polling-rate-myszki-online';
 const title = 'Online Test Polling Rate Myszki';
@@ -87,21 +88,10 @@ export const content: ToolLocaleContent<TestRatonUI> = {
   slug,
   title,
   description,
-  faqTitle: 'Często Zadawane Pytania',
   faq: faqData,
-  bibliographyTitle: 'Referencje',
-  bibliography: [
-    {
-      name: 'Gamepad Polling Rate — Logitech',
-      url: 'https://www.logitechg.com/en-us/innovation/delta-zero.html',
-    },
-    {
-      name: 'USB HID Polling Rate — USB Implementers Forum',
-      url: 'https://www.usb.org/hid',
-    },
-  ],
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
+  bibliography,
   seo: [
     { type: 'title', text: 'Definitywny Przewodnik po Polling Rate', level: 2 },
     {
@@ -111,7 +101,7 @@ export const content: ToolLocaleContent<TestRatonUI> = {
     { type: 'title', text: 'Poziomy Polling Rate i ich zastosowania', level: 3 },
     {
       type: 'paragraph',
-      html: '<strong>125 Hz</strong> — Mysz raportuje co 8 milisekund. Dobre do pracy biurowej, ale wydaje się rwane na monitorach 144Hz. <strong>1000 Hz</strong> — Złoty standard gamingowy: raportuje co 1 ms. Płynny ruch bez odczuwalnych opóźnień. <strong>8000 Hz</strong> — Najnowocześniejsza technologia (Razer, Logitech). Raportuje co 0,125 ms, ale wymaga mocnego procesora.',
+      html: '<strong>125 Hz</strong> -Mysz raportuje co 8 milisekund. Dobre do pracy biurowej, ale wydaje się rwane na monitorach 144Hz. <strong>1000 Hz</strong> -Złoty standard gamingowy: raportuje co 1 ms. Płynny ruch bez odczuwalnych opóźnień. <strong>8000 Hz</strong> -Najnowocześniejsza technologia (Razer, Logitech). Raportuje co 0,125 ms, ale wymaga mocnego procesora.',
     },
     { type: 'title', text: 'Dlaczego moje Hz wahają się?', level: 3 },
     {

package/src/tool/mousePollingTest/i18n/pt.ts

@@ -1,6 +1,7 @@
 import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { TestRatonUI } from '../ui';
+import { bibliography } from '../bibliography';
 
 const slug = 'teste-polling-rate-rato-online';
 const title = 'Teste de Polling Rate de Rato Online';
@@ -87,21 +88,10 @@ export const content: ToolLocaleContent<TestRatonUI> = {
   slug,
   title,
   description,
-  faqTitle: 'Perguntas Frequentes',
   faq: faqData,
-  bibliographyTitle: 'Referências',
-  bibliography: [
-    {
-      name: 'Gamepad Polling Rate — Logitech',
-      url: 'https://www.logitechg.com/en-us/innovation/delta-zero.html',
-    },
-    {
-      name: 'USB HID Polling Rate — USB Implementers Forum',
-      url: 'https://www.usb.org/hid',
-    },
-  ],
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
+  bibliography,
   seo: [
     { type: 'title', text: 'Guia Definitivo do Polling Rate', level: 2 },
     {
@@ -111,7 +101,7 @@ export const content: ToolLocaleContent<TestRatonUI> = {
     { type: 'title', text: 'Níveis de Polling Rate e Seus Usos', level: 3 },
     {
       type: 'paragraph',
-      html: '<strong>125 Hz</strong> — O rato comunica a cada 8 milissegundos. Bom para uso de escritório, mas parece tremido em monitores de 144Hz. <strong>1000 Hz</strong> — O padrão de ouro do gaming: comunica a cada 1 ms. Movimento fluido sem atraso percetível. <strong>8000 Hz</strong> — Tecnologia de ponta (Razer, Logitech). Comunica a cada 0,125 ms, mas requer um CPU potente.',
+      html: '<strong>125 Hz</strong> -O rato comunica a cada 8 milissegundos. Bom para uso de escritório, mas parece tremido em monitores de 144Hz. <strong>1000 Hz</strong> -O padrão de ouro do gaming: comunica a cada 1 ms. Movimento fluido sem atraso percetível. <strong>8000 Hz</strong> -Tecnologia de ponta (Razer, Logitech). Comunica a cada 0,125 ms, mas requer um CPU potente.',
     },
     { type: 'title', text: 'Porque é que os meus Hz flutuam?', level: 3 },
     {

package/src/tool/mousePollingTest/i18n/ru.ts

@@ -1,6 +1,7 @@
 import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { TestRatonUI } from '../ui';
+import { bibliography } from '../bibliography';
 
 const slug = 'test-polling-rate-myshi-online';
 const title = 'Онлайн тест частоты опроса мыши';
@@ -87,31 +88,20 @@ export const content: ToolLocaleContent<TestRatonUI> = {
   slug,
   title,
   description,
-  faqTitle: 'Часто задаваемые вопросы',
   faq: faqData,
-  bibliographyTitle: 'Ссылки',
-  bibliography: [
-    {
-      name: 'Gamepad Polling Rate — Logitech',
-      url: 'https://www.logitechg.com/en-us/innovation/delta-zero.html',
-    },
-    {
-      name: 'USB HID Polling Rate — USB Implementers Forum',
-      url: 'https://www.usb.org/hid',
-    },
-  ],
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
+  bibliography,
   seo: [
     { type: 'title', text: 'Полное руководство по частоте опроса мыши', level: 2 },
     {
       type: 'paragraph',
-      html: 'Когда вы физически перемещаете мышь по коврику, это аналоговое движение должно быть преобразовано в цифровые сигналы, которые понимает ваш компьютер. <strong>Polling Rate</strong> — это частота, с которой мышь «сообщает» свою позицию ПК. Она измеряется в Герцах (Гц).',
+      html: 'Когда вы физически перемещаете мышь по коврику, это аналоговое движение должно быть преобразовано в цифровые сигналы, которые понимает ваш компьютер. <strong>Polling Rate</strong> -это частота, с которой мышь «сообщает» свою позицию ПК. Она измеряется в Герцах (Гц).',
     },
     { type: 'title', text: 'Уровни частоты опроса и их использование', level: 3 },
     {
       type: 'paragraph',
-      html: '<strong>125 Гц</strong> — Мышь отправляет отчет каждые 8 миллисекунд. Подходит для офисного использования, но движения кажутся прерывистыми на мониторах 144 Гц. <strong>1000 Гц</strong> — Золотой стандарт гейминга: отчет каждую 1 мс. Плавное движение без видимых задержек. <strong>8000 Гц</strong> — Новейшие технологии (Razer, Logitech). Отчет каждые 0,125 мс, но требуется мощный процессор.',
+      html: '<strong>125 Гц</strong> -Мышь отправляет отчет каждые 8 миллисекунд. Подходит для офисного использования, но движения кажутся прерывистыми на мониторах 144 Гц. <strong>1000 Гц</strong> -Золотой стандарт гейминга: отчет каждую 1 мс. Плавное движение без видимых задержек. <strong>8000 Гц</strong> -Новейшие технологии (Razer, Logitech). Отчет каждые 0,125 мс, но требуется мощный процессор.',
     },
     { type: 'title', text: 'Почему частота Гц колеблется?', level: 3 },
     {
@@ -121,7 +111,7 @@ export const content: ToolLocaleContent<TestRatonUI> = {
     { type: 'title', text: 'Polling Rate против DPI: В чем разница', level: 3 },
     {
       type: 'paragraph',
-      html: '<strong>DPI (Dots Per Inch)</strong> — это чувствительность: сколько пикселей проходит курсор на дюйм физического перемещения. <strong>Гц (Polling Rate)</strong> — это частота обновления: насколько плавно и своевременно сообщается об этом перемещении. Оба параметра независимы и дополняют друг друга.',
+      html: '<strong>DPI (Dots Per Inch)</strong> -это чувствительность: сколько пикселей проходит курсор на дюйм физического перемещения. <strong>Гц (Polling Rate)</strong> -это частота обновления: насколько плавно и своевременно сообщается об этом перемещении. Оба параметра независимы и дополняют друг друга.',
     },
   ],
   ui: {

package/src/tool/mousePollingTest/i18n/sv.ts

@@ -1,6 +1,7 @@
 import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { TestRatonUI } from '../ui';
+import { bibliography } from '../bibliography';
 
 const slug = 'mus-polling-rate-test-online';
 const title = 'Online Mus Polling Rate Test';
@@ -87,21 +88,10 @@ export const content: ToolLocaleContent<TestRatonUI> = {
   slug,
   title,
   description,
-  faqTitle: 'Vanliga frågor',
   faq: faqData,
-  bibliographyTitle: 'Referenser',
-  bibliography: [
-    {
-      name: 'Gamepad Polling Rate — Logitech',
-      url: 'https://www.logitechg.com/en-us/innovation/delta-zero.html',
-    },
-    {
-      name: 'USB HID Polling Rate — USB Implementers Forum',
-      url: 'https://www.usb.org/hid',
-    },
-  ],
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
+  bibliography,
   seo: [
     { type: 'title', text: 'Den definitiva guiden till Polling Rate', level: 2 },
     {
@@ -111,7 +101,7 @@ export const content: ToolLocaleContent<TestRatonUI> = {
     { type: 'title', text: 'Polling Rate-nivåer och deras användning', level: 3 },
     {
       type: 'paragraph',
-      html: '<strong>125 Hz</strong> — Musen rapporterar var 8:e millisekund. Okej för kontorsbruk men ser ryckigt ut på 144Hz-monitorer. <strong>1000 Hz</strong> — Den gyllene standarden för gaming: rapporterar varje millisekund (1 ms). Mjuk rörelse utan märkbar fördröjning. <strong>8000 Hz</strong> — Banbrytande teknologi (Razer, Logitech). Rapporterar var 0,125 ms men kräver en kraftfull CPU.',
+      html: '<strong>125 Hz</strong> -Musen rapporterar var 8:e millisekund. Okej för kontorsbruk men ser ryckigt ut på 144Hz-monitorer. <strong>1000 Hz</strong> -Den gyllene standarden för gaming: rapporterar varje millisekund (1 ms). Mjuk rörelse utan märkbar fördröjning. <strong>8000 Hz</strong> -Banbrytande teknologi (Razer, Logitech). Rapporterar var 0,125 ms men kräver en kraftfull CPU.',
     },
     { type: 'title', text: 'Varför fluktuerar mina Hz?', level: 3 },
     {

package/src/tool/mousePollingTest/i18n/tr.ts

@@ -1,6 +1,7 @@
 import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { TestRatonUI } from '../ui';
+import { bibliography } from '../bibliography';
 
 const slug = 'fare-polling-hizi-testi-online';
 const title = 'Çevrimiçi Fare Polling Rate Testi';
@@ -87,21 +88,10 @@ export const content: ToolLocaleContent<TestRatonUI> = {
   slug,
   title,
   description,
-  faqTitle: 'Sıkça Sorulan Sorular',
   faq: faqData,
-  bibliographyTitle: 'Referanslar',
-  bibliography: [
-    {
-      name: 'Gamepad Polling Rate — Logitech',
-      url: 'https://www.logitechg.com/en-us/innovation/delta-zero.html',
-    },
-    {
-      name: 'USB HID Polling Rate — USB Implementers Forum',
-      url: 'https://www.usb.org/hid',
-    },
-  ],
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
+  bibliography,
   seo: [
     { type: 'title', text: 'Polling Rate Hakkında Kesin Kılavuz', level: 2 },
     {
@@ -111,7 +101,7 @@ export const content: ToolLocaleContent<TestRatonUI> = {
     { type: 'title', text: 'Polling Rate Seviyeleri ve Kullanımları', level: 3 },
     {
       type: 'paragraph',
-      html: '<strong>125 Hz</strong> — Fare her 8 milisaniyede bir bildirim yapar. Ofis kullanımı için uygundur ancak 144Hz monitörlerde kesik kesik hissettirir. <strong>1000 Hz</strong> — Oyun oynamanın altın standardı: her 1 ms\'de bir bildirim yapar. Algılanabilir bir gecikme olmaksızın akıcı hareket. <strong>8000 Hz</strong> — En son teknoloji (Razer, Logitech). Her 0,125 ms\'de bir bildirim yapar ancak güçlü bir CPU gerektirir.',
+      html: '<strong>125 Hz</strong> -Fare her 8 milisaniyede bir bildirim yapar. Ofis kullanımı için uygundur ancak 144Hz monitörlerde kesik kesik hissettirir. <strong>1000 Hz</strong> -Oyun oynamanın altın standardı: her 1 ms\'de bir bildirim yapar. Algılanabilir bir gecikme olmaksızın akıcı hareket. <strong>8000 Hz</strong> -En son teknoloji (Razer, Logitech). Her 0,125 ms\'de bir bildirim yapar ancak güçlü bir CPU gerektirir.',
     },
     { type: 'title', text: 'Hz Neden Dalgalanıyor?', level: 3 },
     {

package/src/tool/mousePollingTest/i18n/zh.ts

@@ -1,6 +1,7 @@
 import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { TestRatonUI } from '../ui';
+import { bibliography } from '../bibliography';
 
 const slug = 'mouse-polling-rate-test';
 const title = '在线鼠标回报率测试';
@@ -87,21 +88,10 @@ export const content: ToolLocaleContent<TestRatonUI> = {
   slug,
   title,
   description,
-  faqTitle: '常见问题',
   faq: faqData,
-  bibliographyTitle: '参考资料',
-  bibliography: [
-    {
-      name: 'Gamepad Polling Rate — Logitech',
-      url: 'https://www.logitechg.com/en-us/innovation/delta-zero.html',
-    },
-    {
-      name: 'USB HID Polling Rate — USB Implementers Forum',
-      url: 'https://www.usb.org/hid',
-    },
-  ],
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
+  bibliography,
   seo: [
     { type: 'title', text: '鼠标回报率权威指南', level: 2 },
     {
@@ -111,7 +101,7 @@ export const content: ToolLocaleContent<TestRatonUI> = {
     { type: 'title', text: '回报率等级及其用途', level: 3 },
     {
       type: 'paragraph',
-      html: '<strong>125 Hz</strong> — 鼠标每 8 毫秒报告一次。适用于办公，但在 144Hz 显示器上会感到卡顿。 <strong>1000 Hz</strong> — 游戏黄金标准：每 1 毫秒报告一次。平滑移动，无感知延迟。 <strong>8000 Hz</strong> — 尖端技术（Razer, Logitech）。每 0.125 毫秒报告一次，但需要强劲的 CPU。',
+      html: '<strong>125 Hz</strong> -鼠标每 8 毫秒报告一次。适用于办公，但在 144Hz 显示器上会感到卡顿。 <strong>1000 Hz</strong> -游戏黄金标准：每 1 毫秒报告一次。平滑移动，无感知延迟。 <strong>8000 Hz</strong> -尖端技术（Razer, Logitech）。每 0.125 毫秒报告一次，但需要强劲的 CPU。',
     },
     { type: 'title', text: '为什么我的 Hz 值会波动？', level: 3 },
     {

package/src/tool/mousePollingTest/seo.astro

@@ -1,7 +1,7 @@
 ---
 import { SEORenderer } from '@jjlmoya/utils-shared';
-import type { KnownLocale } from '../../types';
 import { testRaton } from './index';
+import type { KnownLocale } from '../../types';
 
 interface Props {
   locale?: KnownLocale;
@@ -9,6 +9,7 @@ interface Props {
 
 const { locale = 'es' } = Astro.props;
 const content = await testRaton.i18n[locale]?.();
+if (!content) return null;
 ---
 
-{content && <SEORenderer content={{ locale, sections: content.seo }} />}
+{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}

package/src/tool/refreshRateDetector/bibliography.astro

@@ -0,0 +1,14 @@
+---
+import { Bibliography as SharedBibliography } from '@jjlmoya/utils-shared';
+import type { KnownLocale } from '../../types';
+import { refreshRateDetector } from './index';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'es' } = Astro.props;
+const content = await refreshRateDetector.i18n[locale]?.();
+---
+
+{content && content.bibliography.length > 0 && <SharedBibliography links={content.bibliography} />}

package/src/tool/refreshRateDetector/bibliography.ts

@@ -0,0 +1,12 @@
+import type { BibliographyEntry } from '../../types';
+
+export const bibliography: BibliographyEntry[] = [
+  {
+    name: 'VESA DisplayPort Standard - Monitor Refresh Rates',
+    url: 'https://vesa.org/displayport-developer/why-displayport/',
+  },
+  {
+    name: 'HDMI Specification - Refresh Rate Support',
+    url: 'https://silklandtech.com/de/blogs/news/maximum-hdmi-refresh-rate',
+  }
+];

package/src/tool/refreshRateDetector/component.astro

@@ -0,0 +1,206 @@
+---
+import type { KnownLocale } from '../../types';
+import type { RefreshRateDetectorUI } from './ui';
+
+interface Props {
+  locale?: KnownLocale;
+  ui?: Record<string, unknown>;
+}
+
+const { ui } = Astro.props;
+const t = (ui ?? {}) as RefreshRateDetectorUI;
+---
+
+<div id="rrd-root" class="rrd-wrapper" data-config={JSON.stringify({
+  currentHz: t.currentHz,
+  averageHz: t.averageHz,
+  maxHz: t.maxHz,
+  minHz: t.minHz,
+})}>
+  <div class="rrd-container">
+    <div class="rrd-card">
+      <div class="rrd-layout">
+      <div class="rrd-left">
+        <div class="rrd-metrics">
+          <div class="rrd-metric-item">
+            <div class="rrd-metric-label">{t.currentHz}</div>
+            <div class="rrd-metric-value" id="current-hz">—</div>
+            <div class="rrd-metric-unit">Hz</div>
+          </div>
+          <div class="rrd-metric-item">
+            <div class="rrd-metric-label">{t.averageHz}</div>
+            <div class="rrd-metric-value" id="average-hz">—</div>
+            <div class="rrd-metric-unit">Hz</div>
+          </div>
+          <div class="rrd-metric-item">
+            <div class="rrd-metric-label">{t.maxHz}</div>
+            <div class="rrd-metric-value" id="max-hz">—</div>
+            <div class="rrd-metric-unit">Hz</div>
+          </div>
+          <div class="rrd-metric-item">
+            <div class="rrd-metric-label">{t.minHz}</div>
+            <div class="rrd-metric-value" id="min-hz">—</div>
+            <div class="rrd-metric-unit">Hz</div>
+          </div>
+        </div>
+
+        <div class="rrd-mode-selector">
+          <button id="mode-fast" class="rrd-mode-btn selected" data-mode="fast" data-duration="3000">
+            {t.modeFast}
+          </button>
+          <button id="mode-stable" class="rrd-mode-btn" data-mode="stable" data-duration="10000">
+            {t.modeStable}
+          </button>
+        </div>
+      </div>
+
+      <div class="rrd-right">
+        <div class="rrd-monitor">
+          <div class="rrd-monitor-bezel">
+            <div class="rrd-monitor-screen">
+              <div class="rrd-monitor-content">
+                <div class="rrd-hz-display" id="hz-display">—</div>
+              </div>
+            </div>
+          </div>
+          <div class="rrd-monitor-stand"></div>
+        </div>
+      </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<link rel="stylesheet" href="./monitor-refresh-rate-detector.css" />
+
+<script>
+  interface State {
+    mode: 'fast' | 'stable';
+    duration: number;
+    frameTimestamps: number[];
+    startTime: number;
+    maxHz: number;
+    minHz: number;
+    averageHz: number;
+    currentHz: number;
+  }
+
+  const state: State = {
+    mode: 'fast',
+    duration: 3000,
+    frameTimestamps: [],
+    startTime: 0,
+    maxHz: 0,
+    minHz: Infinity,
+    averageHz: 0,
+    currentHz: 0,
+  };
+
+  const elements = {
+    currentHz: document.getElementById('current-hz'),
+    averageHz: document.getElementById('average-hz'),
+    maxHz: document.getElementById('max-hz'),
+    minHz: document.getElementById('min-hz'),
+    hzDisplay: document.getElementById('hz-display'),
+    modeFast: document.getElementById('mode-fast'),
+    modeStable: document.getElementById('mode-stable'),
+  };
+
+  function getFrameDeltas(timestamps: number[]): number[] {
+    const deltas: number[] = [];
+    for (let i = 1; i < timestamps.length; i++) {
+      const prev = timestamps[i - 1];
+      const curr = timestamps[i];
+      if (prev !== undefined && curr !== undefined) {
+        deltas.push(curr - prev);
+      }
+    }
+    return deltas;
+  }
+
+  function filterOutliers(deltas: number[]): number[] {
+    if (deltas.length === 0) return deltas;
+    const sorted = [...deltas].sort((a, b) => a - b);
+    const q1Index = Math.floor(sorted.length * 0.25);
+    const q3Index = Math.floor(sorted.length * 0.75);
+    const q1 = sorted[q1Index] ?? 0;
+    const q3 = sorted[q3Index] ?? 0;
+    const iqr = q3 - q1;
+    return deltas.filter(d => d >= q1 - 1.5 * iqr && d <= q3 + 1.5 * iqr);
+  }
+
+  function calculateHz(timestamps: number[]): number {
+    if (timestamps.length < 2) return 0;
+    const deltas = getFrameDeltas(timestamps);
+    if (deltas.length === 0) return 0;
+    const filtered = filterOutliers(deltas);
+    if (filtered.length === 0) return 0;
+    const avgDelta = filtered.reduce((a, b) => a + b) / filtered.length;
+    return avgDelta > 0 ? Math.round(1000 / avgDelta * 10) / 10 : 0;
+  }
+
+  function updateMetrics(): void {
+    if (state.frameTimestamps.length < 2) return;
+    const warmupTime = state.startTime + 500;
+    const warmedUpTimestamps = state.frameTimestamps.filter(t => t >= warmupTime);
+    if (warmedUpTimestamps.length < 2) return;
+
+    const recentHz = calculateHz(warmedUpTimestamps.slice(-60));
+    state.currentHz = recentHz;
+
+    const allHz: number[] = [];
+    for (let i = 1; i < warmedUpTimestamps.length; i++) {
+      const prev = warmedUpTimestamps[i - 1];
+      const curr = warmedUpTimestamps[i];
+      if (prev !== undefined && curr !== undefined) {
+        allHz.push(1000 / (curr - prev));
+      }
+    }
+
+    if (allHz.length > 0) {
+      state.maxHz = Math.max(...allHz);
+      state.minHz = Math.min(...allHz);
+      state.averageHz = allHz.reduce((a, b) => a + b) / allHz.length;
+    }
+
+    elements.currentHz!.textContent = state.currentHz.toFixed(1);
+    elements.averageHz!.textContent = state.averageHz.toFixed(1);
+    elements.maxHz!.textContent = state.maxHz.toFixed(1);
+    elements.minHz!.textContent = state.minHz.toFixed(1);
+    elements.hzDisplay!.textContent = state.currentHz.toFixed(0);
+  }
+
+  function measureFrame() {
+    state.frameTimestamps.push(performance.now());
+    updateMetrics();
+    requestAnimationFrame(measureFrame);
+  }
+
+  function restartMeasurement() {
+    state.frameTimestamps = [];
+    state.startTime = performance.now();
+    state.maxHz = 0;
+    state.minHz = Infinity;
+    state.averageHz = 0;
+    state.currentHz = 0;
+  }
+
+  elements.modeFast?.addEventListener('click', () => {
+    state.mode = 'fast';
+    state.duration = 3000;
+    elements.modeFast!.classList.add('selected');
+    elements.modeStable!.classList.remove('selected');
+    restartMeasurement();
+  });
+
+  elements.modeStable?.addEventListener('click', () => {
+    state.mode = 'stable';
+    state.duration = 10000;
+    elements.modeStable!.classList.add('selected');
+    elements.modeFast!.classList.remove('selected');
+    restartMeasurement();
+  });
+
+  restartMeasurement();
+  requestAnimationFrame(measureFrame);
+</script>

package/src/tool/refreshRateDetector/entry.ts

@@ -0,0 +1,29 @@
+import type { HardwareToolEntry, ToolLocaleContent } from '../../types';
+import type { RefreshRateDetectorUI } from './ui';
+
+export type RefreshRateDetectorLocaleContent = ToolLocaleContent<RefreshRateDetectorUI>;
+
+export const refreshRateDetector: HardwareToolEntry<RefreshRateDetectorUI> = {
+  id: 'monitor-refresh-rate-detector',
+  icons: {
+    bg: 'mdi:monitor',
+    fg: 'mdi:speedometer',
+  },
+  i18n: {
+    en: () => import('./i18n/en').then((m) => m.content),
+    es: () => import('./i18n/es').then((m) => m.content),
+    fr: () => import('./i18n/fr').then((m) => m.content),
+    de: () => import('./i18n/de').then((m) => m.content),
+    it: () => import('./i18n/it').then((m) => m.content),
+    pt: () => import('./i18n/pt').then((m) => m.content),
+    nl: () => import('./i18n/nl').then((m) => m.content),
+    pl: () => import('./i18n/pl').then((m) => m.content),
+    sv: () => import('./i18n/sv').then((m) => m.content),
+    tr: () => import('./i18n/tr').then((m) => m.content),
+    ru: () => import('./i18n/ru').then((m) => m.content),
+    id: () => import('./i18n/id').then((m) => m.content),
+    ja: () => import('./i18n/ja').then((m) => m.content),
+    ko: () => import('./i18n/ko').then((m) => m.content),
+    zh: () => import('./i18n/zh').then((m) => m.content),
+  },
+};