@jjlmoya/utils-hardware 1.17.0 → 1.18.0

package/src/tests/script_density.test.ts

@@ -0,0 +1,94 @@
+import { describe, expect, it } from 'vitest';
+import { ALL_TOOLS } from '../tools';
+
+type ScriptLocale = keyof typeof SCRIPT_RULES;
+
+const SCRIPT_RULES = {
+  ja: {
+    language: 'Japanese',
+    scriptName: 'kana/kanji',
+    scriptCharacters: /[\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Han}]/gu,
+    minScriptRatio: 0.45,
+  },
+  ko: {
+    language: 'Korean',
+    scriptName: 'hangul',
+    scriptCharacters: /\p{Script=Hangul}/gu,
+    minScriptRatio: 0.55,
+  },
+  ru: {
+    language: 'Russian',
+    scriptName: 'cyrillic',
+    scriptCharacters: /\p{Script=Cyrillic}/gu,
+    minScriptRatio: 0.65,
+  },
+  zh: {
+    language: 'Chinese',
+    scriptName: 'han',
+    scriptCharacters: /\p{Script=Han}/gu,
+    minScriptRatio: 0.45,
+  },
+} as const;
+
+const LETTERS = /\p{L}/gu;
+const TRANSLATABLE_KEYS = ['title', 'description', 'ui', 'seo', 'faq', 'howTo'] as const;
+
+function collectStrings(value: unknown): string[] {
+  if (typeof value === 'string') return [value];
+  if (!value || typeof value !== 'object') return [];
+  if (Array.isArray(value)) return value.flatMap(collectStrings);
+  return Object.values(value).flatMap(collectStrings);
+}
+
+function normalizeText(value: unknown): string {
+  return collectStrings(value).join(' ').normalize('NFC');
+}
+
+function translatableContent(content: Record<string, unknown>) {
+  return TRANSLATABLE_KEYS.map((key) => content[key]);
+}
+
+function letterCount(text: string): number {
+  return text.match(LETTERS)?.length ?? 0;
+}
+
+function scriptCount(text: string, locale: ScriptLocale): number {
+  return text.match(SCRIPT_RULES[locale].scriptCharacters)?.length ?? 0;
+}
+
+function scriptRatio(text: string, locale: ScriptLocale): number {
+  const letters = letterCount(text);
+  if (letters === 0) return 0;
+  return scriptCount(text, locale) / letters;
+}
+
+describe('Native script density validation', () => {
+  ALL_TOOLS.forEach((tool) => {
+    describe(`Tool: ${tool.entry.id}`, () => {
+      Object.keys(SCRIPT_RULES).forEach((locale) => {
+        it(`${locale} keeps most translated text in its native script`, async () => {
+          const typedLocale = locale as ScriptLocale;
+          const loader = tool.entry.i18n[typedLocale];
+          if (!loader) return;
+
+          const content = await loader();
+          const rule = SCRIPT_RULES[typedLocale];
+          const text = normalizeText(translatableContent(content as Record<string, unknown>));
+          const letters = letterCount(text);
+          const matches = scriptCount(text, typedLocale);
+          const ratio = scriptRatio(text, typedLocale);
+
+          expect(
+            ratio,
+            [
+              `Possible broken translation detected in ${tool.entry.id}/${typedLocale} (${rule.language}).`,
+              `The text has ${matches} ${rule.scriptName} characters out of ${letters} analyzed letters (${(ratio * 100).toFixed(1)}%).`,
+              `Most translatable content should be written in ${rule.scriptName} script.`,
+              'Non-translatable fields such as slug, bibliography, and schemas are ignored to avoid false positives.',
+            ].join(' '),
+          ).toBeGreaterThanOrEqual(rule.minScriptRatio);
+        });
+      });
+    });
+  });
+});

package/src/tool/batteryHealthEstimator/i18n/fr.ts

