diff --git a/app/components/app/sep/list-history-dialog.vue b/app/components/app/sep/list-history-dialog.vue
new file mode 100644
index 00000000..a6a6091c
--- /dev/null
+++ b/app/components/app/sep/list-history-dialog.vue
@@ -0,0 +1,46 @@
+<script setup lang="ts">
+// Components
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+  DialogFooter,
+} from '~/components/pub/ui/dialog'
+import ListHistory from './list-history.vue'
+
+// Types
+import type { SepHistoryData } from './list-cfg.history'
+import type { PaginationMeta } from '~/components/pub/my-ui/pagination/pagination.type'
+
+const props = defineProps<{
+  open: boolean
+  histories: Array<SepHistoryData>
+  paginationMeta?: PaginationMeta
+}>()
+
+const emit = defineEmits<{
+  (e: 'update:open', value: boolean): void
+}>()
+</script>
+
+<template>
+  <Dialog
+    :open="props.open"
+    @update:open="emit('update:open', $event)"
+  >
+    <DialogTrigger as-child></DialogTrigger>
+    <DialogContent class="max-w-[50%]">
+      <DialogHeader>
+        <DialogTitle>History SEP</DialogTitle>
+      </DialogHeader>
+
+      <div class="overflow-x-auto rounded-lg border">
+        <ListHistory :data="histories" :pagination-meta="paginationMeta" />
+      </div>
+
+      <DialogFooter></DialogFooter>
+    </DialogContent>
+  </Dialog>
+</template>
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 473a9e80..c1770af5 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -9,7 +9,11 @@ export default defineNuxtConfig({
     VCLAIM: process.env.NUXT_API_VCLAIM || 'http://localhost:3000',
     public: {
       API_ORIGIN: process.env.NUXT_API_ORIGIN || 'http://localhost:3000',
+<<<<<<< HEAD
        VCLAIM: process.env.NUXT_API_VCLAIM || 'http://localhost:3000',
+=======
+      VCLAIM: process.env.NUXT_API_VCLAIM || 'http://localhost:3000',
+>>>>>>> 22d163931e46c93ba5a466182d4a37b9f0aff85a
     }
   },
   ssr: false,