frontend/files/masked files: fix typo in reported in #8435

Author: haraldschilly

src/.claude/settings.json

@@ -17,7 +17,17 @@
       "WebFetch(domain:cocalc.com)",
       "WebFetch(domain:doc.cocalc.com)",
       "WebFetch(domain:docs.anthropic.com)",
-      "WebFetch(domain:github.com)"
+      "WebFetch(domain:github.com)",
+      "Bash(git checkout:*)",
+      "Bash(git push:*)",
+      "Bash(NODE_OPTIONS=--max-old-space-size=8192 ../node_modules/.bin/tsc --noEmit)",
+      "Bash(docker run:*)",
+      "Bash(../node_modules/.bin/tsc:*)",
+      "Bash(npm view:*)",
+      "WebFetch(domain:www.anthropic.com)",
+      "WebFetch(domain:mistral.ai)",
+      "Bash(pnpm i18n:*)",
+      "WebFetch(domain:simplelocalize.io)"
     ],
     "deny": []
   }

src/CLAUDE.md

@@ -149,6 +149,40 @@ CoCalc is organized as a monorepo with key packages:
 - REFUSE to modify files when the git repository is on the `master` or `main` branch.
 - NEVER proactively create documentation files (`*.md`) or README files. Only create documentation files if explicitly requested by the User.
 
+## React-intl / Internationalization (i18n)
+
+CoCalc uses react-intl for internationalization with SimpleLocalize as the translation platform.
+
+### Translation ID Naming Convention
+
+Translation IDs follow a hierarchical pattern: `[directory].[subdir].[filename].[aspect].[label|title|tooltip|...]`
+
+Examples:
+- `labels.masked_files` - for common UI labels
+- `account.sign-out.button.title` - for account sign-out dialog
+- `command.generic.force_build.label` - for command labels
+
+### Translation Workflow
+
+**For new translation keys:**
+1. Add the translation to source code (e.g., `packages/frontend/i18n/common.ts`)
+2. Run `pnpm i18n:extract` - updates `extracted.json` from source code
+3. Run `pnpm i18n:upload` - sends new strings to SimpleLocalize
+4. New keys are automatically translated to all languages
+5. Run `pnpm i18n:download` - fetches translations
+6. Run `pnpm i18n:compile` - compiles translation files
+
+**For editing existing translation keys:**
+Same flow as above, but **before 3. i18n:upload**, delete the key. Only new keys are auto-translated. `pnpm i18n:delete [id]`.
+
+### Translation File Structure
+
+- `packages/frontend/i18n/README.md` - more information
+- `packages/frontend/i18n/common.ts` - shared translation definitions
+- `packages/frontend/i18n/extracted.json` - auto-generated, do not edit manually
+- `packages/frontend/i18n/[locale].json` - downloaded translations per language
+- `packages/frontend/i18n/[locale].compiled.json` - compiled for runtime use
+
 # Ignore
 
 - Ignore files covered by `.gitignore`

src/packages/frontend/i18n/bin/delete.sh

