fix(WebServer): fix status bar slot display showing {{slot}}

- Use t() with interpolation options instead of hardcoded string
- Show 'Slot: -' when no slot is selected
- Set data-i18n-options so i18n re-renders preserve the value
- Fix mock t() to support {{var}} interpolation in tests

Author: FASTSHIFT

Tools/WebServer/static/js/core/slots.js

@@ -56,8 +56,15 @@ function updateSlotUI() {
 
   document.getElementById('activeSlotCount').textContent =
     `${activeCount}/${maxSlots}`;
-  document.getElementById('currentSlotDisplay').textContent =
-    `Slot: ${state.selectedSlot}`;
+  const slotDisplay = document.getElementById('currentSlotDisplay');
+  const slotValue = state.selectedSlot != null ? state.selectedSlot : '-';
+  slotDisplay.textContent = t('statusbar.slot', 'Slot: {{slot}}', {
+    slot: slotValue,
+  });
+  slotDisplay.setAttribute(
+    'data-i18n-options',
+    JSON.stringify({ slot: slotValue }),
+  );
 
   // Update slotSelect dropdown
   const slotSelect = document.getElementById('slotSelect');

Tools/WebServer/tests/js/mocks.js

@@ -507,10 +507,13 @@ const browserGlobals = {
   window: null,
   navigator: { clipboard: { writeText: () => Promise.resolve() } },
   console,
-  // i18n translation function mock - returns fallback or key
+  // i18n translation function mock - returns fallback with interpolation
   t: (key, fallbackOrOptions = {}, options = {}) => {
     if (typeof fallbackOrOptions === 'string') {
-      return fallbackOrOptions;
+      const vars = typeof options === 'object' ? options : {};
+      return fallbackOrOptions.replace(/\{\{(\w+)\}\}/g, (_, k) =>
+        vars[k] != null ? vars[k] : `{{${k}}}`,
+      );
     }
     return key;
   },