chore(translation): use i18n framework for qwen quantization strings

Author: lstein

invokeai/frontend/web/public/locales/en.json

@@ -1219,6 +1219,9 @@
         "qwenImageComponentSource": "VAE/Encoder Source (Diffusers)",
         "qwenImageComponentSourcePlaceholder": "Required for GGUF models",
         "qwenImageQuantization": "Encoder Quantization",
+        "qwenImageQuantizationNone": "None (bf16)",
+        "qwenImageQuantizationInt8": "8-bit (int8)",
+        "qwenImageQuantizationNf4": "4-bit (nf4)",
         "qwenImageShift": "Shift Override (e.g. 3 for Lightning)",
         "upcastAttention": "Upcast Attention",
         "uploadImage": "Upload Image",

invokeai/frontend/web/src/features/parameters/components/Advanced/ParamQwenImageQuantization.tsx

@@ -5,12 +5,6 @@ import { qwenImageQuantizationChanged, selectQwenImageQuantization } from 'featu
 import { memo, useCallback, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-const QUANTIZATION_OPTIONS: ComboboxOption[] = [
-  { value: 'none', label: 'None (bf16)' },
-  { value: 'int8', label: '8-bit (int8)' },
-  { value: 'nf4', label: '4-bit (nf4)' },
-];
-
 const isValidQuantization = (value: string | undefined): value is 'none' | 'int8' | 'nf4' => {
   return value === 'none' || value === 'int8' || value === 'nf4';
 };
@@ -20,7 +14,16 @@ const ParamQwenImageQuantization = memo(() => {
   const { t } = useTranslation();
   const quantization = useAppSelector(selectQwenImageQuantization);
 
-  const value = useMemo(() => QUANTIZATION_OPTIONS.find((o) => o.value === quantization), [quantization]);
+  const options = useMemo<ComboboxOption[]>(
+    () => [
+      { value: 'none', label: t('modelManager.qwenImageQuantizationNone') },
+      { value: 'int8', label: t('modelManager.qwenImageQuantizationInt8') },
+      { value: 'nf4', label: t('modelManager.qwenImageQuantizationNf4') },
+    ],
+    [t]
+  );
+
+  const value = useMemo(() => options.find((o) => o.value === quantization), [options, quantization]);
 
   const onChange = useCallback<ComboboxOnChange>(
     (v) => {
@@ -35,7 +38,7 @@ const ParamQwenImageQuantization = memo(() => {
   return (
     <FormControl minW={0} flexGrow={1} gap={2}>
       <FormLabel m={0}>{t('modelManager.qwenImageQuantization')}</FormLabel>
-      <Combobox value={value} options={QUANTIZATION_OPTIONS} onChange={onChange} />
+      <Combobox value={value} options={options} onChange={onChange} />
     </FormControl>
   );
 });