diff --git a/components/base/DropdownContentRender.vue b/components/base/DropdownContentRender.vue
index d3e7bf1..d0a9800 100644
--- a/components/base/DropdownContentRender.vue
+++ b/components/base/DropdownContentRender.vue
@@ -1,7 +1,7 @@
 <template>
     <template v-for="(item, idx) of options">
         <template v-if="item.type === 'item'">
-            <DropdownMenuItem :disabled="item.disabled" :textValue="item.label" @select="item.select" :class="{'!pe-1': item.kbd}" class="group cursor-pointer text-base text-light-100 dark:text-dark-100 leading-none flex items-center py-1.5 relative ps-7 pe-4 select-none outline-none data-[disabled]:text-light-60 dark:data-[disabled]:text-dark-60 data-[disabled]:pointer-events-none data-[highlighted]:bg-light-35 dark:data-[highlighted]:bg-dark-35">
+            <DropdownMenuItem :disabled="item.disabled" :textValue="item.label" @select="item.select" :class="{'!pe-1': item.kbd}" class="cursor-pointer text-base text-light-100 dark:text-dark-100 leading-none flex items-center py-1.5 relative ps-7 pe-4 select-none outline-none data-[disabled]:text-light-60 dark:data-[disabled]:text-dark-60 data-[disabled]:pointer-events-none data-[highlighted]:bg-light-35 dark:data-[highlighted]:bg-dark-35">
                 <Icon v-if="item.icon" :icon="item.icon" class="absolute left-1.5" />
                 <div class="flex flex-1 justify-between">
                     <span>{{ item.label }}</span>
@@ -10,14 +10,17 @@
             </DropdownMenuItem>
         </template>
         
-        <!-- TODO -->
         <template v-else-if="item.type === 'checkbox'">
-            <DropdownMenuCheckboxItem :disabled="item.disabled" :textValue="item.label" @update:checked="item.select">
-                <DropdownMenuItemIndicator>
-                    <Icon icon="radix-icons:check" />
-                </DropdownMenuItemIndicator>
-                <span>{{ item.label }}</span>
-                <span v-if="item.kbd"> {{ item.kbd }} </span>
+            <DropdownMenuCheckboxItem :disabled="item.disabled" :textValue="item.label" v-model:checked="item.checked" @update:checked="item.select" class="cursor-pointer text-base text-light-100 dark:text-dark-100 leading-none flex items-center py-1.5 relative pe-4 select-none outline-none data-[disabled]:text-light-60 dark:data-[disabled]:text-dark-60 data-[disabled]:pointer-events-none data-[highlighted]:bg-light-35 dark:data-[highlighted]:bg-dark-35">
+                <span class="w-6 flex items-center justify-center">
+                    <DropdownMenuItemIndicator>
+                        <Icon icon="radix-icons:check" />
+                    </DropdownMenuItemIndicator>
+                </span>
+                <div class="flex flex-1 justify-between">
+                    <span>{{ item.label }}</span>
+                    <span v-if="item.kbd" class="mx-2 text-xs font-mono text-light-70 dark:text-dark-70 relative top-0.5"> {{ item.kbd }} </span>
+                </div>
             </DropdownMenuCheckboxItem>
         </template>
         
diff --git a/components/base/HoverCard.vue b/components/base/HoverCard.vue
index 3f054e2..960d795 100644
--- a/components/base/HoverCard.vue
+++ b/components/base/HoverCard.vue
@@ -4,7 +4,7 @@
             <slot></slot>
         </HoverCardTrigger>
         <HoverCardPortal v-if="!disabled">
