diff --git a/apps/dumili/api/services/indexation/index.ts b/apps/dumili/api/services/indexation/index.ts
index 9c8578c17..d7ff773ba 100644
--- a/apps/dumili/api/services/indexation/index.ts
+++ b/apps/dumili/api/services/indexation/index.ts
@@ -383,7 +383,20 @@ export default (io: Server) => {
 
       indexationSocket.on("runKumikoOnPage", async (pageId, callback) => {
         const { indexation } = indexationSocket.data;
-        const page = indexation.pages.find(({ id }) => id === pageId)!;
+        const page = await prisma.page.findUnique({
+          where: {
+            id: pageId,
+            indexationId: indexation.id,
+          },
+        });
+
+        if (!page) {
+          callback({
+            error: `This indexation does not have any page with this ID`,
+            errorDetails: JSON.stringify({ pageId }),
+          });
+          return;
+        }
 
         await setKumikoInferredPageStoryKinds([page]);
         const entry = getEntryFromPage(indexation, pageId)!;
diff --git a/apps/dumili/api/services/indexation/types.ts b/apps/dumili/api/services/indexation/types.ts
index f9edf9ea7..ab52b22f0 100644
--- a/apps/dumili/api/services/indexation/types.ts
+++ b/apps/dumili/api/services/indexation/types.ts
@@ -51,7 +51,7 @@ export default abstract class {
 
   abstract setPageUrl: (
     id: number,
-    url: string,
+    url: string|null,
     callback: () => void,
   ) => void;
 
@@ -138,7 +138,7 @@ export default abstract class {
   abstract runKumikoOnPage: (
     pageId: page["id"],
     callback: (
-      data: Errorable<{ status: "OK" }, "Kumiko output could not be parsed">,
+      data: Errorable<{ status: "OK" }, "This indexation does not have any page with this ID"|"Kumiko output could not be parsed">,
     ) => void,
   ) => void;
 
diff --git a/apps/dumili/src/components/AiTooltip.vue b/apps/dumili/src/components/AiTooltip.vue
index eeba05e2c..0a7ceed1c 100644
--- a/apps/dumili/src/components/AiTooltip.vue
+++ b/apps/dumili/src/components/AiTooltip.vue
@@ -3,9 +3,11 @@
     @mouseout="() => (showRepeat = false)"
     @mouseover="() => (showRepeat = true)"
   >
-    <b-tooltip :target="id" click @show="emit('click')" @hide="emit('blur')"
-      ><slot
-    /></b-tooltip>
+    <Teleport to="body">
+      <b-tooltip :target="id" click @show="emit('click')" @hide="emit('blur')"
+        ><slot
+      /></b-tooltip>
+    </Teleport>
     <AiSuggestionIcon
       :id="disabled ? `${id}-disabled` : id"
       button
diff --git a/apps/dumili/src/components/Entry.vue b/apps/dumili/src/components/Entry.vue
index 983e03a10..f295aca7b 100644
--- a/apps/dumili/src/components/Entry.vue
+++ b/apps/dumili/src/components/Entry.vue
@@ -29,54 +29,9 @@
           <template #unknown-text>{{
             $t("Type inconnu")
           }}</template></suggestion-list
-        ><ai-tooltip
-          :id="`ai-results-entry-story-kind-${entry.id}`"
-          :value="storyKindAiSuggestion?.kind"
-          :on-click-rerun="() => runKumiko(entry.id)"
-          @click="showAiDetectionsOn = { type: 'entry', id: entry.id }"
-          @blur="showAiDetectionsOn = undefined"
-        >
-          <b>{{ $t("Types d'entrées déduits pour les pages") }}</b>
-          <table-results
-            :data="
-              pagesWithInferredKinds.map(({ page, ...inferredData }) => ({
-                page: page.pageNumber,
-                ...inferredData,
-              }))
-            "
-          /><br />
-          <b>{{ $t("Type d'entrée déduit") }}</b>
-          {{
-            storyKindAiSuggestion
-              ? storyKinds[storyKindAiSuggestion?.kind]
-              : $t("Non calculé")
-          }}</ai-tooltip
         ></b-col
       ><b-col col cols="4" class="d-flex flex-column align-items-center">
         <StorySuggestionList v-model="entry" />
-        <ai-tooltip
-          v-if="entry.acceptedStoryKind?.kind === STORY"
-          :id="`ai-results-entry-story-${entry.id}`"
-          :value="storyAiSuggestions.map(({ storycode }) => storycode!)"
-          :on-click-rerun="() => runStorycodeOcr(entry.id)"
-          @click="showAiDetectionsOn = { type: 'entry', id: entry.id }"
-          @blur="showAiDetectionsOn = undefined"
-        >
-          <template v-if="storyAiSuggestions.length">
-            {{ $t("Résultats OCR pour la première case:") }}
-            <table-results :data="pages[0].aiOcrResults" />
-            {{ $t("Histoires potentielles:") }}
-            <table-results
-              :data="
-                storyAiSuggestions.map(({ storycode }) => ({
-                  storycode,
-                  title: storyDetails[storycode!].title,
-                }))
-              " /></template
-          ><template v-else>{{
-            $t("Pas de résultats OCR")
-          }}</template></ai-tooltip
-        >
       </b-col>
       <b-col col cols="5" class="flex-column">
         <b-form-input
@@ -119,12 +74,10 @@
 </template>
 <script setup lang="ts">
 import { watchDebounced } from "@vueuse/core";
-import useAi from "~/composables/useAi";
 import { dumiliSocketInjectionKey } from "~/composables/useDumiliSocket";
 import { suggestions } from "~/stores/suggestions";
-import { ui } from "~/stores/ui";
 import { FullEntry } from "~dumili-services/indexation/types";
-import { COVER, STORY, storyKinds } from "~dumili-types/storyKinds";
+import { COVER, storyKinds } from "~dumili-types/storyKinds";
 import { getEntryPages } from "~dumili-utils/entryPages";
 import type { storyKind } from "~prisma/client_dumili";
 
@@ -135,19 +88,9 @@ defineProps<{
 
 const { indexationSocket } = inject(dumiliSocketInjectionKey)!;
 const { indexation } = storeToRefs(suggestions());
-const { runStorycodeOcr, runKumiko } = useAi();
 
 const entry = defineModel<FullEntry>({ required: true });
 
-const pagesWithInferredKinds = computed(() =>
-  getEntryPages(indexation.value!, entry.value.id).map((page) => ({
-    page,
-    [$t("Type d'entrée déduit pour la page")]: page.aiKumikoInferredStoryKind
-      ? storyKinds[page.aiKumikoInferredStoryKind]
-      : $t("Non calculé"),
-  })),
-);
-
 watch(
   () => entry.value.acceptedStoryKind?.id,
   (storyKindId) => {
@@ -179,19 +122,6 @@ watchDebounced(
   { debounce: 500, maxWait: 1000 },
 );
 
-const { storyDetails } = storeToRefs(coa());
-const { showAiDetectionsOn } = storeToRefs(ui());
-
-const pages = computed(() => getEntryPages(indexation.value!, entry.value.id));
-
-const storyKindAiSuggestion = computed(() =>
-  entry.value.storyKindSuggestions.find(({ isChosenByAi }) => isChosenByAi),
-);
-
-const storyAiSuggestions = computed(() =>
-  entry.value.storySuggestions.filter(({ ocrDetails }) => ocrDetails),
-);
-
 const storycode = computed(() => entry.value.acceptedStory?.storycode);
 const title = computed(() => entry.value.title || $t("Sans titre"));
 
diff --git a/apps/dumili/src/components/Gallery.vue b/apps/dumili/src/components/Gallery.vue
index 6d45b6d44..91461088c 100644
--- a/apps/dumili/src/components/Gallery.vue
+++ b/apps/dumili/src/components/Gallery.vue
@@ -19,6 +19,13 @@
         md="4"
         @click="selectedId = id"
       >
+        <b-button
+          variant="danger"
+          class="position-absolute top-0 mt-2 text-center opacity-50 opacity-100-hover"
+          @click="disconnectPageUrl(id)"
+        >
+          {{ $t("Désassocier l'image") }}
+        </b-button>
         <b-img
           v-if="url"
           v-element-visibility="[
@@ -42,7 +49,7 @@
           >{{ $t("Ajouter") }}</b-button
         >
         <div class="position-absolute bottom-0 text-center">
-          Page {{ pageNumber }} ({{ id }})
+          {{ $t("Page {pageNumber} (ID: {id})", { pageNumber, id }) }}
         </div>
       </b-col>
     </b-row>
@@ -58,7 +65,7 @@
                 maxUploadableImagesFromPageNumber(uploadPageNumber!),
         )
       "
-      folder-name="20241025T171702824"
+      @done="loadIndexation"
     />
   </b-container>
 </template>
@@ -119,6 +126,11 @@ useSortable(imagesRef, images, {
 
 const selectedId = ref<number | undefined>(undefined);
 
+const disconnectPageUrl = async (id: number) => {
+  await indexationSocket.value!.services.setPageUrl(id, null);
+  await loadIndexation();
+};
+
 watch(selectedId, (id) => {
   if (id) {
     emit("selected", id);
diff --git a/apps/dumili/src/components/TableOfContents.vue b/apps/dumili/src/components/TableOfContents.vue
index 13e85de3c..a1bf2519e 100644
--- a/apps/dumili/src/components/TableOfContents.vue
+++ b/apps/dumili/src/components/TableOfContents.vue
@@ -48,87 +48,21 @@
     >
       <b-col :cols="1" style="padding: 0">
         <b-row
-          v-for="{
-            id,
-            pageNumber,
-            aiKumikoResultPanels,
-            aiKumikoInferredStoryKind,
-          } in indexation.pages"
-          :key="id"
+          v-for="page in indexation.pages"
+          :key="page.id"
           :style="{ height: `${pageHeight}px` }"
           class="g-0 px-0 py-0 align-items-center page"
         >
-          <b-col
-            role="button"
-            :class="{
-              'fw-bold': visiblePages?.has(id),
-            }"
-            @click="currentPage = pageNumber - 1"
-            >{{ $t("Page") }} {{ pageNumber }}<br /><ai-tooltip
-              v-if="aiKumikoResultPanels"
-              :id="`ai-results-page-${pageNumber}`"
-              :value="aiKumikoInferredStoryKind"
-              :on-click-rerun="() => runKumikoOnPage(id)"
-              @click="showAiDetectionsOn = { type: 'page', id }"
-            >
-              <b>{{ $t("Cases détectées") }}</b>
-              <table-results
-                :data="
-                  aiKumikoResultPanels.map(({ x, y, width, height }) => ({
-                    x,
-                    y,
-                    width,
-                    height,
-                  }))
-                "
-              />
-              <b>{{ $t("Type d'entrée déduit pour la page") }}</b>
-              {{
-                aiKumikoInferredStoryKind
-                  ? storyKinds[aiKumikoInferredStoryKind] || $t("Non calculé")
-                  : $t("Non calculé")
-              }}
-            </ai-tooltip>
-          </b-col>
+          <TableOfContentsPage :page="page" />
         </b-row>
       </b-col>
       <b-col :cols="1" class="position-relative p-0">
         <template v-for="(entry, idx) in indexation.entries" :key="entry.id">
-          <vue-draggable-resizable
-            :active="hoveredEntry === entry"
-            :parent="true"
-            prevent-deactivation
-            :resizable="true"
-            :draggable="false"
-            :handles="['bm']"
-            :grid="[1, pageHeight]"
-            :h="entry.entirepages * pageHeight"
-            :min-height="pageHeight - 1"
-            :class-name="`entry col w-100 border kind-${entry.acceptedStoryKind?.kind} ${(hoveredEntry === entry && 'striped') || ''} ${(currentEntry?.id === entry.id && 'border-2') || 'border-1'}`"
-            :title="`${entry.title || 'Inconnu'} (${getUserFriendlyPageCount(
-              entry,
-            )})`"
-            @mouseover="hoveredEntry = entry"
-            @mouseout="hoveredEntry = null"
-            @resize-stop="
-              (_left: number, _top: number, _width: number, height: number) =>
-                onEntryResizeStop(idx, height)
-            "
-            @click="
-              currentPage = getFirstPageOfEntry(indexation.entries, entry.id)
-            "
-          ></vue-draggable-resizable>
-          <b-button
-            v-if="
-              indexation.entries.length - 1 === idx &&
-              lastHoveredEntry?.id === entry.id
-            "
-            class="create-entry fw-bold position-absolute mt-n1 d-flex justify-content-center align-items-center"
-            title="Create an entry here"
-            variant="info"
-            @click="createEntry()"
-            >{{ $t("Ajouter une entrée") }}</b-button
-          >
+          <TableOfContentsEntry
+            :entry="entry"
+            @on-entry-resize-stop="onEntryResizeStop(idx, $event)"
+            @create-entry-after="createEntry"
+          />
         </template>
       </b-col>
       <b-col :cols="10" class="d-flex flex-column" style="padding: 0">
@@ -155,34 +89,25 @@
 <script setup lang="ts">
 import useAi from "~/composables/useAi";
 import { dumiliSocketInjectionKey } from "~/composables/useDumiliSocket";
-import {
-  getEntryFromPage,
-  getEntryPages,
-  getFirstPageOfEntry,
-} from "~dumili-utils/entryPages";
+import { getEntryFromPage, getEntryPages } from "~dumili-utils/entryPages";
 import { suggestions } from "~/stores/suggestions";
 import { ui } from "~/stores/ui";
-import { FullEntry, FullIndexation } from "~dumili-services/indexation/types";
-import { entry as entryModel } from "~prisma/client_dumili";
-import { storyKinds } from "~dumili-types/storyKinds";
+import { FullIndexation } from "~dumili-services/indexation/types";
 import { watchDebounced } from "@vueuse/core";
+import TableOfContentsEntry from "./TableOfContentsEntry.vue";
 
 const { indexationSocket } = inject(dumiliSocketInjectionKey)!;
 
 const { loadIndexation } = suggestions();
-const { hoveredEntry, currentEntry, showAiDetectionsOn } = storeToRefs(ui());
+const { hoveredEntry, currentEntry } = storeToRefs(ui());
 const indexation = storeToRefs(suggestions()).indexation as Ref<FullIndexation>;
-const { currentPage, visiblePages } = storeToRefs(ui());
+const { currentPage, pageHeight } = storeToRefs(ui());
 
-const { runKumikoOnPage, runKumiko } = useAi();
-
-const lastHoveredEntry = ref<entryModel | null>(null);
+const { runKumiko } = useAi();
 
 const { status: aiStatus } = useAi();
 const { t: $t } = useI18n();
 
-const pageHeight = 50;
-
 const numberOfPages = computed({
   get: () => indexation.value.pages.length,
   set: async (value) => {
@@ -206,12 +131,6 @@ const issueAiSuggestion = computed(() =>
   indexation.value.issueSuggestions.find(({ isChosenByAi }) => isChosenByAi),
 );
 
-watch(hoveredEntry, (entry) => {
-  if (entry) {
-    lastHoveredEntry.value = entry;
-  }
-});
-
 const updateNumberOfPages = (event: Event) => {
   numberOfPages.value = parseInt((event.target as HTMLInputElement).value);
 };
@@ -219,24 +138,10 @@ const updateNumberOfPages = (event: Event) => {
 const onEntryResizeStop = (entryIdx: number, height: number) => {
   indexation.value!.entries[entryIdx].entirepages = Math.max(
     0,
-    Math.round(height / pageHeight),
+    Math.round(height / pageHeight.value),
   );
 };
 
-const getUserFriendlyPageCount = (entry: FullEntry) => {
-  const fraction = entry.brokenpagenumerator
-    ? `${entry.brokenpagenumerator}/${entry.brokenpagedenominator}`
-    : "";
-  if (entry.entirepages === 0) {
-    if (fraction) {
-      return `${fraction} page`;
-    } else {
-      return "0 page";
-    }
-  }
-  return `${entry.entirepages}${fraction ? `+ ${fraction}` : ""} pages`;
-};
-
 const createEntry = async () => {
   await indexationSocket.value!.services.createEntry();
   return loadIndexation();
@@ -312,15 +217,6 @@ watch(
   }
 }
 
-:deep(.entry) {
-  margin-top: 1px;
-  cursor: pointer;
-
-  &:first-child {
-    margin-top: 0;
-  }
-}
-
 .entry-details {
   &.current {
     width: 100%;
diff --git a/apps/dumili/src/components/TableOfContentsEntry.vue b/apps/dumili/src/components/TableOfContentsEntry.vue
new file mode 100644
index 000000000..10d1dbfe8
--- /dev/null
+++ b/apps/dumili/src/components/TableOfContentsEntry.vue
@@ -0,0 +1,148 @@
+<template>
+  <vue-draggable-resizable
+    :active="hoveredEntry === entry"
+    :parent="true"
+    prevent-deactivation
+    :resizable="true"
+    :draggable="false"
+    :handles="['bm']"
+    :grid="[1, pageHeight]"
+    :h="entry.entirepages * pageHeight"
+    :min-height="pageHeight - 1"
+    role="button"
+    :class-name="`d-flex align-items-center justify-content-center cursor-pointer col w-100 border kind-${entry.acceptedStoryKind?.kind} ${(hoveredEntry === entry && 'striped') || ''} ${(currentEntry?.id === entry.id && 'border-2') || 'border-1'}`"
+    :title="`${entry.title || 'Inconnu'} (${getUserFriendlyPageCount(entry)})`"
+    @mouseover="hoveredEntry = entry"
+    @mouseout="hoveredEntry = null"
+    @resize-stop="
+	              (_left: number, _top: number, _width: number, height: number) =>
+	                emit('onEntryResizeStop', height)
+	            "
+    @click="currentPage = getFirstPageOfEntry(indexation!.entries, entry.id)"
+  >
+    <ai-tooltip
+      :id="`ai-results-entry-${entry.id}`"
+      :value="storyKindAiSuggestion?.kind"
+      :on-click-rerun="
+        () => runKumiko(entry.id).then(() => runStorycodeOcr(entry.id))
+      "
+      @click="showAiDetectionsOn = { type: 'entry', id: entry.id }"
+      @blur="showAiDetectionsOn = undefined"
+    >
+      <b>{{ $t("Types d'entrées déduits pour les pages") }}</b>
+      <table-results
+        :data="
+          pagesWithInferredKinds.map(({ page, ...inferredData }) => ({
+            page: page.pageNumber,
+            ...inferredData,
+          }))
+        "
+      /><br />
+      <b>{{ $t("Type d'entrée déduit") }}</b>
+      {{
+        storyKindAiSuggestion
+          ? storyKinds[storyKindAiSuggestion?.kind]
+          : $t("Non calculé")
+      }}
+      <template v-if="entry.acceptedStoryKind?.kind === STORY">
+        <template v-if="storyAiSuggestions.length">
+          {{ $t("Résultats OCR pour la première case:") }}
+          <table-results :data="pages[0].aiOcrResults" />
+          {{ $t("Histoires potentielles:") }}
+          <table-results
+            :data="
+                storyAiSuggestions.map(({ storycode }) => ({
+                  storycode,
+                  title: storyDetails[storycode!].title,
+                }))
+              " /></template
+        ><template v-else>{{ $t("Pas de résultats OCR") }}</template></template
+      ></ai-tooltip
+    >
+  </vue-draggable-resizable>
+  <b-button
+    v-if="isLastEntry && lastHoveredEntry?.id === entry.id"
+    class="create-entry fw-bold position-absolute mt-n1 d-flex justify-content-center align-items-center"
+    title="Create an entry here"
+    variant="info"
+    @click="emit('createEntryAfter')"
+    >{{ $t("Ajouter une entrée") }}</b-button
+  >
+</template>
+
+<script setup lang="ts">
+import useAi from "~/composables/useAi";
+import { suggestions } from "~/stores/suggestions";
+import { ui } from "~/stores/ui";
+import { FullEntry } from "~dumili-services/indexation/types";
+import { getEntryPages, getFirstPageOfEntry } from "~dumili-utils/entryPages";
+import { STORY, storyKinds } from "~dumili-types/storyKinds";
+
+const emit = defineEmits<{
+  (e: "createEntryAfter"): void;
+  (e: "onEntryResizeStop", height: number): void;
+}>();
+
+const { entry } = defineProps<{
+  entry: FullEntry;
+}>();
+
+const { indexation } = storeToRefs(suggestions());
+const {
+  hoveredEntry,
+  currentEntry,
+  showAiDetectionsOn,
+  pageHeight,
+  currentPage,
+} = storeToRefs(ui());
+
+const { storyDetails } = storeToRefs(coa());
+
+const pages = computed(() => getEntryPages(indexation.value!, entry.id));
+
+const storyAiSuggestions = computed(() =>
+  entry.storySuggestions.filter(({ ocrDetails }) => ocrDetails),
+);
+
+const { t: $t } = useI18n();
+const { runStorycodeOcr, runKumiko } = useAi();
+const lastHoveredEntry = ref<typeof hoveredEntry.value | null>(null);
+const isLastEntry = computed(
+  () =>
+    entry.id ===
+    indexation.value!.entries[indexation.value!.entries.length - 1]!.id,
+);
+
+const storyKindAiSuggestion = computed(() =>
+  entry.storyKindSuggestions.find(({ isChosenByAi }) => isChosenByAi),
+);
+
+const pagesWithInferredKinds = computed(() =>
+  getEntryPages(indexation.value!, entry.id).map((page) => ({
+    page,
+    [$t("Type d'entrée déduit pour la page")]: page.aiKumikoInferredStoryKind
+      ? storyKinds[page.aiKumikoInferredStoryKind]
+      : $t("Non calculé"),
+  })),
+);
+
+const getUserFriendlyPageCount = (entry: FullEntry) => {
+  const fraction = entry.brokenpagenumerator
+    ? `${entry.brokenpagenumerator}/${entry.brokenpagedenominator}`
+    : "";
+  if (entry.entirepages === 0) {
+    if (fraction) {
+      return `${fraction} page`;
+    } else {
+      return "0 page";
+    }
+  }
+  return `${entry.entirepages}${fraction ? `+ ${fraction}` : ""} pages`;
+};
+
+watch(hoveredEntry, (entry) => {
+  if (entry) {
+    lastHoveredEntry.value = entry;
+  }
+});
+</script>
diff --git a/apps/dumili/src/components/TableOfContentsPage.vue b/apps/dumili/src/components/TableOfContentsPage.vue
new file mode 100644
index 000000000..e2e5fa971
--- /dev/null
+++ b/apps/dumili/src/components/TableOfContentsPage.vue
@@ -0,0 +1,53 @@
+<template>
+  <b-col
+    role="button"
+    :class="{
+      'fw-bold': visiblePages?.has(id),
+    }"
+    @click="currentPage = pageNumber - 1"
+    >{{ $t("Page") }} {{ pageNumber }}<br /><ai-tooltip
+      v-if="aiKumikoResultPanels"
+      :id="`ai-results-page-${pageNumber}`"
+      :value="aiKumikoInferredStoryKind"
+      :on-click-rerun="() => runKumikoOnPage(id)"
+      @click="showAiDetectionsOn = { type: 'page', id }"
+    >
+      <b>{{ $t("Cases détectées") }}</b>
+      <table-results
+        :data="
+          aiKumikoResultPanels.map(({ x, y, width, height }) => ({
+            x,
+            y,
+            width,
+            height,
+          }))
+        "
+      />
+      <b>{{ $t("Type d'entrée déduit pour la page") }}</b>
+      {{
+        aiKumikoInferredStoryKind
+          ? storyKinds[aiKumikoInferredStoryKind] || $t("Non calculé")
+          : $t("Non calculé")
+      }}
+    </ai-tooltip>
+  </b-col>
+</template>
+<script setup lang="ts">
+import useAi from "~/composables/useAi";
+import { ui } from "~/stores/ui";
+import { FullIndexation } from "~dumili-services/indexation/types";
+import { storyKinds } from "~dumili-types/storyKinds";
+
+const { page } = defineProps<{
+  page: FullIndexation["pages"][number];
+}>();
+
+const { id, aiKumikoResultPanels, aiKumikoInferredStoryKind, pageNumber } =
+  page;
+
+const { showAiDetectionsOn } = storeToRefs(ui());
+
+const { currentPage, visiblePages } = storeToRefs(ui());
+
+const { runKumikoOnPage } = useAi();
+</script>
\ No newline at end of file
diff --git a/apps/dumili/src/components/UploadModal.vue b/apps/dumili/src/components/UploadModal.vue
index 3b88669d0..14a9cdfcc 100644
--- a/apps/dumili/src/components/UploadModal.vue
+++ b/apps/dumili/src/components/UploadModal.vue
@@ -3,11 +3,10 @@
     id="upload-modal"
     v-model="modal"
     :title="$t('Envoi d\'images de pages')"
-    :cancel-title="$t('Annuler')"
     align="center"
-    hide-footer
+    no-footer
     centered
-    :class="{ 'pe-none': isProcessing }"
+    :class="{ 'pe-none': isUploading || processLog }"
     content-class="h-100 "
     dialog-class="h-100"
     body-class="d-flex flex-column align-items-start overflow-auto"
@@ -53,7 +52,7 @@
         </i18n-t></b-alert
       >
     </div>
-    <div id="widget-container" class="w-100"></div>
+    <div v-show="showWidget" id="widget-container" class="w-100"></div>
   </b-modal>
 </template>
 
@@ -63,25 +62,25 @@ import type {
   CloudinaryUploadWidgetInfo,
 } from "cloudinary-widget";
 import { dumiliSocketInjectionKey } from "~/composables/useDumiliSocket";
+import { suggestions } from "~/stores/suggestions";
 
 import { stores as webStores } from "~web";
 
 const { indexationSocket } = inject(dumiliSocketInjectionKey)!;
+const { indexation } = storeToRefs(suggestions());
 
 const { user } = storeToRefs(webStores.collection());
 
 const modal = ref(true);
 const uploadFileType = ref<"PDF" | "Images">("PDF");
 
-const { folderName, pages } = defineProps<{
+const { pages } = defineProps<{
   pages: { id: number; pageNumber: number }[];
-  folderName: string;
 }>();
 
-console.log("folderName", folderName);
-
 const currentPageIndex = ref(0);
-const isProcessing = ref(false);
+const showWidget = ref(true);
+const isUploading = ref(false);
 const processLog = ref("");
 
 const emit = defineEmits<{
@@ -101,6 +100,7 @@ const processPage = async (pageIndex: number, url: string) => {
 };
 
 onMounted(() => {
+  const folderName = indexation.value!.id;
   const uploadWidget = cloudinary.createUploadWidget(
     {
       cloudName: import.meta.env.VITE_CLOUDINARY_CLOUDNAME,
@@ -123,9 +123,10 @@ onMounted(() => {
       } else {
         switch (result?.event) {
           case "queues-start":
-            isProcessing.value = true;
+            isUploading.value = true;
             break;
           case "success":
+            showWidget.value = false;
             const info = result.info as CloudinaryUploadWidgetInfo;
             console.log("Done! Here is the image info: ", info);
 
@@ -146,9 +147,7 @@ onMounted(() => {
               await processPage(currentPageIndex.value++, info.secure_url);
             }
             currentPageIndex.value = 0;
-            processLog.value = ``;
-            isProcessing.value = false;
-            uploadWidget.close();
+            modal.value = false;
             emit("done");
             break;
           case "abort":
@@ -158,6 +157,12 @@ onMounted(() => {
       }
     },
   );
+
+  watch(showWidget, (value) => {
+    if (!value) {
+      uploadWidget.close();
+    }
+  });
 });
 </script>
 
diff --git a/apps/dumili/src/composables/useHint.ts b/apps/dumili/src/composables/useHint.ts
index 70ec516f4..d8e6a67b1 100644
--- a/apps/dumili/src/composables/useHint.ts
+++ b/apps/dumili/src/composables/useHint.ts
@@ -6,7 +6,6 @@ import { dumiliSocketInjectionKey } from "./useDumiliSocket";
 
 export default () => {
   const { loadIndexation } = suggestions();
-  const { indexation } = storeToRefs(suggestions());
   const { fetchIssuecodeDetails, fetchPublicationNames } = coa();
   const { issuecodeDetails } = storeToRefs(coa());
 
@@ -28,7 +27,7 @@ export default () => {
       ),
     );
 
-    await loadIndexation(indexation.value!.id);
+    await loadIndexation();
 
     await fetchIssuecodeDetails(
       results.covers.map(({ issuecode }) => issuecode!),
diff --git a/apps/dumili/src/pages/indexation/[id].vue b/apps/dumili/src/pages/indexation/[id].vue
index 09f83e339..51ca67750 100644
--- a/apps/dumili/src/pages/indexation/[id].vue
+++ b/apps/dumili/src/pages/indexation/[id].vue
@@ -1,15 +1,7 @@
 <template>
   <b-row v-if="indexationId && hasData" class="d-flex h-100">
     <b-col :cols="6" class="d-flex flex-column h-100">
-      <template v-if="activeTab === 'pageGallery'">
-        <Gallery :images="indexation.pages" />
-        <b-button
-          v-show="!showUploadWidget"
-          @click="showUploadWidget = !showUploadWidget"
-        >
-          {{ $t("Envoyer des images de pages") }}
-        </b-button>
-      </template>
+      <Gallery v-if="activeTab === 'pageGallery'" :images="indexation.pages" />
       <DumiliBook
         v-else-if="activeTab === 'book' && firstPageDimensions"
         v-bind="{ firstPageDimensions, indexation }"
@@ -41,7 +33,6 @@ import type { FullIndexation } from "~dumili-services/indexation/types";
 
 const book = ref<PageFlip | undefined>(undefined);
 
-const showUploadWidget = ref(false);
 const route = useRoute();
 
 const { t: $t } = useI18n();
diff --git a/apps/dumili/src/stores/ui.ts b/apps/dumili/src/stores/ui.ts
index d8ccf7603..b3c37f925 100644
--- a/apps/dumili/src/stores/ui.ts
+++ b/apps/dumili/src/stores/ui.ts
@@ -9,6 +9,7 @@ export const ui = defineStore("ui", () => {
   const currentEntry = ref<FullEntry>();
   const currentPage = ref(0);
   const visiblePages = ref<Set<number> | undefined>();
+  const pageHeight = ref(50);
 
   watch(
     indexation,
@@ -22,6 +23,7 @@ export const ui = defineStore("ui", () => {
     showAiDetectionsOn: ref<{ type: "page" | "entry"; id: number } | undefined>(
       undefined,
     ),
+    pageHeight,
     currentPage,
     visiblePages,
     currentEntry,
diff --git a/apps/dumili/src/style.scss b/apps/dumili/src/style.scss
index e9d43a218..4a46b56e0 100644
--- a/apps/dumili/src/style.scss
+++ b/apps/dumili/src/style.scss
@@ -1,5 +1,9 @@
 @use "sass:color";
 
+.opacity-100-hover:hover{
+  opacity: 1 !important;
+}
+
 :root {
   font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
   line-height: 1.5;
diff --git a/apps/dumili/translations/messages.en.json b/apps/dumili/translations/messages.en.json
index 9ab088bdd..88c717915 100644
--- a/apps/dumili/translations/messages.en.json
+++ b/apps/dumili/translations/messages.en.json
@@ -8,6 +8,7 @@
   "Cette histoire fait généralement {originalPagesCount} pages mais l'entrée en contient {entryPagesCount}": "This story usually has {originalPagesCount} pages but the entry contains {entryPagesCount}",
   "Combien de pages le magazine contient-il ? (y compris les pages que vous ne souhaitez pas indexer)": "How many pages does the magazine contain? (including pages you don't want to index)",
   "Contenu inconnu": "Unknown content",
+  "Désassocier l'image": "Deassociate image",
   "Détections AI": "AI detections",
   "Dumili a trouvé des couvertures existantes ressemblant à la vôtre. Sélectionnez la couverture qui ressemble le plus à la vôtre.": "Dumili found existing covers that look like yours. Select the cover that looks most like yours.",
   "Editeur de texte": "Text editor",
@@ -15,18 +16,22 @@
   "Envoyer des images de pages": "Upload page files",
   "Galerie des pages": "Gallery",
   "Histoires potentielles:": "Potential stories:",
+  "Images": "Images",
   "Indexations en cours": "Ongoing indexations",
   "La première page est généralement une page de couverture": "The first page is usually a cover page",
   "Le type de l'histoire sélectionnée ne correspond pas au type de l'entrée": "The type of the selected story doesn't correspond to the entry type",
   "Les images envoyées seront associées aux pages {firstPage} à {lastPage}. Si votre PDF fait plus de {maxPages} page(s), les pages suivantes seront ignorées.": "The uploaded images will be associated with pages {firstPage} to {lastPage}. If your PDF has more than {maxPages} page(s), the next pages will be ignored.",
   "Livre": "Book",
   "Méta-données": "Metadata",
+  "Nombre de pages": "Number of pages",
   "Non calculé": "Not calculated",
   "Nouvelle indexation": "New indexation",
   "Numéro inconnu": "Unknown issue",
   "Page": "Page",
+  "Page {pageNumber} (ID: {id})": "Page {pageNumber} (ID: {id})",
   "Personnaliser...": "Customize...",
   "Pas de résultats OCR": "No OCR results",
+  "PDF": "PDF",
   "Prix": "Price",
   "Rechercher...": "Search...",
   "Résultats OCR pour la première case:": "OCR results for the first page:",
@@ -44,6 +49,7 @@
   "Veuillez entre le numéro": "Please type the number",
   "Vous devez être connecté pour accéder à cette page.": "You must be logged in to access this page.",
   "Vous devez spécifier une publication et un numéro pour continuer": "You must specify a publication and an issue number to continue",
+  "Vous êtes sur le point de supprimer les {numberOfPagesToDelete} dernières pages de l'indexation. Êtes-vous sûr(e) ?": "You are about to delete the last {numberOfPagesToDelete} pages of the indexation. Are you sure?",
   "partie": "part",
   "{numberOfPanels} cases trouvées": "{numberOfPanels} detected panels",
   "{numberOfStories} histoires trouvées avec ces mots-clés": "{numberOfStories} stories found with these keywords",