💄 style: redesign image / video (#13126)

* ♻️ refactor: Refactor image and video

* chore: rabase canary

* style: update

* style: update

* style: update

* style: update

* style: update

* style: update

* style: update

* chore: update i18n

* style: update

* fix: fix config

* fix: fix proxy

* fix: fix type

* chore: fix test

locales/nl-NL/components.json

@@ -65,6 +65,10 @@
   "FileParsingStatus.chunks.status.errorResult": "Verdeling mislukt, controleer en probeer opnieuw. Foutdetails:",
   "FileParsingStatus.chunks.status.processing": "Bezig met verdelen",
   "FileParsingStatus.chunks.status.processingTip": "De server splitst tekstfragmenten; het sluiten van de pagina heeft geen invloed op de voortgang.",
+  "GenerationModelItem.creditsPerImageApproximate": "Ongeveer {{amount}} Credits / afbeelding",
+  "GenerationModelItem.creditsPerImageExact": "{{amount}} Credits / afbeelding",
+  "GenerationModelItem.creditsPerVideoApproximate": "Ongeveer {{amount}} Credits / video",
+  "GenerationModelItem.creditsPerVideoExact": "{{amount}} Credits / video",
   "GoBack.back": "Terug",
   "HtmlPreview.actions.download": "Downloaden",
   "HtmlPreview.actions.preview": "Voorbeeld",
@@ -116,6 +120,8 @@
   "ModelSwitchPanel.detail.pricing.group.text": "Tekst",
   "ModelSwitchPanel.detail.pricing.input": "Invoer ${{amount}}/M",
   "ModelSwitchPanel.detail.pricing.output": "Uitvoer ${{amount}}/M",
+  "ModelSwitchPanel.detail.pricing.perImage": "~ {{amount}} / afbeelding",
+  "ModelSwitchPanel.detail.pricing.perVideo": "~ {{amount}} / video",
   "ModelSwitchPanel.detail.pricing.unit.audioInput": "Audio-invoer",
   "ModelSwitchPanel.detail.pricing.unit.audioInput_cacheRead": "Audio-invoer (cache)",
   "ModelSwitchPanel.detail.pricing.unit.audioOutput": "Audio-uitvoer",

locales/nl-NL/image.json

@@ -11,6 +11,7 @@
   "config.imageUrls.label": "Referentieafbeeldingen",
   "config.model.label": "Model",
   "config.prompt.placeholder": "Beschrijf wat je wilt genereren",
+  "config.prompt.placeholderWithRef": "Beschrijf hoe u de afbeelding wilt aanpassen",
   "config.quality.label": "Beeldkwaliteit",
   "config.quality.options.hd": "Hoge definitie",
   "config.quality.options.standard": "Standaard",
@@ -22,7 +23,7 @@
   "config.seed.random": "Willekeurige seed",
   "config.size.label": "Formaat",
   "config.steps.label": "Stappen",
-  "config.title": "AI-afbeelding",
+  "config.title": "Configuratie",
   "config.width.label": "Breedte",
   "generation.actions.applySeed": "Seed toepassen",
   "generation.actions.copyError": "Foutmelding kopiëren",
@@ -53,7 +54,7 @@
   "notSupportGuide.features.multiProviders.desc": "Ondersteunt meerdere AI-afbeeldingsgeneratoren, waaronder OpenAI gpt-image-1, Google Imagen, FAL.ai en meer, met een ruime keuze aan modellen.",
   "notSupportGuide.features.multiProviders.title": "Ondersteuning voor meerdere providers",
   "notSupportGuide.title": "Huidige implementatiemodus ondersteunt geen AI-afbeeldingsgeneratie",
-  "topic.createNew": "Nieuw onderwerp",
+  "topic.createNew": "Nieuw Onderwerp Maken",
   "topic.deleteConfirm": "Generatieonderwerp verwijderen",
   "topic.deleteConfirmDesc": "Je staat op het punt dit generatieonderwerp te verwijderen. Deze actie kan niet ongedaan worden gemaakt, wees voorzichtig.",
   "topic.empty": "Geen generatieonderwerpen",

locales/nl-NL/video.json

@@ -7,6 +7,7 @@
   "config.header.title": "Video",
   "config.imageUrl.label": "Startframe",
   "config.prompt.placeholder": "Beschrijf de video die je wilt genereren",
+  "config.prompt.placeholderWithRef": "Beschrijf de scène die je wilt genereren met de afbeelding",
   "config.referenceImage.label": "Referentieafbeelding",
   "config.resolution.label": "Resolutie",
   "config.seed.label": "Zaadwaarde",
@@ -20,7 +21,7 @@
   "generation.status.failed": "Generatie Mislukt",
   "generation.status.generating": "Bezig met genereren...",
   "generation.validation.endFrameRequiresStartFrame": "Eindframe kan niet worden gebruikt zonder een startframe. Stel eerst een startframe in.",
-  "topic.createNew": "Nieuw Onderwerp",
+  "topic.createNew": "Nieuw Onderwerp Maken",
   "topic.deleteConfirm": "Videothema Verwijderen",
   "topic.deleteConfirmDesc": "Je staat op het punt dit videothema te verwijderen. Deze actie kan niet ongedaan worden gemaakt.",
   "topic.title": "Videothema's",