-            <HoverCardContent :class="$attrs.class" :side="side" class="data-[side=bottom]:animate-slideUpAndFade data-[side=right]:animate-slideLeftAndFade data-[side=left]:animate-slideRightAndFade data-[side=top]:animate-slideDownAndFade w-[300px] bg-light-10 dark:bg-dark-10 border border-light-35 dark:border-dark-35 p-5 data-[state=open]:transition-all text-light-100 dark:text-dark-100" >
+            <HoverCardContent :class="$attrs.class" :side="side"  class="max-h-[var(--radix-hover-card-content-available-height)] data-[side=bottom]:animate-slideUpAndFade data-[side=right]:animate-slideLeftAndFade data-[side=left]:animate-slideRightAndFade data-[side=top]:animate-slideDownAndFade w-[300px] bg-light-10 dark:bg-dark-10 border border-light-35 dark:border-dark-35 p-5 data-[state=open]:transition-all text-light-100 dark:text-dark-100" >
                 <slot name="content"></slot>
                 <HoverCardArrow class="fill-light-35 dark:fill-dark-35" />
             </HoverCardContent>
diff --git a/components/prose/ProseA.vue b/components/prose/ProseA.vue
index 56e6b15..b6b4055 100644
--- a/components/prose/ProseA.vue
+++ b/components/prose/ProseA.vue
@@ -2,7 +2,7 @@
 	<NuxtLink class="text-accent-blue inline-flex items-center" :to="overview ? { name: 'explore-path', params: { path: overview.path }, hash: hash } : href" :class="class">
 		<HoverCard nuxt-client class="max-w-[600px] max-h-[600px] w-full overflow-auto z-[45]" :class="{'overflow-hidden !p-0': overview?.type === 'canvas'}" :disabled="!overview">
 			<template #content>
-				<Markdown v-if="overview?.type === 'markdown'" class="!px-10" :path="pathname" :filter="hash.substring(1)" popover />
+				<Markdown v-if="overview?.type === 'markdown'" class="!px-6" :path="pathname" :filter="hash.substring(1)" popover />
 				<template v-else-if="overview?.type === 'canvas'"><div class="w-[600px] h-[600px] relative"><Canvas :path="pathname" /></div></template>
 			</template>
 			<span>
diff --git a/components/prose/ProseCallout.vue b/components/prose/ProseCallout.vue
index ae739e4..d18f7ee 100644
--- a/components/prose/ProseCallout.vue
+++ b/components/prose/ProseCallout.vue
@@ -2,8 +2,8 @@
 	<CollapsibleRoot :disabled="disabled" :defaultOpen="fold === true || fold === undefined" class="callout group overflow-hidden my-4 p-3 ps-4 bg-blend-lighten !bg-opacity-25 border-l-4 inline-block pe-8 bg-light-blue dark:bg-dark-blue" :data-type="type">
 		<CollapsibleTrigger>
 			<div :class="{ 'cursor-pointer': fold !== undefined }" class="flex flex-row items-center justify-start ps-2">
-				<Icon :icon="calloutIconByType[type] ?? defaultCalloutIcon" class="w-6 h-6 stroke-2 float-start me-2" />
-				<span v-if="title" class="block font-bold">{{ title }}</span>
+				<Icon :icon="calloutIconByType[type] ?? defaultCalloutIcon" inline class="w-6 h-6 stroke-2 float-start me-2 flex-shrink-0" />
+				<span v-if="title" class="block font-bold text-start">{{ title }}</span>
 				<Icon icon="radix-icons:caret-right" v-if="fold !== undefined" class="transition-transform group-data-[state=open]:rotate-90 w-6 h-6 mx-6" />
 			</div>
 		</CollapsibleTrigger>
diff --git a/composables/useMarkdown.ts b/composables/useMarkdown.ts
index 6b8fed6..124d202 100644
--- a/composables/useMarkdown.ts
+++ b/composables/useMarkdown.ts
@@ -5,6 +5,7 @@ import RemarkParse from "remark-parse";
 import RemarkRehype from 'remark-rehype';
 import RemarkOfm from 'remark-ofm';
 import RemarkGfm from 'remark-gfm';
+import RemarkBreaks from 'remark-breaks';
 import RemarkFrontmatter from 'remark-frontmatter';
 
 export default function useMarkdown(): (md: string) => Root
