feat(i18n): add French and Italian, fix untranslated mode badge

index.html

@@ -210,6 +210,8 @@ <h2 data-i18n="settingsTitle"></h2>
             <select id="sel-lang">
               <option value="es">Español</option>
               <option value="en">English</option>
+              <option value="fr">Français</option>
+              <option value="it">Italiano</option>
             </select>
           </div>
           <div class="set-row">

package.json

@@ -1,7 +1,7 @@
 {
   "name": "afkode",
   "private": true,
-  "version": "0.8.4",
+  "version": "0.8.5",
   "type": "module",
   "scripts": {
     "dev": "vite",

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "afkode"
-version = "0.8.4"
+version = "0.8.5"
 description = "In-game overlay to supervise AI coding agents while you play"
 authors = ["Omar Hernandez"]
 license = "MIT"

src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "AFKode",
-  "version": "0.8.4",
+  "version": "0.8.5",
   "identifier": "app.afkode.overlay",
   "build": {
     "beforeDevCommand": "npm run dev",

src/hud.ts

@@ -65,7 +65,13 @@ const altX = navigator.platform.toUpperCase().includes("MAC") ? "⌥X" : "Alt+X"
 function localizeTooltip() {
   try {
     const lang = JSON.parse(localStorage.getItem("settings") ?? "{}").lang;
-    openBtn.title = lang === "es" ? `Abrir overlay (${altX})` : `Open overlay (${altX})`;
+    const open: Record<string, string> = {
+      es: `Abrir overlay (${altX})`,
+      en: `Open overlay (${altX})`,
+      fr: `Ouvrir l'overlay (${altX})`,
+      it: `Apri l'overlay (${altX})`,
+    };
+    openBtn.title = open[lang] ?? open.en;
     replyBtn.title = altX.replace("X", "P");
   } catch {
     /* keep default */

src/palette.ts

@@ -49,18 +49,22 @@ let sugs: Suggestion[] = [];
 let sel = -1;
 let debounceTimer = 0;
 
-function isEs(): boolean {
+function uiLang(): string {
   try {
-    return JSON.parse(localStorage.getItem("settings") ?? "{}").lang === "es";
+    return JSON.parse(localStorage.getItem("settings") ?? "{}").lang ?? "en";
   } catch {
-    return false;
+    return "en";
   }
 }
 
 function placeholder(): string {
-  return isEs()
-    ? "Escribe un prompt…  ( / comandos · @ archivos · Tab completa )"
-    : "Type a prompt…  ( / commands · @ files · Tab completes )";
+  const map: Record<string, string> = {
+    es: "Escribe un prompt…  ( / comandos · @ archivos · Tab completa )",
+    en: "Type a prompt…  ( / commands · @ files · Tab completes )",
+    fr: "Écrivez un prompt…  ( / commandes · @ fichiers · Tab complète )",
+    it: "Scrivi un prompt…  ( / comandi · @ file · Tab completa )",
+  };
+  return map[uiLang()] ?? map.en;
 }
 
 function resize() {