@@ -93,7 +93,7 @@ export const content: ToolLocaleContent<EstimadorSaludBateriaUI> = {
   schemas: [faqSchema, howToSchema, appSchema],
   bibliography,
   seo: [
-    { type: 'title', text: 'La chimie du temps : pourquoi les batteries lithium meurent', level: 2 },
+    { type: 'title', text: 'La chimie du temps: pourquoi les batteries lithium meurent', level: 2 },
     {
       type: 'paragraph',
       html: "Une batterie lithium-ion n'est pas une boîte d'énergie statique, mais un écosystème chimique dynamique en dégradation constante depuis sa fabrication. Chaque cycle de charge et décharge, chaque variation de température et chaque minute à des tensions extrêmes contribue à la formation de sous-produits qui entravent le flux d'ions.",
@@ -103,7 +103,7 @@ export const content: ToolLocaleContent<EstimadorSaludBateriaUI> = {
       type: 'paragraph',
       html: "<strong>Couche SEI :</strong> l'interface électrolyte solide croît avec le temps, consomme du lithium actif et augmente la résistance interne. <strong>Oxydation de l'électrolyte :</strong> des tensions supérieures à 4,1V accélèrent l'oxydation et peuvent gonfler la batterie. <strong>Lithium Plating :</strong> charger à basse température dépose du lithium sous forme métallique, créant des dendrites qui peuvent percer le séparateur.",
     },
-    { type: 'title', text: "Le mythe des 100% : pourquoi charger toute la nuit est une erreur", level: 3 },
+    { type: 'title', text: "Le mythe des 100%: pourquoi charger toute la nuit est une erreur", level: 3 },
     {
       type: 'paragraph',
       html: "Pour un ion lithium, être à 100% de charge (4,2V) est un état de haute tension. Les recherches montrent que la durée de vie double ou triple si l'on maintient l'appareil entre <strong>20% et 80%</strong>. De plus, pour chaque hausse de 10°C au-dessus de 25°C, la vitesse de dégradation chimique double approximativement.",
@@ -111,7 +111,7 @@ export const content: ToolLocaleContent<EstimadorSaludBateriaUI> = {
     { type: 'title', text: 'Protocole de survie énergétique', level: 3 },
     {
       type: 'paragraph',
-      html: "Ne chargez jamais une batterie en dessous de 0°C : le lithium se dépose sur l'anode, causant des dommages permanents. La charge rapide génère de la chaleur localisée et du stress mécanique ; utilisez-la uniquement en cas de stricte nécessité. Pour un stockage prolongé, conservez la batterie à 50% dans un endroit frais.",
+      html: "Ne chargez jamais une batterie en dessous de 0°C: le lithium se dépose sur l'anode, causant des dommages permanents. La charge rapide génère de la chaleur localisée et du stress mécanique ; utilisez-la uniquement en cas de stricte nécessité. Pour un stockage prolongé, conservez la batterie à 50% dans un endroit frais.",
     },
   ],
   ui: {
@@ -122,7 +122,7 @@ export const content: ToolLocaleContent<EstimadorSaludBateriaUI> = {
     voltageLabel: 'Tension Actuelle',
     cyclesLabel: 'Cycles de Charge',
     tempLabel: 'Température',
-    voltageHint: 'Plage nominale : 3,0V (vide) à 4,2V (plein).',
+    voltageHint: 'Plage nominale: 3,0V (vide) à 4,2V (plein).',
     labelUsefulLife: 'Durée de Vie',
     yearsPrefix: 'Est.',
     yearsSuffix: 'ans',

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

@@ -106,7 +106,7 @@ export const content: ToolLocaleContent<EstimadorSaludBateriaUI> = {
     { type: 'title', text: 'Mit 100%: dlaczego ładowanie przez noc to błąd', level: 3 },
     {
       type: 'paragraph',
-      html: 'Dla jonu litu stan naładowania 100% (4.2V) jest stanem wysokiego stresu. Badania pokazują, że żywotność cyklu wzrasta dwu- lub trzykrotnie przy utrzymywaniu urządzenia w zakresie <strong>20% – 80%</strong>. Ponadto na każde 10°C powyżej 25°C tempo degradacji chemicznej wzrasta około dwukrotnie.',
+      html: 'Dla jonu litu stan naładowania 100% (4.2V) jest stanem wysokiego stresu. Badania pokazują, że żywotność cyklu wzrasta dwu- lub trzykrotnie przy utrzymywaniu urządzenia w zakresie <strong>20% - 80%</strong>. Ponadto na każde 10°C powyżej 25°C tempo degradacji chemicznej wzrasta około dwukrotnie.',
     },
     { type: 'title', text: 'Protokół przetrwania energii', level: 3 },
     {

package/src/tool/colorAccuracyTest/color-accuracy-test.css

@@ -20,6 +20,13 @@
   margin: 0 auto;
   padding: 1rem;
   color: var(--sc-text);
+  overflow-x: clip;
+}
+
+.sc-wrapper *,
+.sc-wrapper *::before,
+.sc-wrapper *::after {
+  box-sizing: border-box;
 }
 
 .theme-dark .sc-wrapper {
@@ -44,6 +51,7 @@
   transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
   position: relative;
   overflow: hidden;
+  max-width: 100%;
 }
 
 .sc-dashboard::before {
@@ -68,13 +76,18 @@
 }
 
 @media (max-width: 768px) {
+  .sc-wrapper {
+    padding: 0;
+  }
+
   .sc-grid {
     grid-template-columns: 1fr;
-    gap: 2rem;
+    gap: 1.25rem;
   }
 
   .sc-dashboard {
-    padding: 1.5rem;
+    border-radius: 0.875rem;
+    padding: 1rem;
   }
 }
 
@@ -160,6 +173,7 @@
   padding: 0.5rem;
   border-radius: 0.875rem;
   border: 1px solid var(--sc-border);
+  min-width: 0;
 }
 
 .sc-gamut-btn {
@@ -173,6 +187,7 @@
   background: transparent;
   color: var(--sc-text-muted);
   position: relative;
+  min-width: 0;
 }
 
 .sc-gamut-btn.sc-gamut-active {
@@ -220,6 +235,7 @@
   display: flex;
   gap: 1rem;
   animation: fade-in-up 0.8s ease-out 0.4s both;
+  width: 100%;
 }
 
 .sc-btn {
@@ -236,6 +252,7 @@
   gap: 0.5rem;
   position: relative;
   overflow: hidden;
+  min-width: 0;
 }
 
 .sc-btn::before {
@@ -292,6 +309,7 @@
   color: var(--sc-text-light);
   margin-top: 1.5rem;
   animation: fade-in-up 0.8s ease-out 0.5s both;
+  flex-wrap: wrap;
 }
 
 .sc-shortcut {
@@ -315,12 +333,12 @@
   justify-content: center;
   align-items: center;
   animation: fade-in-right 0.8s ease-out 0.3s both;
+  min-width: 0;
 }
 
 .sc-preview-canvas {
   width: 100%;
   aspect-ratio: 1;
-  max-width: 350px;
   border-radius: 1rem;
   background: linear-gradient(135deg, #1e1b4b 0%, #0f172a 50%, #1e1b4b 100%);
   border: 2px solid var(--sc-border);
@@ -331,6 +349,7 @@
   flex-direction: column;
   justify-content: center;
   align-items: center;
+  max-width: min(350px, 100%);
 }
 
 .sc-preview-gradient {
@@ -362,6 +381,8 @@
   letter-spacing: 0.05em;
   text-transform: uppercase;
   z-index: 10;
+  width: calc(100% - 2rem);
+  text-align: center;
 }
 
 #test-overlay {
@@ -402,6 +423,8 @@
   z-index: 1001;
   backdrop-filter: blur(10px);
   animation: slide-up 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
+  max-height: 55vh;
+  overflow-y: auto;
 }
 
 @media (min-width: 768px) {
@@ -419,11 +442,24 @@
 @keyframes slide-up {
   from {
     opacity: 0;
-    transform: translateX(-50%) translateY(20px);
+    transform: translateY(20px);
   }
   to {
     opacity: 1;
-    transform: translateX(-50%) translateY(0);
+    transform: translateY(0);
+  }
+}
+
+@media (min-width: 768px) {
+  @keyframes slide-up {
+    from {
+      opacity: 0;
+      transform: translateX(-50%) translateY(20px);
+    }
+    to {
+      opacity: 1;
+      transform: translateX(-50%) translateY(0);
+    }
   }
 }
 
@@ -675,6 +711,7 @@
   display: flex;
   gap: 0.5rem;
   margin-top: 0.75rem;
+  width: 100%;
 }
 
 @media (min-width: 768px) {
@@ -695,6 +732,7 @@
   font-weight: 600;
   cursor: pointer;
   transition: all 0.2s ease;
+  min-width: 0;
 }
 
 @media (min-width: 768px) {
@@ -726,3 +764,78 @@
 .sc-action-secondary:hover {
   background: rgba(255, 255, 255, 0.15);
 }
+
+@media (max-width: 640px) {
+  .sc-content {
+    min-width: 0;
+  }
+
+  .sc-gamut-toggle {
+    gap: 0.375rem;
+    padding: 0.375rem;
+  }
+
+  .sc-gamut-btn {
+    padding: 0.65rem 0.5rem;
+    font-size: 0.8rem;
+  }
+
+  .sc-buttons {
+    display: grid;
+    grid-template-columns: 1fr;
+  }
+
+  .sc-btn {
+    width: 100%;
+    padding: 0.875rem 1rem;
+  }
+
+  .sc-shortcuts {
+    gap: 0.5rem;
+    font-size: 0.75rem;
+  }
+
+  .sc-shortcuts > span {
+    display: none;
+  }
+
+  .sc-shortcut {
+    flex: 1 1 8rem;
+  }
+
+  .sc-preview-canvas {
+    max-width: min(18rem, 100%);
+  }
+
+  .sc-preview-label {
+    bottom: 0.75rem;
+    font-size: 0.7rem;
+  }
+
+  .sc-controls {
+    padding: 3.75rem 0.75rem 0.75rem;
+    max-height: 70vh;
+  }
+
+  .sc-close-test {
+    top: 0.75rem;
+    right: 0.75rem;
+    width: 2.5rem;
+    height: 2.5rem;
+    font-size: 1.6rem;
+  }
+
+  .sc-test-description {
+    margin-top: 0;
+    font-size: 0.82rem;
+  }
+
+  .sc-test-actions {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+  }
+
+  .sc-action-btn {
+    padding: 0.7rem 0.5rem;
+  }
+}

package/src/tool/colorAccuracyTest/i18n/de.ts

@@ -43,7 +43,7 @@ const howToData = [
   },
   {
     name: 'Hardware benennen (optional)',
-    text: 'Geben Sie einen aussagekräftigen Namen für Ihren Monitor oder Ihr Gerät ein (z. B. „MacBook Pro 16 M1“). Dies personalisiert Ihren Bericht.',
+    text: 'Geben Sie einen aussagekräftigen Namen für Ihren Monitor oder Ihr Gerät ein (z. B. "MacBook Pro 16 M1"). Dies personalisiert Ihren Bericht.',
   },
   {
     name: 'Vollbildmodus aktivieren',
@@ -118,7 +118,7 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Schon ein Unterschied von einem Prozentpunkt bei der Farbwiedergabe kann den Unterschied zwischen einem „Wow“-Moment und einer Reaktion wie „das sieht irgendwie falsch aus“ ausmachen. Professionelle Displays liefern eine Genauigkeit innerhalb von <strong>Delta E &lt; 2</strong>. Consumer-Displays driften oft in einen Bereich von Delta E 4-6+ ab, was folgendes verursacht:',
+      html: 'Schon ein Unterschied von einem Prozentpunkt bei der Farbwiedergabe kann den Unterschied zwischen einem "Wow"-Moment und einer Reaktion wie "das sieht irgendwie falsch aus" ausmachen. Professionelle Displays liefern eine Genauigkeit innerhalb von <strong>Delta E &lt; 2</strong>. Consumer-Displays driften oft in einen Bereich von Delta E 4-6+ ab, was folgendes verursacht:',
     },
     {
       type: 'paragraph',
@@ -166,7 +166,7 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'paragraph',
-      html: '<strong>Delta-E-Skala (CIE 1976):</strong><ul><li>0–1: Vom menschlichen Auge nicht wahrnehmbar</li><li>1–2: Kaum wahrnehmbar</li><li>2–4: Wahrnehmbar, aber für den allgemeinen Gebrauch akzeptabel</li><li>4–6: Deutliche Farbverschiebung</li><li>&gt;6: Sehr offensichtlicher Unterschied</li></ul>',
+      html: '<strong>Delta-E-Skala (CIE 1976):</strong><ul><li>0-1: Vom menschlichen Auge nicht wahrnehmbar</li><li>1-2: Kaum wahrnehmbar</li><li>2-4: Wahrnehmbar, aber für den allgemeinen Gebrauch akzeptabel</li><li>4-6: Deutliche Farbverschiebung</li><li>&gt;6: Sehr offensichtlicher Unterschied</li></ul>',
     },
     {
       type: 'paragraph',
@@ -184,7 +184,7 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Zeigt reine Primär- und Sekundärfarben (Rot, Grün, Blau, Cyan, Magenta, Gelb) an und misst, wie Ihr Monitor diese wiedergibt. Farb-„Flut“-Animationen zeigen eine konsistente Farbwiedergabe auf dem gesamten Bildschirm.',
+      html: 'Zeigt reine Primär- und Sekundärfarben (Rot, Grün, Blau, Cyan, Magenta, Gelb) an und misst, wie Ihr Monitor diese wiedergibt. Farb-"Flut"-Animationen zeigen eine konsistente Farbwiedergabe auf dem gesamten Bildschirm.',
     },
     {
       type: 'title',
@@ -202,7 +202,7 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Reiner schwarzer (0,0,0) Hintergrund mit kaum sichtbaren, fast schwarzen Tönen. Wenn Schattendetails „zerquetscht“ werden, verliert Ihr Monitor Informationen in dunklen Tönen – häufig bei Mobilgeräten und günstigen Panels.',
+      html: 'Reiner schwarzer (0,0,0) Hintergrund mit kaum sichtbaren, fast schwarzen Tönen. Wenn Schattendetails "zerquetscht" werden, verliert Ihr Monitor Informationen in dunklen Tönen - häufig bei Mobilgeräten und günstigen Panels.',
     },
     {
       type: 'title',
@@ -224,7 +224,7 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'paragraph',
-      html: '<ul><li><strong>3D-Gamut-Visualisierung:</strong> Ein rotierender 3D-Plot, der das tatsächliche Farbvolumen Ihres Displays im Vergleich zum Referenzstandard zeigt</li><li><strong>Delta-E-Heatmap:</strong> Wo im Spektrum Ihr Display abweicht</li><li><strong>Gammakurve:</strong> Helligkeitslinearität über den Bereich von 0–255</li><li><strong>Kalibrierungs-Score:</strong> Eine einzige „Spectrum Grade“ (Elite, Cinematic, Studio, Standard) basierend auf der Gesamtgenauigkeit</li></ul>',
+      html: '<ul><li><strong>3D-Gamut-Visualisierung:</strong> Ein rotierender 3D-Plot, der das tatsächliche Farbvolumen Ihres Displays im Vergleich zum Referenzstandard zeigt</li><li><strong>Delta-E-Heatmap:</strong> Wo im Spektrum Ihr Display abweicht</li><li><strong>Gammakurve:</strong> Helligkeitslinearität über den Bereich von 0-255</li><li><strong>Kalibrierungs-Score:</strong> Eine einzige "Spectrum Grade" (Elite, Cinematic, Studio, Standard) basierend auf der Gesamtgenauigkeit</li></ul>',
     },
     {
       type: 'title',
@@ -237,7 +237,7 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'paragraph',
-      html: '<ul><li><strong>Farbtemperatur:</strong> In Richtung „Warm“ verschieben, wenn die Farben zu kühl/blau wirken; in Richtung „Kühl“, wenn sie zu warm/gelb wirken</li><li><strong>Kontrast:</strong> Erhöhen, wenn Schwarztöne verwaschen aussehen; verringern, wenn Details „zerquetscht“ werden</li><li><strong>Helligkeit:</strong> So einstellen, dass ein neutrales Grau ohne Farbstich bei 50 % Helligkeit erreicht wird</li><li><strong>Sättigung:</strong> Wenn Farben übersättigt sind, verringern; wenn sie stumpf wirken, erhöhen</li></ul>',
+      html: '<ul><li><strong>Farbtemperatur:</strong> In Richtung "Warm" verschieben, wenn die Farben zu kühl/blau wirken; in Richtung "Kühl", wenn sie zu warm/gelb wirken</li><li><strong>Kontrast:</strong> Erhöhen, wenn Schwarztöne verwaschen aussehen; verringern, wenn Details "zerquetscht" werden</li><li><strong>Helligkeit:</strong> So einstellen, dass ein neutrales Grau ohne Farbstich bei 50 % Helligkeit erreicht wird</li><li><strong>Sättigung:</strong> Wenn Farben übersättigt sind, verringern; wenn sie stumpf wirken, erhöhen</li></ul>',
     },
     {
       type: 'title',

package/src/tool/colorAccuracyTest/i18n/en.ts

@@ -166,7 +166,7 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'paragraph',
-      html: '<strong>Delta E Scale (CIE 1976):</strong><ul><li>0–1: Imperceptible by human eye</li><li>1–2: Barely perceptible</li><li>2–4: Perceptible but acceptable for general use</li><li>4–6: Noticeable color shift</li><li>&gt;6: Very obvious difference</li></ul>',
+      html: '<strong>Delta E Scale (CIE 1976):</strong><ul><li>0-1: Imperceptible by human eye</li><li>1-2: Barely perceptible</li><li>2-4: Perceptible but acceptable for general use</li><li>4-6: Noticeable color shift</li><li>&gt;6: Very obvious difference</li></ul>',
     },
     {
       type: 'paragraph',
@@ -202,7 +202,7 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Pure black (0,0,0) background with barely-visible near-black shades. If shadow detail "crushes" together, your monitor is losing information in dark tones—common in mobile displays and cheap panels.',
+      html: 'Pure black (0,0,0) background with barely-visible near-black shades. If shadow detail "crushes" together, your monitor is losing information in dark tones-common in mobile displays and cheap panels.',
     },
     {
       type: 'title',
@@ -224,7 +224,7 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'paragraph',
-      html: '<ul><li><strong>3D Gamut Visualization:</strong> A rotating 3D plot showing your display\'s actual color volume versus the reference standard</li><li><strong>Delta E Heatmap:</strong> Where on the spectrum your display drifts</li><li><strong>Gamma Curve:</strong> Brightness linearity across the 0–255 range</li><li><strong>Calibration Score:</strong> A single "Spectrum Grade" (Elite, Cinematic, Studio, Standard) based on overall accuracy</li></ul>',
+      html: '<ul><li><strong>3D Gamut Visualization:</strong> A rotating 3D plot showing your display\'s actual color volume versus the reference standard</li><li><strong>Delta E Heatmap:</strong> Where on the spectrum your display drifts</li><li><strong>Gamma Curve:</strong> Brightness linearity across the 0-255 range</li><li><strong>Calibration Score:</strong> A single "Spectrum Grade" (Elite, Cinematic, Studio, Standard) based on overall accuracy</li></ul>',
     },
     {
       type: 'title',

package/src/tool/colorAccuracyTest/i18n/es.ts

@@ -166,7 +166,7 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'paragraph',
-      html: '<strong>Escala Delta E (CIE 1976):</strong><ul><li>0–1: Imperceptible por el ojo humano</li><li>1–2: Apenas perceptible</li><li>2–4: Perceptible pero aceptable para uso general</li><li>4–6: Desviación de color notable</li><li>&gt;6: Diferencia muy obvia</li></ul>',
+      html: '<strong>Escala Delta E (CIE 1976):</strong><ul><li>0-1: Imperceptible por el ojo humano</li><li>1-2: Apenas perceptible</li><li>2-4: Perceptible pero aceptable para uso general</li><li>4-6: Desviación de color notable</li><li>&gt;6: Diferencia muy obvia</li></ul>',
     },
     {
       type: 'paragraph',
@@ -224,7 +224,7 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'paragraph',
-      html: '<ul><li><strong>Visualización de Gama 3D:</strong> Un gráfico 3D giratorio que muestra el volumen de color real de tu pantalla frente al estándar de referencia</li><li><strong>Mapa de Calor Delta E:</strong> En qué parte del espectro se desvía tu pantalla</li><li><strong>Curva Gamma:</strong> Linealidad del brillo en el rango 0–255</li><li><strong>Puntuación de Calibración:</strong> Una única "Calificación Spectrum" (Élite, Cinematográfica, Estudio, Estándar) basada en la precisión general</li></ul>',
+      html: '<ul><li><strong>Visualización de Gama 3D:</strong> Un gráfico 3D giratorio que muestra el volumen de color real de tu pantalla frente al estándar de referencia</li><li><strong>Mapa de Calor Delta E:</strong> En qué parte del espectro se desvía tu pantalla</li><li><strong>Curva Gamma:</strong> Linealidad del brillo en el rango 0-255</li><li><strong>Puntuación de Calibración:</strong> Una única "Calificación Spectrum" (Élite, Cinematográfica, Estudio, Estándar) basada en la precisión general</li></ul>',
     },
     {
       type: 'title',

package/src/tool/colorAccuracyTest/i18n/fr.ts

@@ -104,7 +104,7 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
   seo: [
     {
       type: 'title',
-      text: 'Test de Précision des Couleurs Professionnel : Calibrez votre Écran avec Précision',
+      text: 'Test de Précision des Couleurs Professionnel: Calibrez votre Écran avec Précision',
       level: 2,
     },
     {
@@ -126,7 +126,7 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'title',
-      text: 'Comprendre les espaces colorimétriques : sRGB vs DCI-P3',
+      text: 'Comprendre les espaces colorimétriques: sRGB vs DCI-P3',
       level: 3,
     },
     {
@@ -136,11 +136,11 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Établi par Microsoft et HP en 1996, le sRGB est la <strong>norme universelle pour l\'électronique grand public</strong> et le web. Il utilise un gamut de couleurs triangulaire défini par trois couleurs primaires (Rouge : 0.6400x 0.3300, Vert : 0.3000 0.6000, Bleu : 0.1500 0.0600).',
+      html: 'Établi par Microsoft et HP en 1996, le sRGB est la <strong>norme universelle pour l\'électronique grand public</strong> et le web. Il utilise un gamut de couleurs triangulaire défini par trois couleurs primaires (Rouge: 0.6400x 0.3300, Vert: 0.3000 0.6000, Bleu: 0.1500 0.0600).',
     },
     {
       type: 'paragraph',
-      html: '<strong>Caractéristiques :</strong><ul><li>Couvre ~35 % du spectre de couleurs visibles</li><li>Optimisé pour les conditions d\'éclairage ambiant typiques</li><li>Gamma : 2.2 (correspond à la plupart des écrans grand public)</li><li>Adapté pour : web, réseaux sociaux, photos grand public</li></ul>',
+      html: '<strong>Caractéristiques :</strong><ul><li>Couvre ~35 % du spectre de couleurs visibles</li><li>Optimisé pour les conditions d\'éclairage ambiant typiques</li><li>Gamma: 2.2 (correspond à la plupart des écrans grand public)</li><li>Adapté pour: web, réseaux sociaux, photos grand public</li></ul>',
     },
     {
       type: 'title',
@@ -153,7 +153,7 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'paragraph',
-      html: '<strong>Caractéristiques :</strong><ul><li>Couvre ~53 % du spectre de couleurs visibles</li><li>Optimisé pour les environnements de cinéma sombres</li><li>Gamma : 2.6 (corrigé en gamma pour un contraste élevé)</li><li>Adapté pour : réalisation de films, photographie professionnelle, contenu HDR</li></ul>',
+      html: '<strong>Caractéristiques :</strong><ul><li>Couvre ~53 % du spectre de couleurs visibles</li><li>Optimisé pour les environnements de cinéma sombres</li><li>Gamma: 2.6 (corrigé en gamma pour un contraste élevé)</li><li>Adapté pour: réalisation de films, photographie professionnelle, contenu HDR</li></ul>',
     },
     {
       type: 'title',
@@ -166,7 +166,7 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'paragraph',
-      html: '<strong>Échelle Delta E (CIE 1976) :</strong><ul><li>0–1 : Imperceptible par l\'œil humain</li><li>1–2 : À peine perceptible</li><li>2–4 : Perceptible mais acceptable pour un usage général</li><li>4–6 : Dérive de couleur notable</li><li>&gt;6 : Différence très évidente</li></ul>',
+      html: '<strong>Échelle Delta E (CIE 1976) :</strong><ul><li>0-1: Imperceptible par l\'œil humain</li><li>1-2: À peine perceptible</li><li>2-4: Perceptible mais acceptable pour un usage général</li><li>4-6: Dérive de couleur notable</li><li>&gt;6: Différence très évidente</li></ul>',
     },
     {
       type: 'paragraph',
@@ -202,7 +202,7 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Fond noir pur (0,0,0) avec des nuances de gris sombre à peine visibles. Si les détails des ombres se "télescopent", votre moniteur perd des informations dans les tons sombres — courant sur les écrans mobiles et les dalles bon marché.',
+      html: 'Fond noir pur (0,0,0) avec des nuances de gris sombre à peine visibles. Si les détails des ombres se "télescopent", votre moniteur perd des informations dans les tons sombres - courant sur les écrans mobiles et les dalles bon marché.',
     },
     {
       type: 'title',
@@ -224,11 +224,11 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'paragraph',
-      html: '<ul><li><strong>Visualisation du Gamut 3D :</strong> Un graphique 3D rotatif montrant le volume de couleur réel de votre écran par rapport à la norme de référence</li><li><strong>Carte thermique Delta E :</strong> Les zones du spectre où votre écran dérive</li><li><strong>Courbe Gamma :</strong> Linéarité de la luminosité sur la plage 0–255</li><li><strong>Score de calibrage :</strong> Une "Note Spectrum" unique (Élite, Cinématique, Studio, Standard) basée sur la précision globale</li></ul>',
+      html: '<ul><li><strong>Visualisation du Gamut 3D :</strong> Un graphique 3D rotatif montrant le volume de couleur réel de votre écran par rapport à la norme de référence</li><li><strong>Carte thermique Delta E :</strong> Les zones du spectre où votre écran dérive</li><li><strong>Courbe Gamma :</strong> Linéarité de la luminosité sur la plage 0-255</li><li><strong>Score de calibrage :</strong> Une "Note Spectrum" unique (Élite, Cinématique, Studio, Standard) basée sur la précision globale</li></ul>',
     },
     {
       type: 'title',
-      text: 'Avancé : Conseils de calibrage manuel',
+      text: 'Avancé: Conseils de calibrage manuel',
       level: 3,
     },
     {

package/src/tool/colorAccuracyTest/i18n/id.ts

@@ -166,7 +166,7 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'paragraph',
-      html: '<strong>Skala Delta E (CIE 1976):</strong><ul><li>0–1: Tidak terlihat oleh mata manusia</li><li>1–2: Nyaris tidak terlihat</li><li>2–4: Terlihat tetapi dapat diterima untuk penggunaan umum</li><li>4–6: Pergeseran warna yang nyata</li><li>&gt;6: Perbedaan yang sangat jelas</li></ul>',
+      html: '<strong>Skala Delta E (CIE 1976):</strong><ul><li>0-1: Tidak terlihat oleh mata manusia</li><li>1-2: Nyaris tidak terlihat</li><li>2-4: Terlihat tetapi dapat diterima untuk penggunaan umum</li><li>4-6: Pergeseran warna yang nyata</li><li>&gt;6: Perbedaan yang sangat jelas</li></ul>',
     },
     {
       type: 'paragraph',
@@ -202,7 +202,7 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Latar belakang hitam murni (0,0,0) dengan nuansa nyaris hitam yang hampir tidak terlihat. Jika detail bayangan "hancur" bersama-sama, monitor Anda kehilangan informasi dalam nada gelap—umum pada layar ponsel dan panel murah.',
+      html: 'Latar belakang hitam murni (0,0,0) dengan nuansa nyaris hitam yang hampir tidak terlihat. Jika detail bayangan "hancur" bersama-sama, monitor Anda kehilangan informasi dalam nada gelap-umum pada layar ponsel dan panel murah.',
     },
     {
       type: 'title',
@@ -224,7 +224,7 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'paragraph',
-      html: '<ul><li><strong>Visualisasi Gamut 3D:</strong> Plot 3D berputar yang menunjukkan volume warna aktual layar Anda versus standar referensi</li><li><strong>Heatmap Delta E:</strong> Di bagian spektrum mana layar Anda bergeser</li><li><strong>Kurva Gamma:</strong> Linearitas kecerahan di seluruh rentang 0–255</li><li><strong>Skor Kalibrasi:</strong> Sebuah "Spectrum Grade" tunggal (Elite, Cinematic, Studio, Standard) berdasarkan akurasi keseluruhan</li></ul>',
+      html: '<ul><li><strong>Visualisasi Gamut 3D:</strong> Plot 3D berputar yang menunjukkan volume warna aktual layar Anda versus standar referensi</li><li><strong>Heatmap Delta E:</strong> Di bagian spektrum mana layar Anda bergeser</li><li><strong>Kurva Gamma:</strong> Linearitas kecerahan di seluruh rentang 0-255</li><li><strong>Skor Kalibrasi:</strong> Sebuah "Spectrum Grade" tunggal (Elite, Cinematic, Studio, Standard) berdasarkan akurasi keseluruhan</li></ul>',
     },
     {
       type: 'title',

package/src/tool/colorAccuracyTest/i18n/it.ts

@@ -166,7 +166,7 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'paragraph',
-      html: '<strong>Scala Delta E (CIE 1976):</strong><ul><li>0–1: Impercettibile all\'occhio umano</li><li>1–2: Appena percettibile</li><li>2–4: Percettibile ma accettabile per uso generale</li><li>4–6: Deriva cromatica evidente</li><li>&gt;6: Differenza molto ovvia</li></ul>',
+      html: '<strong>Scala Delta E (CIE 1976):</strong><ul><li>0-1: Impercettibile all\'occhio umano</li><li>1-2: Appena percettibile</li><li>2-4: Percettibile ma accettabile per uso generale</li><li>4-6: Deriva cromatica evidente</li><li>&gt;6: Differenza molto ovvia</li></ul>',
     },
     {
       type: 'paragraph',
@@ -202,7 +202,7 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Sfondo nero puro (0,0,0) con sfumature quasi nere appena visibili. Se il dettaglio delle ombre si "schiaccia", il monitor sta perdendo informazioni nei toni scuri — comune nei display mobile e nei pannelli economici.',
+      html: 'Sfondo nero puro (0,0,0) con sfumature quasi nere appena visibili. Se il dettaglio delle ombre si "schiaccia", il monitor sta perdendo informazioni nei toni scuri - comune nei display mobile e nei pannelli economici.',
     },
     {
       type: 'title',
@@ -224,7 +224,7 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'paragraph',
-      html: '<ul><li><strong>Visualizzazione Gamma 3D:</strong> Un grafico 3D rotante che mostra il volume di colore effettivo del display rispetto allo standard di riferimento</li><li><strong>Mappa di calore Delta E:</strong> Dove nello spettro il tuo display deriva</li><li><strong>Curva Gamma:</strong> Linearità della luminosità nell\'intervallo 0–255</li><li><strong>Punteggio di calibrazione:</strong> Un unico "Spectrum Grade" (Elite, Cinematic, Studio, Standard) basato sulla precisione complessiva</li></ul>',
+      html: '<ul><li><strong>Visualizzazione Gamma 3D:</strong> Un grafico 3D rotante che mostra il volume di colore effettivo del display rispetto allo standard di riferimento</li><li><strong>Mappa di calore Delta E:</strong> Dove nello spettro il tuo display deriva</li><li><strong>Curva Gamma:</strong> Linearità della luminosità nell\'intervallo 0-255</li><li><strong>Punteggio di calibrazione:</strong> Un unico "Spectrum Grade" (Elite, Cinematic, Studio, Standard) basato sulla precisione complessiva</li></ul>',
     },
     {
       type: 'title',

package/src/tool/colorAccuracyTest/i18n/ja.ts

@@ -166,7 +166,7 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'paragraph',
-      html: '<strong>Delta Eスケール（CIE 1976）：</strong><ul><li>0–1：人間の目では知覚不能</li><li>1–2：かろうじて知覚可能</li><li>2–4：知覚可能だが一般的な用途には許容範囲内</li><li>4–6：目立つ色ずれ</li><li>&gt;6：非常に明らかな違い</li></ul>',
+      html: '<strong>Delta Eスケール（CIE 1976）：</strong><ul><li>0-1：人間の目では知覚不能</li><li>1-2：かろうじて知覚可能</li><li>2-4：知覚可能だが一般的な用途には許容範囲内</li><li>4-6：目立つ色ずれ</li><li>&gt;6：非常に明らかな違い</li></ul>',
     },
     {
       type: 'paragraph',