diff --git a/apps/dumili/api/prisma/schema.prisma b/apps/dumili/api/prisma/schema.prisma
index 7db403621..aabe25404 100644
--- a/apps/dumili/api/prisma/schema.prisma
+++ b/apps/dumili/api/prisma/schema.prisma
@@ -92,6 +92,7 @@ model issueSuggestion {
   publicationcode   String       @db.VarChar(12)
   issuenumber       String       @db.VarChar(13)
   issuecode         String       @db.VarChar(25)
+  price             String?      @db.VarChar(160)
   acceptedOnEntries indexation[] @relation("indexation_accepted_issue_suggestion_idToissue_suggestion")
   indexation        indexation   @relation(fields: [indexationId], references: [id], onUpdate: Restrict, map: "issue_suggestion_indexation_id_fk")
 
diff --git a/apps/dumili/api/services/indexation/index.ts b/apps/dumili/api/services/indexation/index.ts
index b8bffee70..144a308da 100644
--- a/apps/dumili/api/services/indexation/index.ts
+++ b/apps/dumili/api/services/indexation/index.ts
@@ -221,6 +221,21 @@ export default (io: Server) => {
           .then(({ id }) => callback({ suggestionId: id })),
       );
 
+      indexationSocket.on("updateIssueSuggestion", (suggestion, callback) =>
+        prisma.indexation
+          .update({
+            data: {
+              acceptedIssueSuggestion: {
+                update: suggestion,
+              },
+            },
+            where: {
+              id: indexationSocket.data.indexation.id,
+            }
+          })
+          .then(() => callback({ status: "OK" })),
+      );
+
       indexationSocket.on("createOcrDetails", async (ocrDetails, callback) => {
         if (
           !indexationSocket.data.indexation.pages.some(
diff --git a/apps/dumili/api/services/indexation/types.ts b/apps/dumili/api/services/indexation/types.ts
index 416d37ba3..90a4ab5d9 100644
--- a/apps/dumili/api/services/indexation/types.ts
+++ b/apps/dumili/api/services/indexation/types.ts
@@ -111,6 +111,16 @@ export default abstract class {
     callback: (data: { suggestionId: storySuggestion["id"] }) => void,
   ) => void;
 
+  abstract updateIssueSuggestion: (
+    values: Pick<
+      issueSuggestion,
+      "price"
+    >,
+    callback: (
+      data: { status: "OK" }
+    ) => void,
+  ) => void;
+
   abstract acceptIssueSuggestion: (
     suggestionId: issueSuggestion["id"] | null,
     callback: (data: { status: "OK" }) => void,
diff --git a/apps/dumili/src/components/DumiliBook.vue b/apps/dumili/src/components/DumiliBook.vue
deleted file mode 100644
index b9d2caec2..000000000
--- a/apps/dumili/src/components/DumiliBook.vue
+++ /dev/null
@@ -1,343 +0,0 @@
-<template>
-  <template v-if="indexation">
-    <img
-      v-if="indexation.pages.length"
-      class="d-none"
-      :src="indexation.pages[0].url"
-      @load="
-        ({ target }) => {
-          coverHeight = (target as HTMLImageElement).naturalHeight;
-          coverWidth = (target as HTMLImageElement).naturalWidth;
-        }
-      "
-    />
-    <div
-      class="start-0 top-0 h-100 d-flex flex-row align-items-center justify-content-space-around"
-    >
-      <b-container v-if="false" class="book-container d-flex w-50 h-100 m-0">
-        <div id="book" class="flip-book">
-          <div
-            v-for="(page, index) in indexation!.pages"
-            :key="`page-${index}`"
-            class="page"
-            :class="{ single: isSinglePage }"
-          >
-            <div class="page-content" :class="{ 'first-page': index === 0 }">
-              <div
-                class="page-image"
-                :style="{
-                  backgroundImage: `url(${page.url})`,
-                  marginLeft: 0,
-                }"
-              >
-                <div
-                  v-if="hoveredEntry"
-                  :class="`position-absolute start-0 w-100 h-100 striped kind-${hoveredEntry?.acceptedStoryKind?.kind}`"
-                ></div>
-                <template v-if="displayRatioCropped && naturalToDisplayRatio">
-                  <div
-                    v-for="(shownPage, idx) in shownPages.map(
-                      (pageIdx) => indexation!.pages[pageIdx]
-                    )"
-                    :key="shownPage.url"
-                    :class="`position-absolute start-${
-                      idx * 100
-                    } ai-results-page-${shownPage.pageNumber}`"
-                    :style="{
-                      width: `${displayedWidthNoBackground!}px`,
-                      height: `${displayedHeightNoBackground!}px`,
-                    }"
-                  >
-                    <div
-                      v-for="panel in shownPage.aiKumikoResultPanels"
-                      :key="`kumiko-match-${panel.id}`"
-                      class="position-absolute kumiko-match panel"
-                      :style="
-                        (['left', 'top', 'width', 'height'] as const).reduce(
-                          (acc, key) => ({
-                            ...acc,
-                            [key]: `${
-                              (panel[
-                                key === 'left' ? 'x' : key === 'top' ? 'x' : key
-                              ] *
-                                displayRatioCropped!) /
-                              naturalToDisplayRatio!
-                            }px`,
-                          }),
-                          {}
-                        )
-                      "
-                    ></div>
-                    <div
-                      class="position-absolute"
-                      :style="toPx(firstPanelPosition(shownPage.url))"
-                    >
-                      <div
-                        v-for="{
-                          id,
-                          x1,
-                          x2,
-                          x3,
-                          x4,
-                          y1,
-                          y2,
-                          y3,
-                          y4,
-                        } in shownPage.aiOcrResults || []"
-                        :key="`ocr-match-${id}`"
-                        class="position-absolute ocr-match text"
-                        :style="{
-                          clipPath: `polygon(${[
-                            [x1, y1],
-                            [x2, y2],
-                            [x3, y3],
-                            [x4, y4],
-                          ]
-                            .map(([x, y]) =>
-                              (['width', 'height'] as const)
-                                .map(
-                                  (dimension) =>
-                                    `${
-                                      [x, y][idx] /
-                                      (shownPage.aiKumikoResultPanels[0][
-                                        dimension
-                                      ] /
-                                        100)
-                                    }%`
-                                )
-                                .join(' ')
-                            )
-                            .join(',')})`,
-                        }"
-                      >
-                        {{
-                          `polygon(${[
-                            [x1, y1],
-                            [x2, y2],
-                            [x3, y3],
-                            [x4, y4],
-                          ]
-                            .map(([x, y]) => `${x}% ${y}%`)
-                            .join(",")})`
-                        }}
-                      </div>
-                    </div>
-                  </div></template
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </b-container>
-    </div>
-  </template>
-</template>
-
-<script setup lang="ts">
-import { PageFlip } from "page-flip";
-
-import { suggestions } from "~/stores/suggestions";
-import { ui } from "~/stores/ui";
-
-let book = ref<PageFlip | null>(null);
-const coverWidth = ref<number | null>(null);
-const coverHeight = ref<number | null>(null);
-const currentPage = ref(0);
-
-const { indexation } = storeToRefs(suggestions());
-const { hoveredEntry } = storeToRefs(ui());
-
-const isSinglePage = computed(() => indexation.value?.pages.length === 1);
-const displayedWidth = computed(() => book.value?.getSettings().width);
-const displayedHeight = computed(() => book.value?.getSettings().height);
-
-const naturalAspectRatio = computed(
-  () =>
-    coverWidth.value &&
-    coverHeight.value &&
-    coverWidth.value / coverHeight.value,
-);
-
-const displayedHeightNoBackground = computed(() =>
-  naturalAspectRatio.value
-    ? naturalAspectRatio.value < 1
-      ? displayedHeight.value
-      : displayedHeight.value! / naturalAspectRatio.value
-    : null,
-);
-
-const displayedWidthNoBackground = computed(() =>
-  naturalAspectRatio.value
-    ? naturalAspectRatio.value > 1
-      ? displayedWidth.value
-      : displayedWidth.value! * naturalAspectRatio.value
-    : null,
-);
-
-const displayRatioCropped = computed(
-  () =>
-    displayedHeight.value &&
-    coverHeight.value &&
-    displayedHeight.value / coverHeight.value,
-);
-
-const naturalToDisplayRatio = computed(
-  () =>
-    coverWidth.value &&
-    displayedWidthNoBackground.value &&
-    coverWidth.value / displayedWidthNoBackground.value,
-);
-
-const firstPanelPosition = (pageUrl: string) => {
-  const { x, y, width, height } = indexation.value!.pages.find(
-    ({ url }) => url === pageUrl,
-  )!.aiKumikoResultPanels?.[0] || { x: 0, y: 0, width: 0, height: 0 };
-  return {
-    left: x * displayRatioCropped.value!,
-    top: y * displayRatioCropped.value!,
-    width: width * displayRatioCropped.value!,
-    height: height * displayRatioCropped.value!,
-  };
-};
-
-const toPx = (position: Record<string, number>) =>
-  Object.entries(position).reduce(
-    (acc, [key, value]) => ({
-      ...acc,
-      [key]: `${value}px`,
-    }),
-    {},
-  );
-
-watch(currentPage, (newValue) => {
-  if (book.value) {
-    book.value.flip(newValue);
-  }
-});
-
-watch(coverWidth, (newValue) => {
-  const availableWidthPerPage = document.body.clientWidth / 2 - 15;
-  if (newValue && newValue > availableWidthPerPage) {
-    coverHeight.value! /= newValue / availableWidthPerPage;
-  }
-});
-
-nextTick(() => {
-  watch(
-    () => coverWidth.value && coverHeight.value,
-    (hasCoverDimensions) => {
-      if (hasCoverDimensions) {
-        const bookContainer = document.querySelector(".book-container")!;
-        book.value = new PageFlip(
-          document.getElementById("book") as HTMLElement,
-          {
-            width: Math.min(bookContainer.clientWidth / 2, coverWidth.value!),
-            height: Math.min(bookContainer.clientHeight, coverHeight.value!),
-            maxShadowOpacity: 0.5,
-            showCover: true,
-            usePortrait: false,
-            mobileScrollSupport: false,
-          },
-        );
-        book.value.loadFromHTML(document.querySelectorAll(".page"));
-
-        book.value.on("flip", ({ data }) => {
-          currentPage.value = parseInt(data.toString());
-        });
-      }
-    },
-    { immediate: true },
-  );
-});
-</script>
-
-<style scoped lang="scss">
-:deep(.drag-handle) {
-  cursor: grab;
-}
-
-.flip-book {
-  max-width: 100% !important;
-  margin: auto;
-  background-size: cover;
-}
-
-.page {
-  color: #785e3a;
-
-  overflow: hidden;
-
-  .page-content {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    align-items: stretch;
-    background: white;
-
-    .page-image {
-      height: 100%;
-      background-size: contain;
-      background-position: center center;
-      background-repeat: no-repeat;
-      display: flex;
-      align-items: center;
-    }
-
-    &.first-page {
-      background: transparent;
-
-      .page-image {
-        transform-origin: left;
-        transition: all 1s linear;
-        transform: rotate3d(0, 1, 0, 0deg);
-      }
-    }
-  }
-
-  &.--left {
-    // for left page (property will be added automatically)
-    border-right: 0;
-
-    .page-image {
-      box-shadow: inset -7px 0 30px -7px rgba(0, 0, 0, 0.4);
-    }
-  }
-
-  &.--right {
-    // for right page (property will be added automatically)
-    border-left: 0;
-
-    .page-image {
-      box-shadow: inset 7px 0 30px -7px rgba(0, 0, 0, 0.4);
-    }
-  }
-
-  &.hard {
-    // for hard page
-    background-color: #f2e8d9;
-  }
-
-  &.page-cover {
-    background-color: #e3d0b5;
-    color: #785e3a;
-  }
-
-  &.single {
-    left: initial !important;
-    right: 0 !important;
-  }
-
-  .ocr-match,
-  .kumiko-match {
-    border: 1px solid red;
-
-    &.text {
-      background: rgba(0, 0, 0, 0.4);
-      width: 100%;
-      height: 100%;
-    }
-  }
-}
-</style>
diff --git a/apps/dumili/src/components/StorySuggestionList.vue b/apps/dumili/src/components/StorySuggestionList.vue
index ba944d037..c05e79d7c 100644
--- a/apps/dumili/src/components/StorySuggestionList.vue
+++ b/apps/dumili/src/components/StorySuggestionList.vue
@@ -24,6 +24,24 @@
           >
             <i-bi-exclamation-triangle-fill
           /></span>
+          <span
+            v-if="
+                storyDetails[suggestion.storycode] &&
+                getEntryPages(indexation!, suggestion.entryId).length !=
+                storyversionDetails[storyDetails[suggestion.storycode].originalstoryversioncode!].entirepages
+              "
+            :title="
+              $t(
+                'Cette histoire fait généralement {originalPagesCount} pages mais l\'entrée en contient {entryPagesCount}',
+                {
+                  originalPagesCount: storyversionDetails[storyDetails[suggestion.storycode].originalstoryversioncode!].entirepages,
+                  entryPagesCount: getEntryPages(indexation!, suggestion.entryId).length,
+                },
+              )
+            "
+          >
+            <i-bi-exclamation-triangle-fill
+          /></span>
         </template>
       </Story>
     </template>
@@ -40,6 +58,7 @@ import { dumiliSocketInjectionKey } from "~/composables/useDumiliSocket";
 import { FullEntry } from "~dumili-services/indexation/types";
 import { suggestions } from "../stores/suggestions";
 import { storySuggestion } from "~prisma/client_dumili";
+import { getEntryPages } from "~dumili-utils/entryPages";
 
 const { t: $t } = useI18n();
 
diff --git a/apps/dumili/src/components/TableOfContents.vue b/apps/dumili/src/components/TableOfContents.vue
index 7c3bcba9d..edadc6a0d 100644
--- a/apps/dumili/src/components/TableOfContents.vue
+++ b/apps/dumili/src/components/TableOfContents.vue
@@ -1,13 +1,27 @@
 <template>
   <b-card
     no-body
-    class="table-of-contents d-flex w-100 h-100 m-0 overflow-auto"
+    class="table-of-contents d-flex w-100 h-100 m-0 p-1 py-2"
     body-class="flex-grow-1 w-100 h-100"
     @mouseleave="hoveredEntry = null"
   >
     <template #header>
       <IssueSuggestionModal />
       <IssueSuggestionList />
+      <b-dropdown
+        v-if="indexation.acceptedIssueSuggestion"
+        variant="light"
+        class="position-absolute m-4 top-0 end-0"
+      >
+        <template #button-content>{{ $t("Méta-données") }}</template>
+        <b-dropdown-item
+          >{{ $t("Prix") }}
+          <input
+            v-model="indexation.acceptedIssueSuggestion.price"
+            type="text"
+            @click.stop="() => {}"
+        /></b-dropdown-item>
+      </b-dropdown>
       <div>
         <ai-tooltip
           id="ai-issue-suggestion"
@@ -17,7 +31,10 @@
         /></div
     ></template>
 
-    <b-row style="outline: 1px solid black">
+    <b-row
+      style="outline: 1px solid black"
+      class="overflow-y-auto overflow-x-hidden w-100 m-0"
+    >
       <b-col :cols="1" style="padding: 0">
         <b-row
           v-for="{
@@ -135,6 +152,7 @@ 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 { watchDebounced } from "@vueuse/core";
 
 defineProps<{
   shownPages: number[];
@@ -191,6 +209,19 @@ const createEntry = async () => {
   return loadIndexation();
 };
 
+watchDebounced(
+  () => JSON.stringify([indexation.value.acceptedIssueSuggestion?.price]),
+  () => {
+    if (indexation.value.acceptedIssueSuggestion) {
+      const { price } = indexation.value.acceptedIssueSuggestion;
+      indexationSocket.value!.services.updateIssueSuggestion({
+        price,
+      });
+    }
+  },
+  { debounce: 500, maxWait: 1000 },
+);
+
 watch(currentEntry, (entry) => {
   if (entry) {
     currentPage.value = getFirstPageOfEntry(
diff --git a/apps/dumili/src/components/TextEditor.vue b/apps/dumili/src/components/TextEditor.vue
index 556fe56e1..41f2774e0 100644
--- a/apps/dumili/src/components/TextEditor.vue
+++ b/apps/dumili/src/components/TextEditor.vue
@@ -64,7 +64,11 @@ const textContent = computed(() => {
   }
   const issuecode = issue.value!.issuecode!.split("/")[1];
   const rows = [
-    [issuecode],
+    [
+      [issuecode],
+      issue.value!.price ? [`[price:${issue.value!.price}]`] : [],
+      [`[pages:${indexation.value!.pages.length}]`],
+    ].flat(),
     ...indexation.value!.entries.map((entry, idx) => {
       const storyWithDetails = storiesWithDetails.value!.find(
         ({ storycode }) => storycode === entry.acceptedStory?.storycode,
diff --git a/apps/dumili/src/pages/indexation/[id].vue b/apps/dumili/src/pages/indexation/[id].vue
index 1a2df4f9b..5e1f4927f 100644
--- a/apps/dumili/src/pages/indexation/[id].vue
+++ b/apps/dumili/src/pages/indexation/[id].vue
@@ -78,7 +78,7 @@
       ></b-container>
     </b-col>
 
-    <b-col :cols="6" class="h-100 overflow-auto">
+    <b-col :cols="6" class="h-100">
       <table-of-contents
         v-model="bookCurrentPage"
         :indexation="indexation"
diff --git a/apps/dumili/translations/messages.en.json b/apps/dumili/translations/messages.en.json
index 0966e78a1..7e5a170e9 100644
--- a/apps/dumili/translations/messages.en.json
+++ b/apps/dumili/translations/messages.en.json
@@ -4,6 +4,7 @@
   "Aucun résultat.": "No result.",
   "Aucune indexation en cours": "No ongoing indexation",
   "Cases détectées": "Detected panels",
+  "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}",
   "Contenu inconnu": "Unknown content",
   "Détections AI": "AI detections",
   "Editeur de texte": "Text editor",
@@ -25,8 +26,10 @@
   "Sans titre": "Untitled.",
   "Sélectionner...": "Select...",
   "Sélectionnez un pays": "Select a country",
+  "Si aucune ne ressemble,cliquez sur \"Annuler\".": "If none of them match, click \"Cancel\".",
   "Suggestions IA": "AI suggestions",
   "Titre de l'histoire": "Story title",
+  "Titre inconnu": "Unknown title",
   "Type d'entrée déduit": "Inferred story kind",
   "Type d'entrée déduit pour la page": "Inferred page story kind",
   "Types d'entrées déduits pour les pages": "Inferred page story kinds",