@@ -14,7 +15,7 @@ export default function useMarkdown(): (md: string) => Root
     const parse = (markdown: string) => {
         if (!processor) 
         {
-            processor = unified().use([RemarkParse, RemarkGfm, RemarkOfm, RemarkFrontmatter]);
+            processor = unified().use([RemarkParse, RemarkGfm, RemarkOfm, RemarkBreaks, RemarkFrontmatter]);
             processor.use(RemarkRehype);
         }
 
diff --git a/db.sqlite b/db.sqlite
index f6c7d07..89d2494 100644
Binary files a/db.sqlite and b/db.sqlite differ
diff --git a/db.sqlite-shm b/db.sqlite-shm
index 406ecf7..6201f89 100644
Binary files a/db.sqlite-shm and b/db.sqlite-shm differ
diff --git a/db.sqlite-wal b/db.sqlite-wal
index 25ba1ba..a3c9f7b 100644
Binary files a/db.sqlite-wal and b/db.sqlite-wal differ
diff --git a/db/schema.ts b/db/schema.ts
index 17d3c34..cf448b4 100644
--- a/db/schema.ts
+++ b/db/schema.ts
@@ -39,7 +39,7 @@ export const explorerContentTable = sqliteTable("explorer_content", {
     path: text().primaryKey(),
     owner: int().notNull().references(() => usersTable.id, { onDelete: 'cascade', onUpdate: 'cascade' }),
     title: text().notNull(),
-    type: text({ enum: ['file', 'folder', 'markdown', 'canvas'] }).notNull(),
+    type: text({ enum: ['file', 'folder', 'markdown', 'canvas', 'map'] }).notNull(),
     content: blob({ mode: 'buffer' }),
     navigable: int({ mode: 'boolean' }).notNull().default(true),
     private: int({ mode: 'boolean' }).notNull().default(false),
diff --git a/pages/explore/edit/index.vue b/pages/explore/edit/index.vue
index 561fb51..c368269 100644
--- a/pages/explore/edit/index.vue
+++ b/pages/explore/edit/index.vue
@@ -47,7 +47,7 @@
 												<AlertDialogContent class="data-[state=open]:animate-contentShow fixed top-[50%] left-[50%] max-h-[85vh] w-[90vw] max-w-[800px] translate-x-[-50%] translate-y-[-50%] bg-light-10 dark:bg-dark-10 border border-light-30 dark:border-dark-30 p-6 z-50 text-light-100 dark:text-dark-100 flex md:flex-row flex-col gap-4 items-center">
 													<AlertDialogTitle class="text-xl font-semibold">Supprimer <span>{{ selected.title }}</span><span v-if="selected.children"> et tous ces enfants</span> ?</AlertDialogTitle>
 													<div class="flex flex-1 flex-row gap-4 justify-end">
-														<AlertDialogAction asChild @click="navigation = tree.remove(navigation, getPath(selected))"><Button class="border-light-red dark:border-dark-red hover:border-light-red dark:hover:border-dark-red hover:bg-light-redBack dark:hover:bg-dark-redBack text-light-red dark:text-dark-red focus:shadow-light-red dark:focus:shadow-dark-red">Oui</Button></AlertDialogAction>
+														<AlertDialogAction asChild @click="() => { navigation = tree.remove(navigation, getPath(selected!)); selected = undefined; }"><Button class="border-light-red dark:border-dark-red hover:border-light-red dark:hover:border-dark-red hover:bg-light-redBack dark:hover:bg-dark-redBack text-light-red dark:text-dark-red focus:shadow-light-red dark:focus:shadow-dark-red">Oui</Button></AlertDialogAction>
 														<AlertDialogCancel asChild><Button>Non</Button></AlertDialogCancel>
 													</div>
 												</AlertDialogContent>
@@ -58,7 +58,7 @@
 												type: 'item',
 												label: 'Markdown',
 												kbd: 'Ctrl+N',
-												icon: 'radix-icons:file',
+												icon: 'radix-icons:file-text',
 												select: () => add('markdown'),
 											}, {
 												type: 'item',
@@ -71,10 +71,15 @@
 												label: 'Canvas',
 												icon: 'ph:graph-light',
 												select: () => add('canvas'),
+											}, {
+												type: 'item',
+												label: 'Carte',
+												icon: 'lucide:map',
+												select: () => add('map'),
 											}, {
 												type: 'item',
 												label: 'Fichier',
-												icon: 'radix-icons:file-text',
+												icon: 'radix-icons:file',
 												select: () => add('file'),
 											}]">
 												<Button icon><Icon class="w-5 h-5" icon="radix-icons:plus" /></Button>
@@ -120,27 +125,45 @@
 						</div>
 					</CollapsibleContent>
 					<div class="flex flex-1 flex-row max-h-full overflow-hidden">
-						<div v-if="selected" class="xl:px-12 xl:py-8 lg:px-8 lg:py-6 px-6 py-3 flex flex-1 flex-col items-start justify-start max-h-full relative">
+						<div v-if="selected" class="flex flex-1 flex-col items-start justify-start max-h-full relative">
 							<Head>
 								<Title>d[any] - Modification de {{ selected.title }}</Title>
 							</Head>
-							<div>
-								<input type="text" v-model="selected.title" placeholder="Titre" class="inline md:h-16 h-12 w-full caret-light-50 dark:caret-dark-50 text-light-100 dark:text-dark-100 placeholder:text-light-50 dark:placeholder:text-dark-50 appearance-none outline-none py-1 md:text-5xl text-4xl font-thin bg-transparent" />
-								<div class="flex flex-col justify-start items-start">
-									<Switch label="Chemin personnalisé" v-model="selected.customPath" />
-									<span>
-										<pre v-if="selected.customPath" class="flex md:items-center md:text-base md:text-nowrap text-wrap md:flex-nowrap flex-wrap text-sm">/{{ selected.parent !== '' ? selected.parent + '/' : '' }}<TextInput v-model="selected.name" @input="(e) => {
-											if(selected && selected.customPath)
-											{
-												selected.name = parsePath(selected.name);
-												rebuildPath(selected.children, getPath(selected));
-											}
-										}" class="mx-0"/></pre>
-										<pre v-else class="md:text-base text-smmd:text-nowrap text-wrap ">/{{ getPath(selected) }}</pre>
-									</span>
-								</div>
-							</div>
-							<div class="py-4 flex-1 w-full max-h-full flex overflow-hidden">
+							<CollapsibleRoot v-model:open="topOpen" class="my-4 w-full relative">
+								<CollapsibleTrigger asChild>
+									<Button class="absolute left-1/2 -translate-x-1/2 -bottom-3" icon>
+										<Icon v-if="topOpen" icon="radix-icons:caret-up" class="h-4 w-4" />
+										<Icon v-else icon="radix-icons:caret-down" class="h-4 w-4" />
+									</Button>
+								</CollapsibleTrigger>
+								<CollapsibleContent class="xl:px-12 lg:px-8 px-6">
+									<div class="pb-2 grid lg:grid-cols-2 grid-cols-1 lg:items-center justify-between gap-x-4 flex-1 border-b border-light-35 dark:border-dark-35">
+										<input type="text" v-model="selected.title" placeholder="Titre" style="line-height: normal;" class="flex-1 md:text-5xl text-4xl md:h-14 h-12 caret-light-50 dark:caret-dark-50 text-light-100 dark:text-dark-100 placeholder:text-light-50 dark:placeholder:text-dark-50 appearance-none outline-none pb-3 font-thin bg-transparent"/>
+										<div class="flex flex-row justify-between items-center gap-x-4">
+											<div v-if="selected.customPath" class="flex lg:items-center truncate">
+												<pre class="md:text-base text-sm truncate" style="direction: rtl">/{{ selected.parent !== '' ? selected.parent + '/' : '' }}</pre>
+												<TextInput v-model="selected.name" @input="(e) => {
+													if(selected && selected.customPath)
+													{
+														selected.name = parsePath(selected.name);
+														rebuildPath(selected.children, getPath(selected));
+													}
+												}" class="mx-0 font-mono"/>
+											</div>
+											<pre v-else class="md:text-base text-sm truncate" style="direction: rtl">{{ getPath(selected) }}/</pre>
+											<DropdownMenu align="end" :options="[{
+												type: 'checkbox',
+												label: 'URL custom',
+												select: (state: boolean) => selected!.customPath = state,
+												checked: selected.customPath
+											}]">
+												<Button class="" icon><Icon icon="radix-icons:dots-vertical"/></Button>
+											</DropdownMenu>
+										</div>
+									</div>
+								</CollapsibleContent>
+							</CollapsibleRoot>
+							<div class="py-4 flex-1 w-full max-h-full flex overflow-hidden xl:px-12 lg:px-8 px-6">
 								<template v-if="selected.type === 'markdown'">
 									<div v-if="contentStatus === 'pending'" class="flex flex-1 justify-center items-center">
 										<Loading />
