diff --git a/src/core/integrations/integrations/integrations-show/containers/imports/components/MiraklImportsListing.vue b/src/core/integrations/integrations/integrations-show/containers/imports/components/MiraklImportsListing.vue
index d410b582..1b216ccc 100644
--- a/src/core/integrations/integrations/integrations-show/containers/imports/components/MiraklImportsListing.vue
+++ b/src/core/integrations/integrations/integrations-show/containers/imports/components/MiraklImportsListing.vue
@@ -292,7 +292,7 @@ onMounted(() => {
                     class="border-b dark:border-[#191e3a]"
                   >
                     <td class="p-2">
-                      <Link :path="{ name: 'integrations.imports.show', params: { type: route.params.type, id: importItem.proxyId } }">
+                      <Link :path="{ name: 'integrations.miraklImports.show', params: { type: route.params.type, id: importItem.id } }">
                         {{ formatDate(importItem.createdAt) }}
                       </Link>
                     </td>
diff --git a/src/core/integrations/integrations/integrations-show/containers/imports/containers/create-import/containers/mirakl/mirakl-importer/MiraklImporter.vue b/src/core/integrations/integrations/integrations-show/containers/imports/containers/create-import/containers/mirakl/mirakl-importer/MiraklImporter.vue
index e45cd042..21d49600 100644
--- a/src/core/integrations/integrations/integrations-show/containers/imports/containers/create-import/containers/mirakl/mirakl-importer/MiraklImporter.vue
+++ b/src/core/integrations/integrations/integrations-show/containers/imports/containers/create-import/containers/mirakl/mirakl-importer/MiraklImporter.vue
@@ -1,25 +1,35 @@
 <script setup lang="ts">
-import { computed, onMounted, ref } from "vue";
-import { useI18n } from "vue-i18n";
-import { useRouter } from "vue-router";
-import { Wizard } from "../../../../../../../../../../../shared/components/molecules/wizard";
-import { OptionSelector } from "../../../../../../../../../../../shared/components/molecules/option-selector";
-import { Icon } from "../../../../../../../../../../../shared/components/atoms/icon";
-import { ImportSettingsStep } from "../../general/import-settings";
-import apolloClient from "../../../../../../../../../../../../apollo-client";
-import { Toast } from "../../../../../../../../../../../shared/modules/toast";
-import { createMiraklImportProcessMutation } from "../../../../../../../../../../../shared/api/mutations/salesChannels";
-import { getMiraklChannelQuery } from "../../../../../../../../../../../shared/api/queries/salesChannels";
-import { processGraphQLErrors } from "../../../../../../../../../../../shared/utils";
+import { computed, onMounted, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRouter } from 'vue-router';
+import { Wizard } from '../../../../../../../../../../../shared/components/molecules/wizard';
+import { OptionSelector } from '../../../../../../../../../../../shared/components/molecules/option-selector';
+import { Icon } from '../../../../../../../../../../../shared/components/atoms/icon';
+import { Button } from '../../../../../../../../../../../shared/components/atoms/button';
+import { DropZone } from '../../../../../../../../../../../shared/components/molecules/drop-zone';
+import { ImportSettingsStep } from '../../general/import-settings';
+import apolloClient from '../../../../../../../../../../../../apollo-client';
+import { Toast } from '../../../../../../../../../../../shared/modules/toast';
+import {
+  createMiraklImportExportFileMutation,
+  createMiraklImportProcessMutation,
+} from '../../../../../../../../../../../shared/api/mutations/salesChannels';
+import { getMiraklChannelQuery } from '../../../../../../../../../../../shared/api/queries/salesChannels';
+import { processGraphQLErrors } from '../../../../../../../../../../../shared/utils';
 
 const props = defineProps<{ integrationId: string; type: string }>();
+
 const router = useRouter();
 const { t } = useI18n();
 
-const importType = ref("schema");
+const importType = ref('schema');
 const hasFinishedSchema = ref(false);
 const loading = ref(false);
+const finishLoading = ref(false);
+const step = ref(0);
 const salesChannelId = ref<string | null>(null);
+const exportFiles = ref<File[]>([]);
+const dropZone = ref<any>(null);
 const importSettings = ref({
   updateOnly: false,
   overrideOnly: true,
@@ -27,21 +37,93 @@ const importSettings = ref({
 });
 
 const typeChoices = computed(() => [
-  { name: "schema" },
+  { name: 'schema' },
   {
-    name: "products",
+    name: 'products',
     disabled: !hasFinishedSchema.value,
     hideDisabledBanner: true,
   },
 ]);
 
+const wizardSteps = computed(() => {
+  const steps = [
+    { title: t('integrations.imports.create.title'), name: 'selectType' },
+  ];
+
+  if (importType.value === 'products') {
+    steps.push({ title: t('integrations.imports.create.wizard.generalSettings.title'), name: 'importSettings' });
+    steps.push({ title: t('integrations.imports.create.mirakl.filesTitle'), name: 'uploadFiles' });
+  }
+
+  return steps;
+});
+
+watch(
+  wizardSteps,
+  (newSteps) => {
+    if (step.value >= newSteps.length) {
+      step.value = Math.max(newSteps.length - 1, 0);
+    }
+  },
+  { immediate: true },
+);
+
+watch(importType, (value) => {
+  if (value !== 'products') {
+    exportFiles.value = [];
+    dropZone.value?.clear?.();
+  }
+});
+
+const currentStepName = computed(() => wizardSteps.value[step.value]?.name ?? null);
+
+const allowNextStep = computed(() => {
+  if (loading.value || finishLoading.value) {
+    return false;
+  }
+
+  if (currentStepName.value === 'uploadFiles') {
+    return exportFiles.value.length > 0;
+  }
+
+  return true;
+});
+
+const tutorialSteps = computed(() => [
+  t('integrations.imports.create.mirakl.tutorial.steps.step1'),
+  t('integrations.imports.create.mirakl.tutorial.steps.step2'),
+  t('integrations.imports.create.mirakl.tutorial.steps.step3'),
+  t('integrations.imports.create.mirakl.tutorial.steps.step4'),
+]);
+
+const exportFileCountLabel = computed(() =>
+  t('integrations.imports.create.mirakl.filesCount', { count: exportFiles.value.length }),
+);
+
+const xlsxFormats = ['.xlsx'];
+
+const buildFileKey = (file: File) => `${file.name}-${file.size}-${file.lastModified}`;
+
+const formatFileSize = (size: number) => {
+  if (size < 1024) {
+    return `${size} B`;
+  }
+
+  if (size < 1024 * 1024) {
+    return `${(size / 1024).toFixed(1)} KB`;
+  }
+
+  return `${(size / (1024 * 1024)).toFixed(1)} MB`;
+};
+
 const fetchIntegrationData = async () => {
   loading.value = true;
+
   try {
     const { data } = await apolloClient.query({
       query: getMiraklChannelQuery,
       variables: { id: props.integrationId },
-      fetchPolicy: "cache-first",
+      fetchPolicy: 'cache-first',
     });
 
     const channel = data?.miraklChannel;
@@ -56,92 +138,241 @@ const fetchIntegrationData = async () => {
 
 onMounted(fetchIntegrationData);
 
-const createImport = async () => {
-  try {
-    await apolloClient.mutate({
-      mutation: createMiraklImportProcessMutation,
-      variables: {
-        data: {
-          salesChannel: { id: salesChannelId.value },
-          name: importType.value,
-          type: importType.value,
-          status: "pending",
-          updateOnly: importSettings.value.updateOnly,
-          overrideOnly: importSettings.value.overrideOnly,
-          skipBrokenRecords: importSettings.value.skipBrokenRecords,
-        },
+const updateStep = (value: number) => {
+  step.value = value;
+};
+
+const onUploaded = (files: File[]) => {
+  const existingKeys = new Set(exportFiles.value.map(buildFileKey));
+  const nextFiles = files.filter((file) => !existingKeys.has(buildFileKey(file)));
+
+  if (!nextFiles.length) {
+    return;
+  }
+
+  exportFiles.value = [...exportFiles.value, ...nextFiles];
+  dropZone.value?.clear?.();
+};
+
+const removeExportFile = (index: number) => {
+  exportFiles.value.splice(index, 1);
+};
+
+const createImportProcess = async () => {
+  const { data } = await apolloClient.mutate({
+    mutation: createMiraklImportProcessMutation,
+    variables: {
+      data: {
+        salesChannel: { id: salesChannelId.value },
+        name: importType.value,
+        type: importType.value,
+        status: 'pending',
+        updateOnly: importSettings.value.updateOnly,
+        overrideOnly: importSettings.value.overrideOnly,
+        skipBrokenRecords: importSettings.value.skipBrokenRecords,
       },
-    });
-    Toast.success(t("integrations.imports.create.success"));
+    },
+  });
+
+  return data?.createMiraklImportProcess?.id ?? null;
+};
+
+const createExportFiles = async (importProcessId: string) => {
+  await Promise.all(
+    exportFiles.value.map((file) =>
+      apolloClient.mutate({
+        mutation: createMiraklImportExportFileMutation,
+        variables: {
+          data: {
+            importProcess: { id: importProcessId },
+            file,
+          },
+        },
+      }),
+    ),
+  );
+};
+
+const handleFinish = async () => {
+  if (importType.value === 'products' && exportFiles.value.length === 0) {
+    Toast.error(t('integrations.imports.create.mirakl.filesRequired'));
+    return;
+  }
+
+  if (!salesChannelId.value) {
+    Toast.error(t('shared.labels.error'));
+    return;
+  }
+
+  finishLoading.value = true;
+
+  try {
+    const importProcessId = await createImportProcess();
+
+    if (!importProcessId) {
+      throw new Error('Mirakl import process was created without an id.');
+    }
+
+    if (importType.value === 'products') {
+      await createExportFiles(importProcessId);
+    }
+
+    Toast.success(t('integrations.imports.create.success'));
     router.push({
-      name: "integrations.integrations.show",
+      name: 'integrations.integrations.show',
       params: { id: props.integrationId, type: props.type },
-      query: { tab: "imports" },
+      query: { tab: 'imports' },
     });
   } catch (err) {
     const validationErrors = processGraphQLErrors(err, t);
-    if (validationErrors["__all__"]) {
-      Toast.error(validationErrors["__all__"]);
+
+    if (validationErrors['__all__']) {
+      Toast.error(validationErrors['__all__']);
+    } else {
+      Toast.error(t('integrations.imports.create.mirakl.uploadFailed'));
     }
+  } finally {
+    finishLoading.value = false;
   }
 };
+</script>
 
-const wizardSteps = computed(() => {
-  const steps = [
-    { title: t("integrations.imports.create.title"), name: "selectType" },
-  ];
+<template>
+  <div>
+    <div v-if="finishLoading" class="fixed inset-0 z-50 flex items-center justify-center bg-black/40">
+      <div class="rounded-2xl bg-white px-6 py-5 shadow-xl">
+        <div class="flex items-center gap-3">
+          <Icon name="circle-notch" spin class="text-primary" />
+          <span class="text-sm font-medium text-slate-700">{{ t('shared.labels.loading') }}</span>
+        </div>
+      </div>
+    </div>
 
-  if (importType.value === "products") {
-    steps.push({ title: t("integrations.imports.create.wizard.generalSettings.title"), name: "importSettings" });
-  }
+    <Wizard
+      :steps="wizardSteps"
+      :allow-next-step="allowNextStep"
+      :show-buttons="true"
+      @on-finish="handleFinish"
+      @update-current-step="updateStep"
+    >
+      <template #selectType>
+        <div class="flex flex-col gap-6">
+          <OptionSelector v-model="importType" :choices="typeChoices" :disabled="loading || finishLoading">
+            <template #schema>
+              <div class="flex flex-col gap-2">
+                <div class="flex items-center gap-2">
+                  <h3 class="text-lg font-bold">
+                    {{ t('integrations.imports.types.schema') }}
+                  </h3>
+                </div>
+                <p class="text-sm text-gray-500">
+                  {{ t('integrations.imports.types.schemaDescription') }}
+                </p>
+              </div>
+            </template>
 
-  return steps;
-});
-</script>
+            <template #products>
+              <div class="flex flex-col gap-2">
+                <div class="flex items-center gap-2">
+                  <h3 class="text-lg font-bold">
+                    {{ t('integrations.imports.types.products') }}
+                  </h3>
+                </div>
+                <p class="text-sm text-gray-500">
+                  {{ t('integrations.imports.types.productsDescription') }}
+                </p>
+                <div
+                  v-if="!hasFinishedSchema"
+                  class="flex items-center gap-1 text-sm text-gray-400"
+                >
+                  <Icon name="exclamation-circle" class="text-gray-400" />
+                  <span>
+                    {{ t('integrations.imports.types.schemaRequired') }}
+                  </span>
+                </div>
+              </div>
+            </template>
+          </OptionSelector>
+        </div>
+      </template>
 
-<template>
-  <Wizard :steps="wizardSteps" :show-buttons="true" @on-finish="createImport">
-    <template #selectType>
-      <div class="flex flex-col gap-6">
-        <OptionSelector v-model="importType" :choices="typeChoices" :disabled="loading">
-          <template #schema>
+      <template #importSettings>
+        <ImportSettingsStep v-model="importSettings" />
+      </template>
+
+      <template #uploadFiles>
+        <div class="space-y-6">
+          <div class="rounded-2xl border border-slate-200 bg-white p-5 shadow-sm">
             <div class="flex flex-col gap-2">
-              <div class="flex items-center gap-2">
-                <h3 class="text-lg font-bold">
-                  {{ t("integrations.imports.types.schema") }}
-                </h3>
+              <div class="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
+                <div>
+                  <h3 class="text-lg font-semibold text-slate-900">
+                    {{ t('integrations.imports.create.mirakl.filesTitle') }}
+                  </h3>
+                  <p class="mt-1 text-sm text-slate-600">
+                    {{ t('integrations.imports.create.mirakl.filesDescription') }}
+                  </p>
+                </div>
+                <span class="inline-flex rounded-full bg-slate-100 px-3 py-1 text-xs font-semibold text-slate-700">
+                  {{ exportFileCountLabel }}
+                </span>
               </div>
-              <p class="text-sm text-gray-500">
-                {{ t("integrations.imports.types.schemaDescription") }}
+
+              <p class="text-sm font-medium text-amber-700">
+                {{ t('integrations.imports.create.mirakl.filesRequired') }}
               </p>
             </div>
-          </template>
-          <template #products>
-            <div class="flex flex-col gap-2">
-              <div class="flex items-center gap-2">
-                <h3 class="text-lg font-bold">
-                  {{ t("integrations.imports.types.products") }}
-                </h3>
-              </div>
-              <p class="text-sm text-gray-500">
-                {{ t("integrations.imports.types.productsDescription") }}
-              </p>
+
+            <div class="mt-4">
+              <DropZone
+                ref="dropZone"
+                :formats="xlsxFormats"
+                :multiple="true"
+                :loading="finishLoading"
+                @uploaded="onUploaded"
+              />
+            </div>
+
+            <div v-if="exportFiles.length" class="mt-4 grid gap-3">
               <div
-                v-if="!hasFinishedSchema"
-                class="text-sm text-gray-400 flex items-center gap-1"
+                v-for="(file, index) in exportFiles"
+                :key="buildFileKey(file)"
+                class="flex flex-col gap-3 rounded-xl border border-slate-200 bg-slate-50 px-4 py-3 sm:flex-row sm:items-center sm:justify-between"
               >
-                <Icon name="exclamation-circle" class="text-gray-400" />
-                <span>
-                  {{ t("integrations.imports.types.schemaRequired") }}
-                </span>
+                <div class="min-w-0">
+                  <div class="truncate text-sm font-medium text-slate-900">{{ file.name }}</div>
+                  <div class="mt-1 text-xs text-slate-500">{{ formatFileSize(file.size) }}</div>
+                </div>
+                <Button class="btn btn-outline-dark" @click="removeExportFile(index)">
+                  <Icon name="trash" class="mr-2 h-4 w-4" />
+                  {{ t('shared.button.delete') }}
+                </Button>
               </div>
             </div>
-          </template>
-        </OptionSelector>
-      </div>
-    </template>
-    <template #importSettings>
-      <ImportSettingsStep v-model="importSettings" />
-    </template>
-  </Wizard>
+
+            <div
+              v-else
+              class="mt-4 rounded-xl border border-dashed border-slate-300 bg-slate-50 px-4 py-6 text-sm text-slate-500"
+            >
+              {{ t('integrations.imports.create.mirakl.filesEmpty') }}
+            </div>
+          </div>
+
+          <div class="rounded-2xl border border-sky-200 bg-sky-50 p-5 shadow-sm">
+            <h3 class="text-lg font-semibold text-slate-900">
+              {{ t('integrations.imports.create.mirakl.tutorial.title') }}
+            </h3>
+            <p class="mt-2 text-sm text-slate-600">
+              {{ t('integrations.imports.create.mirakl.tutorial.description') }}
+            </p>
+            <ol class="mt-4 list-decimal space-y-2 pl-5 text-sm text-slate-700">
+              <li v-for="tutorialStep in tutorialSteps" :key="tutorialStep">
+                {{ tutorialStep }}
+              </li>
+            </ol>
+          </div>
+        </div>
+      </template>
+    </Wizard>
+  </div>
 </template>
diff --git a/src/core/integrations/integrations/integrations-show/containers/imports/containers/import-show/MiraklImportShowController.vue b/src/core/integrations/integrations/integrations-show/containers/imports/containers/import-show/MiraklImportShowController.vue
new file mode 100644
index 00000000..4e214035
--- /dev/null
+++ b/src/core/integrations/integrations/integrations-show/containers/imports/containers/import-show/MiraklImportShowController.vue
@@ -0,0 +1,179 @@
+<script setup lang="ts">
+import { computed, onMounted, ref } from 'vue';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+import GeneralTemplate from '../../../../../../../../shared/templates/GeneralTemplate.vue';
+import { Card } from '../../../../../../../../shared/components/atoms/card';
+import { DiscreteLoader } from '../../../../../../../../shared/components/atoms/discrete-loader';
+import { Badge } from '../../../../../../../../shared/components/atoms/badge';
+import { Button } from '../../../../../../../../shared/components/atoms/button';
+import { Icon } from '../../../../../../../../shared/components/atoms/icon';
+import { Link } from '../../../../../../../../shared/components/atoms/link';
+import { Breadcrumbs } from '../../../../../../../../shared/components/molecules/breadcrumbs';
+import { getMiraklImportProcessQuery } from '../../../../../../../../shared/api/queries/salesChannels.js';
+import { getStatusBadgeMap } from '../../configs';
+import apolloClient from '../../../../../../../../../apollo-client';
+
+const route = useRoute();
+const { t } = useI18n();
+
+const id = ref(String(route.params.id));
+const type = ref(String(route.params.type));
+const integrationId = ref('');
+const loading = ref(false);
+const result = ref<any>(null);
+
+const statusBadgeMap = getStatusBadgeMap(t);
+
+const miraklImport = computed(() => result.value?.miraklImportProcess ?? null);
+
+const miraklExportFiles = computed(() =>
+  (miraklImport.value?.exportFiles || []).map((node: any) => {
+    return {
+      id: node.id,
+      name: node.file?.name || '-',
+      url: node.fileUrl || node.file?.url || null,
+    };
+  }),
+);
+
+const fetchImport = async () => {
+  loading.value = true;
+
+  try {
+    const { data } = await apolloClient.query({
+      query: getMiraklImportProcessQuery,
+      variables: { id: id.value },
+      fetchPolicy: 'network-only',
+    });
+
+    result.value = data;
+    integrationId.value = data?.miraklImportProcess?.salesChannel?.id || '';
+  } finally {
+    loading.value = false;
+  }
+};
+
+onMounted(() => {
+  void fetchImport();
+});
+
+const formatDate = (dateString: string) => {
+  const date = new Date(dateString);
+  return new Intl.DateTimeFormat('en-GB', {
+    year: 'numeric',
+    month: '2-digit',
+    day: '2-digit',
+    hour: '2-digit',
+    minute: '2-digit',
+    hour12: false,
+  }).format(date);
+};
+</script>
+
+<template>
+  <GeneralTemplate>
+    <template #breadcrumbs>
+      <Breadcrumbs
+        v-if="integrationId"
+        :links="[
+          { path: { name: 'integrations.integrations.list' }, name: t('integrations.title') },
+          { path: { name: 'integrations.integrations.show', params: { id: integrationId, type }, query: { tab: 'imports' } }, name: t('integrations.show.title') },
+          { name: t('integrations.imports.show.title') }
+        ]"
+      />
+    </template>
+
+    <template #content>
+      <Card>
+        <div v-if="!loading && miraklImport" class="p-4">
+          <div class="divide-y divide-gray-200">
+            <div class="flex items-center py-2">
+              <span class="w-1/3 font-medium">{{ t('shared.labels.createdAt') }}</span>
+              <span>{{ formatDate(miraklImport.createdAt) }}</span>
+            </div>
+            <div class="flex items-center py-2">
+              <span class="w-1/3 font-medium">{{ t('shared.labels.type') }}</span>
+              <span>{{ t(`integrations.imports.types.${miraklImport.type}`) }}</span>
+            </div>
+            <div class="flex items-center py-2">
+              <span class="w-1/3 font-medium">{{ t('shared.labels.status') }}</span>
+              <Badge :color="statusBadgeMap[miraklImport.status]?.color" :text="statusBadgeMap[miraklImport.status]?.text" />
+            </div>
+            <div class="flex items-center py-2">
+              <span class="w-1/3 font-medium">{{ t('shared.labels.progress') }}</span>
+              <span>{{ miraklImport.percentage }}%</span>
+            </div>
+            <div class="flex items-center py-2">
+              <span class="w-1/3 font-medium">{{ t('integrations.imports.labels.createOnly') }}</span>
+              <span>{{ miraklImport.createOnly ? t('shared.labels.yes') : t('shared.labels.no') }}</span>
+            </div>
+            <div class="flex items-center py-2">
+              <span class="w-1/3 font-medium">{{ t('integrations.imports.labels.updateOnly') }}</span>
+              <span>{{ miraklImport.updateOnly ? t('shared.labels.yes') : t('shared.labels.no') }}</span>
+            </div>
+            <div class="flex items-center py-2">
+              <span class="w-1/3 font-medium">{{ t('integrations.imports.labels.skipBrokenRecords') }}</span>
+              <span>{{ miraklImport.skipBrokenRecords ? t('shared.labels.yes') : t('shared.labels.no') }}</span>
+            </div>
+            <div class="flex items-center py-2">
+              <span class="w-1/3 font-medium">{{ t('integrations.imports.labels.totalRecords') }}</span>
+              <span>{{ miraklImport.totalRecords }}</span>
+            </div>
+            <div class="flex items-center py-2">
+              <span class="w-1/3 font-medium">{{ t('integrations.imports.labels.processedRecords') }}</span>
+              <span>{{ miraklImport.processedRecords }}</span>
+            </div>
+            <div v-if="miraklImport.errorTraceback" class="flex items-center py-2">
+              <span class="w-1/3 font-medium">{{ t('integrations.imports.labels.errorTraceback') }}</span>
+              <span class="whitespace-pre-wrap">{{ miraklImport.errorTraceback }}</span>
+            </div>
+          </div>
+
+          <div class="mt-6 rounded-2xl border border-slate-200 bg-slate-50 p-5">
+            <div class="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
+              <div>
+                <h3 class="text-lg font-semibold text-slate-900">{{ t('integrations.imports.mirakl.uploadedFilesTitle') }}</h3>
+                <p class="mt-1 text-sm text-slate-500">{{ t('integrations.imports.mirakl.uploadedFilesDescription') }}</p>
+              </div>
+              <Badge :text="String(miraklExportFiles.length)" color="blue" />
+            </div>
+
+            <div v-if="miraklExportFiles.length" class="mt-4 space-y-3">
+              <div
+                v-for="file in miraklExportFiles"
+                :key="file.id"
+                class="flex flex-col gap-3 rounded-xl border border-slate-200 bg-white px-4 py-3 sm:flex-row sm:items-center sm:justify-between"
+              >
+                <div class="min-w-0">
+                  <div class="truncate text-sm font-medium text-slate-900">{{ file.name }}</div>
+                  <div class="mt-1 truncate text-xs text-slate-500">{{ file.url || '-' }}</div>
+                </div>
+                <div>
+                  <Link v-if="file.url" external :path="file.url">
+                    <Button class="btn btn-outline-primary">
+                      <Icon name="download" class="mr-2 h-4 w-4" />
+                      {{ t('shared.button.download') }}
+                    </Button>
+                  </Link>
+                  <Button v-else class="btn btn-outline-dark" disabled>
+                    {{ t('integrations.imports.mirakl.uploadedFilesUnavailable') }}
+                  </Button>
+                </div>
+              </div>
+            </div>
+
+            <div
+              v-else
+              class="mt-4 rounded-xl border border-dashed border-slate-300 bg-white px-4 py-6 text-sm text-slate-500"
+            >
+              {{ t('integrations.imports.mirakl.uploadedFilesEmpty') }}
+            </div>
+          </div>
+        </div>
+
+        <DiscreteLoader v-else :loading="true" />
+      </Card>
+    </template>
+  </GeneralTemplate>
+</template>
diff --git a/src/core/integrations/integrations/integrations-show/containers/rules/containers/remote-product-types/containers/ImportedRemoteProductType.vue b/src/core/integrations/integrations/integrations-show/containers/rules/containers/remote-product-types/containers/ImportedRemoteProductType.vue
index 971e8cf8..10d1caeb 100644
--- a/src/core/integrations/integrations/integrations-show/containers/rules/containers/remote-product-types/containers/ImportedRemoteProductType.vue
+++ b/src/core/integrations/integrations/integrations-show/containers/rules/containers/remote-product-types/containers/ImportedRemoteProductType.vue
@@ -34,7 +34,7 @@ const type = ref(String(route.params.type));
 const integrationId = route.query.integrationId?.toString() || '';
 const salesChannelId = route.query.salesChannelId?.toString() || '';
 const isWizard = route.query.wizard === '1';
-const integrationShowId = computed(() => props.productType?.salesChannel?.proxyId || integrationId);
+const integrationShowId = computed(() => props.productType?.salesChannel?.saleschannelPtr?.proxyId || integrationId);
 
 const state = reactive(props.config.createState());
 
diff --git a/src/core/integrations/integrations/integrations-show/containers/rules/containers/remote-product-types/containers/RemotelyMappedRemoteProductType.vue b/src/core/integrations/integrations/integrations-show/containers/rules/containers/remote-product-types/containers/RemotelyMappedRemoteProductType.vue
index 7924ad38..a38c6735 100644
--- a/src/core/integrations/integrations/integrations-show/containers/rules/containers/remote-product-types/containers/RemotelyMappedRemoteProductType.vue
+++ b/src/core/integrations/integrations/integrations-show/containers/rules/containers/remote-product-types/containers/RemotelyMappedRemoteProductType.vue
@@ -36,7 +36,7 @@ const integrationId = route.query.integrationId ? route.query.integrationId.toSt
 const salesChannelId = route.query.salesChannelId ? route.query.salesChannelId.toString() : '';
 const isWizard = route.query.wizard === '1';
 const defaultRuleId = route.query.createPropertySelectValueId ? route.query.createPropertySelectValueId.toString() : null;
-const integrationShowId = computed(() => props.productType?.salesChannel?.proxyId || integrationId);
+const integrationShowId = computed(() => props.productType?.salesChannel?.saleschannelPtr?.proxyId || integrationId);
 const resolvedDefaultRuleId = ref<string | null>(null);
 const formData = ref<Record<string, any>>({});
 const formConfig = ref<FormConfig | null>(null);
diff --git a/src/core/integrations/routes.ts b/src/core/integrations/routes.ts
index 32487d26..2cb95c42 100644
--- a/src/core/integrations/routes.ts
+++ b/src/core/integrations/routes.ts
@@ -96,6 +96,12 @@ export const routes = [
     meta: { title: 'integrations.imports.show.title' },
     component: () => import('./integrations/integrations-show/containers/imports/containers/import-show/ImportShowController.vue'),
   },
+  {
+    path: '/integrations/:type/mirakl-import-process/:id',
+    name: 'integrations.miraklImports.show',
+    meta: { title: 'integrations.imports.show.title' },
+    component: () => import('./integrations/integrations-show/containers/imports/containers/import-show/MiraklImportShowController.vue'),
+  },
   {
     path: '/integrations/:type/amazon-issues/:issueId',
     name: 'integrations.amazonProductIssues.show',
diff --git a/src/locale/de.json b/src/locale/de.json
index 15078dac..3131e134 100644
--- a/src/locale/de.json
+++ b/src/locale/de.json
@@ -2257,6 +2257,24 @@
         }
       },
       "create": {
+        "mirakl": {
+          "filesTitle": "",
+          "filesDescription": "",
+          "filesRequired": "",
+          "filesEmpty": "",
+          "filesCount": "",
+          "uploadFailed": "",
+          "tutorial": {
+            "title": "",
+            "description": "",
+            "steps": {
+              "step1": "",
+              "step2": "",
+              "step3": "",
+              "step4": ""
+            }
+          }
+        },
         "wizard": {
           "generalSettings": {
             "title": "",
@@ -2498,6 +2516,10 @@
         "oneSilaTitle": "",
         "oneSilaHelp": "",
         "oneSilaEmpty": "",
+        "uploadedFilesTitle": "",
+        "uploadedFilesDescription": "",
+        "uploadedFilesEmpty": "",
+        "uploadedFilesUnavailable": "",
         "comingSoonTitle": "",
         "comingSoonDescription": "",
         "empty": "",
diff --git a/src/locale/en.json b/src/locale/en.json
index 07eb1236..c00bd4ef 100644
--- a/src/locale/en.json
+++ b/src/locale/en.json
@@ -5256,6 +5256,10 @@
         "oneSilaTitle": "OneSila Imports",
         "oneSilaHelp": "These are the existing OneSila-side import processes available for this channel.",
         "oneSilaEmpty": "No OneSila imports found for this channel yet.",
+        "uploadedFilesTitle": "Uploaded export files",
+        "uploadedFilesDescription": "These source XLSX exports were uploaded when the OneSila import was created.",
+        "uploadedFilesEmpty": "No export files were uploaded for this import.",
+        "uploadedFilesUnavailable": "Unavailable",
         "comingSoonTitle": "To be continued",
         "comingSoonDescription": "This tab will be connected to the new Mirakl import model and API in a follow-up change.",
         "empty": "No Mirakl imports found for this channel yet.",
@@ -5394,6 +5398,24 @@
       "create": {
         "success": "Create import process success",
         "title": "Create Import",
+        "mirakl": {
+          "filesTitle": "Upload Mirakl export files",
+          "filesDescription": "Upload every XLSX export generated from Mirakl Catalog Management for this product import.",
+          "filesRequired": "At least one XLSX export file is required for a product import.",
+          "filesEmpty": "No XLSX files selected yet.",
+          "filesCount": "{count} file(s)",
+          "uploadFailed": "The import could not be completed with the uploaded export files.",
+          "tutorial": {
+            "title": "How to generate the Mirakl export files",
+            "description": "Repeat this process until you have exported the full catalog, then upload all generated XLSX files here.",
+            "steps": {
+              "step1": "Go to Catalog Management.",
+              "step2": "Select as many products per page as possible (100).",
+              "step3": "Click the square to select all products on the page, then click Generate file export.",
+              "step4": "When Download last generated export file appears, download it, go to the next page, and repeat until all products are covered."
+            }
+          }
+        },
         "wizard": {
           "generalSettings": {
             "title": "Import behavior",
diff --git a/src/locale/fr.json b/src/locale/fr.json
index cb564b7a..31c7e32d 100644
--- a/src/locale/fr.json
+++ b/src/locale/fr.json
@@ -2251,6 +2251,24 @@
         }
       },
       "create": {
+        "mirakl": {
+          "filesTitle": "",
+          "filesDescription": "",
+          "filesRequired": "",
+          "filesEmpty": "",
+          "filesCount": "",
+          "uploadFailed": "",
+          "tutorial": {
+            "title": "",
+            "description": "",
+            "steps": {
+              "step1": "",
+              "step2": "",
+              "step3": "",
+              "step4": ""
+            }
+          }
+        },
         "wizard": {
           "generalSettings": {
             "title": "",
@@ -2492,6 +2510,10 @@
         "oneSilaTitle": "",
         "oneSilaHelp": "",
         "oneSilaEmpty": "",
+        "uploadedFilesTitle": "",
+        "uploadedFilesDescription": "",
+        "uploadedFilesEmpty": "",
+        "uploadedFilesUnavailable": "",
         "comingSoonTitle": "",
         "comingSoonDescription": "",
         "empty": "",
diff --git a/src/locale/nl.json b/src/locale/nl.json
index 3299088f..1f46938d 100644
--- a/src/locale/nl.json
+++ b/src/locale/nl.json
@@ -3811,6 +3811,24 @@
         }
       },
       "create": {
+        "mirakl": {
+          "filesTitle": "",
+          "filesDescription": "",
+          "filesRequired": "",
+          "filesEmpty": "",
+          "filesCount": "",
+          "uploadFailed": "",
+          "tutorial": {
+            "title": "",
+            "description": "",
+            "steps": {
+              "step1": "",
+              "step2": "",
+              "step3": "",
+              "step4": ""
+            }
+          }
+        },
         "wizard": {
           "generalSettings": {
             "title": "",
@@ -4487,6 +4505,10 @@
         "oneSilaTitle": "",
         "oneSilaHelp": "",
         "oneSilaEmpty": "",
+        "uploadedFilesTitle": "",
+        "uploadedFilesDescription": "",
+        "uploadedFilesEmpty": "",
+        "uploadedFilesUnavailable": "",
         "comingSoonTitle": "",
         "comingSoonDescription": "",
         "empty": "",
diff --git a/src/shared/api/mutations/salesChannels.js b/src/shared/api/mutations/salesChannels.js
index 22a34f70..35d035b5 100644
--- a/src/shared/api/mutations/salesChannels.js
+++ b/src/shared/api/mutations/salesChannels.js
@@ -686,6 +686,22 @@ export const createMiraklImportProcessMutation = gql`
   }
 `;
 
+export const createMiraklImportExportFileMutation = gql`
+  mutation createMiraklImportExportFile($data: MiraklSalesChannelImportExportFileInput!) {
+    createMiraklImportExportFile(data: $data) {
+      id
+      fileUrl
+      file {
+        name
+        url
+      }
+      importProcess {
+        id
+      }
+    }
+  }
+`;
+
 export const updateMiraklImportProcessMutation = gql`
   mutation updateMiraklImportProcess($data: MiraklSalesChannelImportPartialInput!) {
     updateMiraklImportProcess(data: $data) {
diff --git a/src/shared/api/queries/salesChannels.js b/src/shared/api/queries/salesChannels.js
index fc6ed955..3c2f1290 100644
--- a/src/shared/api/queries/salesChannels.js
+++ b/src/shared/api/queries/salesChannels.js
@@ -1393,6 +1393,37 @@ export const getSalesChannelImportQuery = gql`
   }
 `;
 
+export const getMiraklImportProcessQuery = gql`
+  query getMiraklImportProcess($id: GlobalID!) {
+    miraklImportProcess(id: $id) {
+      id
+      proxyId
+      type
+      status
+      percentage
+      createdAt
+      name
+      createOnly
+      updateOnly
+      skipBrokenRecords
+      totalRecords
+      processedRecords
+      errorTraceback
+      salesChannel {
+        id
+      }
+      exportFiles {
+        id
+        fileUrl
+        file {
+          name
+          url
+        }
+      }
+    }
+  }
+`;
+
 export const amazonImportBrokenRecordsQuery = gql`
   query AmazonImportBrokenRecords(
     $first: Int
@@ -2461,7 +2492,9 @@ export const getMiraklProductTypeQuery = gql`
       remoteId
       name
       salesChannel {
-        proxyId
+        saleschannelPtr {
+          proxyId
+        }
       }
       template {
         name