@@ -0,0 +1,38 @@
+#!/bin/bash
+# Delete specific translation keys from SimpleLocalize
+# Usage: ./delete.sh key1 [key2 key3 ...]
+
+if [ $# -eq 0 ]; then
+    echo "Usage: $0 key1 [key2 key3 ...]"
+    echo "Delete one or more translation keys from SimpleLocalize"
+    echo ""
+    echo "Example:"
+    echo "  $0 labels.masked_files"
+    echo "  $0 labels.masked_files account.sign-out.button.title"
+    exit 1
+fi
+
+# Check if SIMPLELOCALIZE_KEY is set
+if [ -z "${SIMPLELOCALIZE_KEY}" ]; then
+    echo "Error: SIMPLELOCALIZE_KEY is not set or is empty. Please provide a valid API key." >&2
+    exit 1
+fi
+
+echo "Deleting translation keys from SimpleLocalize..."
+
+# Loop through all provided keys
+for key in "$@"; do
+    echo
+    echo "Deleting '$key':"
+    curl \
+        --location \
+        --request DELETE "https://api.simplelocalize.io/api/v1/translation-keys?key=$key" \
+        --header "X-SimpleLocalize-Token: $SIMPLELOCALIZE_KEY"
+done
+
+echo
+echo
+echo "Done! Now you should run:"
+echo "  pnpm i18n:upload    (to re-upload the key with new content)"
+echo "  pnpm i18n:download  (to fetch updated translations)"
+echo "  pnpm i18n:compile   (to compile translation files)"

src/packages/frontend/i18n/bin/upload.sh

@@ -19,3 +19,27 @@ curl -s -X 'POST' 'https://api.simplelocalize.io/api/v2/jobs/auto-translate' \
     -H "X-SimpleLocalize-Token: $SIMPLELOCALIZE_KEY" \
     -H 'Content-Type: application/json' \
     -d '{"options": []}' | jq '.data|length'
+
+echo "Waiting for auto-translation jobs to complete..."
+
+# Wait for all auto-translation jobs to complete
+while true; do
+    sleep 3
+
+    # Get all active jobs
+    jobs_response=$(curl -s -X 'GET' 'https://api.simplelocalize.io/api/v1/jobs' \
+        -H 'accept: application/json' \
+        -H "X-SimpleLocalize-Token: $SIMPLELOCALIZE_KEY")
+
+    # Count jobs that are not yet completed (state != "SUCCESS")
+    total_jobs=$(echo "$jobs_response" | jq '.data | length')
+    success_jobs=$(echo "$jobs_response" | jq '[.data[] | select(.state == "SUCCESS")] | length')
+    active_jobs=$((total_jobs - success_jobs))
+
+    if [ "$active_jobs" -eq 0 ]; then
+        echo "✓ All auto-translation jobs completed!"
+        break
+    else
+        echo "  $active_jobs job(s) still running..."
+    fi
+done

src/packages/frontend/i18n/common.ts

@@ -489,7 +489,7 @@ export const labels = defineMessages({
   masked_files: {
     id: "labels.masked_files",
     defaultMessage:
-      "{masked, select, true {Hide masked files} other {Show masked files}}. Masked files are autogenerated or temporary files, which are not meant to be edited. They are be grayed out.",
+      "{masked, select, true {Hide masked files} other {Show masked files}}. Masked files are autogenerated or temporary files, which are not meant to be edited. They are grayed out.",
     description: "show/hide masked files in a file-explorer in a UI.",
   },
   folder: {

src/packages/frontend/i18n/trans/ar_EG.json

@@ -946,7 +946,7 @@
   "labels.linux_terminal": "لينكس تيرمنال",
   "labels.loading": "جار التحميل...",
   "labels.log": "تسجيل",
-  "labels.masked_files": "{masked, select, true {إخفاء الملفات المخفية} other {إظهار الملفات المخفية}}. الملفات المخفية هي ملفات تم إنشاؤها تلقائيًا أو ملفات مؤقتة، ولا يُقصد تحريرها. ستكون باللون الرمادي.",
+  "labels.masked_files": "{masked, select, true {إخفاء الملفات المقنعة} other {إظهار الملفات المقنعة}}. الملفات المقنعة هي ملفات تم إنشاؤها تلقائيًا أو ملفات مؤقتة، والتي لا يُقصد تعديلها. يتم تظليلها باللون الرمادي.",
   "labels.message.plural": "{num, plural, one {رسالة} other {رسائل}}",
   "labels.messages": "رسائل",
   "labels.messages.all_messages": "جميع الرسائل",
@@ -1222,7 +1222,7 @@
   "project.no-internet-modal.add-license": "إضافة الترخيص",
   "project.no-internet-modal.info": "<strong>تم تعطيل الوصول إلى الإنترنت لهذا المشروع.</strong> هذا التقييد يمنع تثبيت حزم بايثون (pip، conda) أو حزم R، واستخدام Git لاستنساخ المستودعات، وتنزيل مجموعات البيانات أو الوصول إلى واجهات برمجة التطبيقات. قد تتعطل الأوامر التي تحاول الوصول إلى الإنترنت أو تفشل في الاكتمال، حيث يتم حظر الاتصالات الشبكية لمنع سوء الاستخدام. <A>تعرف على المزيد</A>.",
   "project.no-internet-modal.message": "لحل هذه المشكلة، <A1>تحتاج إلى تطبيق</A1> <A2>ترخيص صالح</A2> يوفر ترقيات أو <A3>شراء ترخيص</A3>.",
-  "project.no-internet-modal.title": "لا يوجد اتصال بالإنترنت",
+  "project.no-internet-modal.title": "المشروع \"{name}\" ليس لديه وصول إلى الإنترنت",
   "project.open_file.what": "افتح الملف \"{path}\"",
   "project.page.activity-bar-layout.title": "تخطيط شريط النشاط",
   "project.page.activity-bar.explanation": "هذه الميزة تعدل وظيفة شريط الأزرار في الجانب الأيسر من المشروع. بشكل افتراضي، تعرض الأزرار صفحات كاملة وعلامات صغيرة للوحات المنبثقة. عند اختيار خيار \"الصفحات الكاملة\"، يتم عرض الأزرار فقط، وتفتح الصفحات الكاملة عند النقر. وعلى العكس، عند اختيار وضع \"اللوحات المنبثقة\"، تتوسع اللوحات المنبثقة فقط عند النقر. في كلتا الحالتين الأخيرتين، يمكن عرض نوع اللوحة البديل بالنقر مع الضغط على مفتاح Shift على الزر المقابل.",

src/packages/frontend/i18n/trans/de_DE.json

@@ -946,7 +946,7 @@
   "labels.linux_terminal": "Linux-Terminal",
   "labels.loading": "Laden...",
   "labels.log": "Protokoll",
-  "labels.masked_files": "{masked, select, true {Maskierte Dateien verbergen} other {Maskierte Dateien anzeigen}}. Maskierte Dateien sind automatisch generierte oder temporäre Dateien, die nicht bearbeitet werden sollen. Sie werden ausgegraut.",
+  "labels.masked_files": "{masked, select, true {Maskierte Dateien ausblenden} other {Maskierte Dateien anzeigen}}. Maskierte Dateien sind automatisch generierte oder temporäre Dateien, die nicht bearbeitet werden sollen. Sie sind ausgegraut.",
   "labels.message.plural": "{num, plural, one {Nachricht} other {Nachrichten}}",
   "labels.messages": "Nachrichten",
   "labels.messages.all_messages": "Alle Nachrichten",
@@ -1222,7 +1222,7 @@
   "project.no-internet-modal.add-license": "Lizenz hinzufügen",
   "project.no-internet-modal.info": "<strong>Der Internetzugang ist für dieses Projekt deaktiviert.</strong> Diese Einschränkung verhindert die Installation von Python-Paketen (pip, conda) oder R-Paketen, die Verwendung von Git zum Klonen von Repositories, das Herunterladen von Datensätzen oder den Zugriff auf APIs. Befehle, die versuchen, auf das Internet zuzugreifen, können hängen bleiben oder nicht abgeschlossen werden, da Netzwerkverbindungen blockiert sind, um Missbrauch zu verhindern. <A>Mehr erfahren</A>.",
   "project.no-internet-modal.message": "Um dies zu beheben, müssen Sie eine <A2>gültige Lizenz</A2> anwenden, die Upgrades bereitstellt oder eine <A3>Lizenz kaufen</A3>.",
-  "project.no-internet-modal.title": "Kein Internetzugang",
+  "project.no-internet-modal.title": "Projekt \"{name}\" hat keinen Internetzugang",
   "project.open_file.what": "öffne die Datei \"{path}\"",
   "project.page.activity-bar-layout.title": "Layout der Aktivitätsleiste",
   "project.page.activity-bar.explanation": "Diese Funktion ändert die Funktionalität der linken Seitenleiste des Projekts. Standardmäßig werden Schaltflächen für ganze Seiten und kleine Caret-Zeichen für Flyout-Panels angezeigt. Bei Auswahl der Option \"ganze Seiten\" werden nur Schaltflächen angezeigt, die beim Klicken ganze Seiten öffnen. Umgekehrt, wenn die Option \"Flyout-Panels\" gewählt wird, erweitern sich nur Flyout-Panels beim Klicken. In beiden letzteren Fällen kann der alternative Paneltyp durch Shift-Klicken auf die entsprechende Schaltfläche angezeigt werden.",

src/packages/frontend/i18n/trans/es_ES.json

@@ -946,7 +946,7 @@
   "labels.linux_terminal": "Terminal de Linux",
   "labels.loading": "Cargando...",
   "labels.log": "Registro",
-  "labels.masked_files": "{masked, select, true {Ocultar archivos enmascarados} other {Mostrar archivos enmascarados}}. Los archivos enmascarados son archivos autogenerados o temporales, que no están destinados a ser editados. Estarán atenuados.",
+  "labels.masked_files": "{masked, select, true {Ocultar archivos enmascarados} other {Mostrar archivos enmascarados}}. Los archivos enmascarados son archivos autogenerados o temporales, que no están destinados a ser editados. Están atenuados.",
   "labels.message.plural": "{num, plural, one {mensaje} other {mensajes}}",
   "labels.messages": "Mensajes",
   "labels.messages.all_messages": "Todos los mensajes",
@@ -1222,7 +1222,7 @@
   "project.no-internet-modal.add-license": "Agregar licencia",
   "project.no-internet-modal.info": "<strong>El acceso a Internet está desactivado para este proyecto.</strong> Esta restricción impide instalar paquetes de Python (pip, conda) o paquetes de R, usar Git para clonar repositorios, descargar conjuntos de datos o acceder a APIs. Los comandos que intenten acceder a Internet pueden quedar en espera o no completarse, ya que las conexiones de red están bloqueadas para prevenir abusos. <A>Más información</A>.",
   "project.no-internet-modal.message": "Para solucionar esto, <A1>necesitas aplicar</A1> una <A2>licencia válida</A2> que proporcione actualizaciones o <A3>comprar una licencia</A3>.",
-  "project.no-internet-modal.title": "Sin acceso a Internet",
+  "project.no-internet-modal.title": "El proyecto \"{name}\" no tiene acceso a Internet",
   "project.open_file.what": "abre el archivo \"{path}\"",
   "project.page.activity-bar-layout.title": "Diseño de la barra de actividad",
   "project.page.activity-bar.explanation": "Esta función modifica la funcionalidad de la barra de botones en el lado izquierdo del proyecto. Por defecto, muestra botones para páginas completas y pequeños signos de acento para paneles desplegables. Al seleccionar la opción de \"páginas completas\", solo se muestran botones, y estos abren páginas completas al hacer clic. Por el contrario, al optar por el modo de \"paneles desplegables\", solo los paneles desplegables se expanden al hacer clic. En ambos casos, el tipo de panel alternativo se puede mostrar haciendo clic con la tecla shift presionada en el botón correspondiente.",

src/packages/frontend/i18n/trans/es_PV.json

@@ -946,7 +946,7 @@
   "labels.linux_terminal": "Linux Terminala",
   "labels.loading": "Kargatzen...",
   "labels.log": "Egunkari",
-  "labels.masked_files": "{masked, select, true {Maskatutako fitxategiak ezkutatu} other {Maskatutako fitxategiak erakutsi}}. Maskatutako fitxategiak automatikoki sortutako edo behin-behineko fitxategiak dira, ez dira editatzeko pentsatuta. Kolore grisarekin agertuko dira.",
+  "labels.masked_files": "{masked, select, true {Ezkutatu maskaratutako fitxategiak} other {Erakutsi maskaratutako fitxategiak}}. Maskaratutako fitxategiak automatikoki sortutako edo behin-behineko fitxategiak dira, eta ez dira editatzeko pentsatuta. Grisez agertzen dira.",
   "labels.message.plural": "{num, plural, one {Mezua} other {Mezuak}}",
   "labels.messages": "Mezuak",
   "labels.messages.all_messages": "Mezu guztiak",
@@ -1222,7 +1222,7 @@
   "project.no-internet-modal.add-license": "Gehitu Lizentzia",
   "project.no-internet-modal.info": "<strong>Interneteko sarbidea desgaituta dago proiektu honetarako.</strong> Murrizketa honek Python paketeak (pip, conda) edo R paketeak instalatzea eragozten du, Git erabiliz biltegiak klonatzea, datu-multzoak deskargatzea edo APIetara sartzea. Internetera sartzen saiatzen diren komandoek zintzilik geratu edo amaitzea huts egin dezakete, sareko konexioak blokeatuta daudelako gehiegikeria saihesteko. <A>Gehiago ikasi</A>.",
   "project.no-internet-modal.message": "Hau konpontzeko, <A1>behar duzu aplikatu</A1> <A2>baliozko lizentzia</A2> eguneratzeak ematen dituzten edo <A3>lizentzia erosi</A3>.",
-  "project.no-internet-modal.title": "Ez dago Interneteko sarbiderik",
+  "project.no-internet-modal.title": "Proiektuak \"{name}\" ez dauka interneteko sarbiderik",
   "project.open_file.what": "ireki fitxategia \"{path}\"",
   "project.page.activity-bar-layout.title": "Aktibitate barra diseinua",
   "project.page.activity-bar.explanation": "Ezaugarri honek proiektuaren ezkerreko jarduera-barraren funtzionalitatea aldatzen du. Lehenespenez, orrialde osoetarako botoiak eta flyout panelentzako kurtsore txikiak erakusten ditu. \"Orrialde osoak\" aukera hautatzean, botoiak soilik erakusten dira, eta horiek klik egitean orrialde osoak irekitzen dituzte. Aldiz, \"flyout panelak\" modua aukeratzean, flyout panelak soilik zabaltzen dira klik egitean. Azken bi kasuetan, panel mota alternatiboa dagokion botoia shift-klik eginez erakuts daiteke.",

src/packages/frontend/i18n/trans/fr_FR.json

@@ -1222,7 +1222,7 @@
   "project.no-internet-modal.add-license": "Ajouter une licence",
   "project.no-internet-modal.info": "<strong>L'accès à Internet est désactivé pour ce projet.</strong> Cette restriction empêche l'installation de packages Python (pip, conda) ou de packages R, l'utilisation de Git pour cloner des dépôts, le téléchargement de jeux de données ou l'accès aux APIs. Les commandes qui tentent d'accéder à Internet peuvent se bloquer ou échouer à se terminer, car les connexions réseau sont bloquées pour prévenir les abus. <A>En savoir plus</A>.",
   "project.no-internet-modal.message": "Pour résoudre ce problème, vous <A1>devez appliquer</A1> une <A2>licence valide</A2> offrant des mises à jour ou <A3>acheter une licence</A3>.",
-  "project.no-internet-modal.title": "Pas d'accès Internet",
+  "project.no-internet-modal.title": "Le projet \"{name}\" n'a pas d'accès à Internet",
   "project.open_file.what": "ouvrir le fichier \"{path}\"",
   "project.page.activity-bar-layout.title": "Disposition de la barre d'activités",
   "project.page.activity-bar.explanation": "Cette fonctionnalité modifie la fonctionnalité de la barre de boutons à gauche du projet. Par défaut, elle affiche des boutons pour les pages complètes et de petits signes de chevron pour les panneaux déroulants. En sélectionnant l'option \"pages complètes\", seuls les boutons sont affichés et ils ouvrent des pages complètes en cliquant dessus. À l'inverse, en choisissant le mode \"panneaux déroulants\", seuls les panneaux déroulants se déploient en cliquant dessus. Dans les deux derniers cas, le type de panneau alternatif peut être affiché en cliquant tout en maintenant la touche majuscule sur le bouton correspondant.",