@@ -159,8 +182,11 @@
 								<template v-else-if="selected.type === 'canvas'">
 									<span class="flex flex-1 justify-center items-center"><ProseH3>Editeur de graphe en cours de développement</ProseH3></span>
 								</template>
+								<template v-else-if="selected.type === 'map'">
+									<span class="flex flex-1 justify-center items-center"><ProseH3>Editeur de carte en cours de développement</ProseH3></span>
+								</template>
 								<template v-else-if="selected.type === 'file'">
-									<span>Modifier le contenu :</span><input type="file" @change="(e) => console.log(e)" />
+									<span>Modifier le contenu :</span><input type="file" @change="(e) => console.log((e.target as HTMLInputElement).files?.length)" />
 								</template>
 							</div>
 						</div>
@@ -193,7 +219,7 @@ definePageMeta({
 });
 
 const router = useRouter();
-const open = ref(true);
+const open = ref(true), topOpen = ref(true);
 
 const toaster = useToast();
 const saveStatus = ref<'idle' | 'pending' | 'success' | 'error'>('idle');
diff --git a/schemas/file.ts b/schemas/file.ts
index 71b95f6..e8b33e4 100644
--- a/schemas/file.ts
+++ b/schemas/file.ts
@@ -1,6 +1,6 @@
 import { z } from "zod";
 
-export const fileType = z.enum(['folder', 'file', 'markdown', 'canvas']);
+export const fileType = z.enum(['folder', 'file', 'markdown', 'canvas', 'map']);
 export const schema = z.object({
     path: z.string(),
     owner: z.number().finite(),
diff --git a/server/api/file/content/[path].get.ts b/server/api/file/content/[path].get.ts
index 4ae80bf..b6fd8ce 100644
--- a/server/api/file/content/[path].get.ts
+++ b/server/api/file/content/[path].get.ts
@@ -24,12 +24,7 @@ export default defineEventHandler(async (e) => {
     {
         const session = await getUserSession(e);
 
-        if(content.private && (!session || !session.user))
-        {
-            setResponseStatus(e, 404);
-            return;
-        }
-        if(session && session.user && session.user.id !== content.owner)
+        if(!session || !session.user || session.user.id !== content.owner)
         {
             if(content.private)
             {
diff --git a/shared/general.utils.ts b/shared/general.utils.ts
index 04adb73..531922c 100644
--- a/shared/general.utils.ts
+++ b/shared/general.utils.ts
@@ -51,5 +51,6 @@ export const iconByType: Record<FileType, string> = {
     'folder': 'lucide:folder',
     'canvas': 'ph:graph-light',
     'file': 'radix-icons:file',
-    'markdown': 'radix-icons:file',
+    'markdown': 'radix-icons:file-text',
+    'map': 'lucide:map',
 }
\ No newline at end of file