diff --git a/TODO b/TODO
index 06ad18b..efa11c6 100644
--- a/TODO
+++ b/TODO
@@ -59,7 +59,6 @@ Add own timers for electorn export & such
 si tu appuies sur New Project, puis que tu selectionne direct le dropdown pour choisir Local/Cloud, ça ferme le popup et c'est impossible de rappuyer sur New Project
 C3 Preview ne fonctionne pas
 Steam achievement test c3 example
-Itch plugin
 Filesystem plugin: overwrite parameter + better sentences/descriptions
 
 Convert dektop app to web app + node backend
diff --git a/components.d.ts b/components.d.ts
index 990cf7f..9ca32c9 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -7,6 +7,12 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
+    Accordion: typeof import('primevue/accordion')['default']
+    AccordionContent: typeof import('primevue/accordioncontent')['default']
+    AccordionHeader: typeof import('primevue/accordionheader')['default']
+    AccordionPanel: typeof import('primevue/accordionpanel')['default']
+    Avatar: typeof import('primevue/avatar')['default']
+    Badge: typeof import('primevue/badge')['default']
     Button: typeof import('primevue/button')['default']
     Checkbox: typeof import('primevue/checkbox')['default']
     Chip: typeof import('primevue/chip')['default']
@@ -25,9 +31,15 @@ declare module 'vue' {
     Password: typeof import('primevue/password')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
+    ScrollPanel: typeof import('primevue/scrollpanel')['default']
     Select: typeof import('primevue/select')['default']
     SelectButton: typeof import('primevue/selectbutton')['default']
     Skeleton: typeof import('primevue/skeleton')['default']
+    Tab: typeof import('primevue/tab')['default']
+    TabList: typeof import('primevue/tablist')['default']
+    TabPanel: typeof import('primevue/tabpanel')['default']
+    TabPanels: typeof import('primevue/tabpanels')['default']
+    Tabs: typeof import('primevue/tabs')['default']
     Toast: typeof import('primevue/toast')['default']
   }
 }
diff --git a/package.json b/package.json
index e96322e..cb5cf82 100644
--- a/package.json
+++ b/package.json
@@ -67,6 +67,7 @@
     "change-case": "5.4.4",
     "code-tag": "1.2.0",
     "d3-shape": "3.2.0",
+    "date-fns": "4.1.0",
     "dompurify": "3.1.7",
     "ejs": "3.1.10",
     "electron-squirrel-startup": "1.0.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 267906a..ba42468 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -99,6 +99,9 @@ importers:
       d3-shape:
         specifier: 3.2.0
         version: 3.2.0
+      date-fns:
+        specifier: 4.1.0
+        version: 4.1.0
       dompurify:
         specifier: 3.1.7
         version: 3.1.7
@@ -3312,6 +3315,9 @@ packages:
   dataloader@1.4.0:
     resolution: {integrity: sha512-68s5jYdlvasItOJnCuI2Q9s4q98g0pCyL3HrcKJu8KNugUl8ahgmZYg38ysLTgQjjXX3H8CJLkAvWrclWfcalw==}
 
+  date-fns@4.1.0:
+    resolution: {integrity: sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==}
+
   de-indent@1.0.2:
     resolution: {integrity: sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==}
 
@@ -11011,6 +11017,8 @@ snapshots:
 
   dataloader@1.4.0: {}
 
+  date-fns@4.1.0: {}
+
   de-indent@1.0.2: {}
 
   debug@2.6.9:
diff --git a/src/main/handler-func.ts b/src/main/handler-func.ts
index ccc185f..1a4e3b9 100644
--- a/src/main/handler-func.ts
+++ b/src/main/handler-func.ts
@@ -162,11 +162,16 @@ export const handleActionExecute = async (
       await node.runner({
         inputs: resolvedInputs,
         log: (...args) => {
-          const logArgs = [`[${node.node.name}]`, ...args]
+          const decorator = `[${node.node.name}]`
+          const logArgs = [decorator, ...args]
           logger().info(...logArgs)
           send({
             type: 'log',
-            data: logArgs
+            data: {
+              decorator,
+              time: Date.now(),
+              message: args
+            }
           })
         },
         setOutput: (key, value) => {
diff --git a/src/renderer/components/nodes/EditorNodeAction.vue b/src/renderer/components/nodes/EditorNodeAction.vue
index 7fb503e..934d25e 100644
--- a/src/renderer/components/nodes/EditorNodeAction.vue
+++ b/src/renderer/components/nodes/EditorNodeAction.vue
@@ -89,15 +89,6 @@
             icon="pi pi-exclamation-triangle"
             size="small"
             text
-            @click.stop.prevent="isLogDialogOpened = true"
-          />
-          <Button
-            v-else-if="hasLines"
-            class="small-btn"
-            icon="pi pi-exclamation-triangle"
-            size="small"
-            text
-            @click.stop.prevent="isLogDialogOpened = true"
           />
         </div>
         <!-- <span class="type-icon pi pi-play"></span> -->
@@ -140,25 +131,6 @@
       @add-node="addNode"
     >
     </AddNodeButton>
-
-    <Dialog
-      v-model:visible="isLogDialogOpened"
-      modal
-      :style="{ width: '80vw' }"
-      :breakpoints="{ '575px': '90vw' }"
-    >
-      <template #header>
-        <div class="flex flex-column w-full">
-          <p class="text-xl text-center">Logs</p>
-        </div>
-      </template>
-
-      <div class="logs">
-        <div v-for="(line, index) of nodeLogLines" :key="index" class="line">
-          <div v-for="(cell, index2) of line" :key="index2" class="cell">{{ cell }}</div>
-        </div>
-      </div>
-    </Dialog>
   </div>
 </template>
 
@@ -207,8 +179,6 @@ const props = defineProps({
 const menu = ref()
 const { value, steps, index } = toRefs(props)
 
-const isLogDialogOpened = ref(false)
-
 /*
 <div class="left">
   <Button @click="swapNodes(index, 'up')">
@@ -341,7 +311,7 @@ const {
   disableNode,
   enableNode
 } = editor
-const { activeNode, variables, logLines } = storeToRefs(editor)
+const { activeNode, variables } = storeToRefs(editor)
 
 const nodeDefinition = computed(() => {
   const def = getNodeDefinition(value.value.origin.nodeId, value.value.origin.pluginId)
@@ -431,18 +401,6 @@ watchDebounced(
 
 const showSidebar = ref(false)
 
-const nodeLogLines = computed(() => {
-  const item = logLines.value[value.value.uid]
-  if (item) {
-    return item
-  }
-  return []
-})
-
-const hasLines = computed(() => {
-  return nodeLogLines.value.length > 0
-})
-
 const hasErrored = computed(() => {
   return false
 })
@@ -466,8 +424,8 @@ const hasErrored = computed(() => {
   border: 1px solid #c2c9d1;
   padding: 4px 16px 4px 16px;
   border-radius: 4px;
-  width: fit-content;
-  min-width: 300px;
+  // width: fit-content;
+  // min-width: 300px;
   background-color: white;
   display: flex;
 
@@ -598,17 +556,6 @@ const hasErrored = computed(() => {
   color: red;
 }
 
-.logs {
-  .line {
-    display: flex;
-    gap: 4px;
-
-    .cell {
-      flex: 0 0 auto;
-    }
-  }
-}
-
 @keyframes clippath {
   0%,
   100% {
diff --git a/src/renderer/pages/editor.vue b/src/renderer/pages/editor.vue
index 501109b..e9dd7c0 100644
--- a/src/renderer/pages/editor.vue
+++ b/src/renderer/pages/editor.vue
@@ -108,48 +108,61 @@
             <EditorNodeDummy title="End"></EditorNodeDummy>
           </div>
         </div>
+        <div class="aside">
+          <p class="m-0">
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+            incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+            exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
+            dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+            Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+            mollit anim id est laborum.
+          </p>
+        </div>
       </div>
 
-      <!--<Dialog
-        v-model:visible="showSaveDialog"
-        modal
-        header="Choose location"
-        :style="{ width: '50%' }"
-      >
-        <!~~ @vue-expect-error ~~>
-        <Listbox
-          v-model="saveOption"
-          :options="saveOptions"
-          optionLabel="name"
-          class="w-full"
-          optionDisabled="disabled"
-        >
-          <template #option="slotProps">
-            <div class="item" :class="{ disabled: slotProps.option.disabled }">
-              <i class="icon mdi" :class="{ [slotProps.option.icon]: true }"></i>
-              <div>
-                <div class="title">{{ slotProps.option.title }}</div>
-                <div class="subtitle">{{ slotProps.option.subtitle }}</div>
-              </div>
-            </div>
-          </template>
-        </Listbox>
-        <div class="flex justify-content-end gap-2 mt-2">
-          <Button
-            type="button"
-            label="Cancel"
-            severity="secondary"
-            @click="showSaveDialog = false"
-          ></Button>
-          <Button
-            :disabled="!saveOption"
-            type="button"
-            label="Save"
-            :loading="isSaving"
-            @click="onSaveCallback"
-          ></Button>
+      <div class="bottom" :class="{ expanded: bottomExpanded }">
+        <div class="header" @click="toggleLogsWindow">
+          <div class="ml-4">Logs</div>
+          <div class="actions">
+            <Button text @click="toggleLogsWindow">
+              <template #icon>
+                <i
+                  class="mdi mr-1"
+                  :class="{ 'mdi-minus': bottomExpanded, 'mdi-plus': !bottomExpanded }"
+                ></i>
+              </template>
+            </Button>
+          </div>
         </div>
-      </Dialog>-->
+        <div v-if="bottomExpanded" class="logs">
+          <div v-if="Object.keys(logLines).length > 0" class="card">
+            <Accordion
+              :value="currentLogAccordion"
+              expand-icon="pi pi-plus"
+              collapse-icon="pi pi-minus"
+              class="accordion"
+            >
+              <AccordionPanel v-for="(log, key) in logLines" :key="key" :value="key">
+                <AccordionHeader>
+                  <span class="flex items-center gap-2 w-full">
+                    <span class="font-bold whitespace-nowrap">{{ keyToNodeName(key) }}</span>
+                  </span>
+                </AccordionHeader>
+                <AccordionContent class="content">
+                  <!-- <ScrollPanel style="width: 100%; height: 300px"> -->
+                  <div v-for="(line, index) of log" :key="index" class="line">
+                    <!-- <span class="line-indicator">{{ index }}.</span> -->
+                    <span v-for="(cell, index2) of line" :key="index2" class="cell">
+                      {{ cell }}
+                    </span>
+                  </div>
+                  <!-- </ScrollPanel> -->
+                </AccordionContent>
+              </AccordionPanel>
+            </Accordion>
+          </div>
+        </div>
+      </div>
 
       <Dialog
         v-model:visible="isPromptDialogVisible"
@@ -181,6 +194,10 @@
 
 <script lang="ts" setup>
 import { reactive, ref, watch } from 'vue'
+import Accordion from 'primevue/accordion'
+import AccordionPanel from 'primevue/accordionpanel'
+import AccordionHeader from 'primevue/accordionheader'
+import AccordionContent from 'primevue/accordioncontent'
 import { useEditor } from '@renderer/store/editor'
 import NodesEditor from '@renderer/pages/nodes-editor.vue'
 import EditorNodeDummy from '@renderer/components/nodes/EditorNodeDummy.vue'
@@ -200,6 +217,7 @@ import { handle, HandleListenerRendererSendFn } from '@renderer/composables/hand
 import VariablesEditor from './variables-editor.vue'
 import EnvironementEditor from './environement-editor.vue'
 import ProjectSettingsEditor from './project-settings-editor.vue'
+import { format } from 'date-fns'
 
 const router = useRouter()
 
@@ -216,7 +234,8 @@ const {
   logLines,
   isRunning
 } = storeToRefs(instance)
-const { processGraph, loadSavedFile, setIsRunning, pushLine } = instance
+const { processGraph, loadSavedFile, setIsRunning, pushLine, clearLogs, getNodeDefinition } =
+  instance
 
 const app = useAppStore()
 const { pluginDefinitions } = storeToRefs(app)
@@ -225,6 +244,20 @@ const filesStore = useFiles()
 const { files } = storeToRefs(filesStore)
 const { update } = filesStore
 
+const keyToNodeName = (key: string) => {
+  const foundNode = nodes.value.find((x) => x.uid === key)
+  const node = getNodeDefinition(foundNode.origin.nodeId, foundNode.origin.pluginId)
+  return node.node.name ?? key
+}
+
+// const nodeLogLines = computed(() => {
+//   const item = logLines.value[value.value.uid]
+//   if (item) {
+//     return item
+//   }
+//   return []
+// })
+
 watch(
   id,
   async (newId) => {
@@ -256,6 +289,8 @@ watch(
 
 const toast = useToast()
 
+const currentLogAccordion = ref()
+
 const run = async () => {
   const instance = useEditor()
   const api = useAPI()
@@ -263,6 +298,7 @@ const run = async () => {
   const { setActiveNode } = instance
 
   setIsRunning(true)
+  clearLogs()
   try {
     await processGraph({
       graph: klona(nodes.value),
@@ -284,7 +320,9 @@ const run = async () => {
           params,
           steps
         })
-      } else  */ if (node.type === 'action') {
+      } else  */
+        currentLogAccordion.value = node.uid
+        if (node.type === 'action') {
           const result = await api.execute(
             'action:execute',
             {
@@ -294,10 +332,13 @@ const run = async () => {
               steps
             },
             async (event, data) => {
-              console.log('event', event)
-              console.log('data', data)
+              // console.log('event', event)
+              // console.log('data', data)
               if (data.type === 'log') {
-                pushLine(node.uid, data.data)
+                pushLine(node.uid, [
+                  format(data.data.time, 'dd/MM/yyyy - hh:mm:ss'),
+                  ...data.data.message
+                ])
               }
             }
           )
@@ -538,6 +579,11 @@ handle('dialog:prompt', async (event, { value, send }) => {
   isPromptDialogVisible.value = true
 })
 
+const bottomExpanded = ref(false)
+const toggleLogsWindow = () => {
+  bottomExpanded.value = !bottomExpanded.value
+}
+
 tinykeys(window, {
   '$mod+KeyS': (event) => {
     event.preventDefault()
@@ -549,7 +595,7 @@ tinykeys(window, {
 <style scoped lang="scss">
 .editor {
   height: 100%;
-  width: 100%;
+  width: 100vw;
   display: flex;
   flex-direction: row;
   position: relative;
@@ -567,7 +613,7 @@ tinykeys(window, {
     width: 100%;
     display: flex;
     flex-direction: column;
-    height: 100%;
+    height: calc(100% - 80px);
 
     .editor-wrapper {
       display: flex;
@@ -587,6 +633,73 @@ tinykeys(window, {
     background-color: white;
   }
 
+  .bottom {
+    position: absolute;
+    left: 0px;
+    right: 0px;
+    bottom: 0px;
+
+    margin: 8px;
+    padding: 8px;
+    background-color: white;
+    border-radius: 16px;
+    border: 1px solid #ddd;
+    border-radius: 16px;
+    height: 64px;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+
+    transition:
+      height 0.3s ease,
+      box-shadow 0.3s ease;
+
+    &.expanded {
+      height: 50%;
+      box-shadow: 0px 0px 25px 5px rgba(0, 0, 0, 0.1);
+    }
+
+    .logs {
+      height: 100%;
+      width: 100%;
+      min-height: 0;
+
+      .card {
+        width: 100%;
+        height: 100%;
+      }
+    }
+
+    .header {
+      width: 100%;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+
+    .actions {
+    }
+
+    .accordion {
+      .content {
+        :deep(.p-accordioncontent-content) {
+          width: 100%;
+        }
+        // max-height: 300px;
+      }
+      .line {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 4px;
+
+        .cell {
+          // flex: 1 1 auto;
+        }
+      }
+    }
+  }
+
   .buttons {
     background: #fff;
     border-bottom: 2px solid #eee;
diff --git a/src/renderer/pages/index.vue b/src/renderer/pages/index.vue
index be08f81..d47cec4 100644
--- a/src/renderer/pages/index.vue
+++ b/src/renderer/pages/index.vue
@@ -100,6 +100,7 @@
                   option-value="value"
                   option-disabled="disabled"
                   :options="newProjectTypes"
+                  :disabled="newProjectName.length === 0"
                 >
                 </Select>
               </div>
@@ -470,7 +471,7 @@ const openFile = async () => {
   }
 }
 
-const newProjectName = ref()
+const newProjectName = ref('')
 const newProjectNamePathified = computed(() => {
   return kebabCase(newProjectName.value)
 })
diff --git a/src/renderer/store/editor.ts b/src/renderer/store/editor.ts
index 1c162e1..1064d79 100644
--- a/src/renderer/store/editor.ts
+++ b/src/renderer/store/editor.ts
@@ -129,6 +129,10 @@ export const useEditor = defineStore('editor', () => {
     logLines.value[nodeUid].push(data)
   }
 
+  const clearLogs = () => {
+    logLines.value = {}
+  }
+
   const currentFilePointer = computed(() => {
     return files.value.data[id.value]
   })
@@ -631,6 +635,7 @@ export const useEditor = defineStore('editor', () => {
     currentFilePointer,
 
     pushLine,
+    clearLogs,
     logLines,
 
     setActiveNode,
diff --git a/src/shared/apis.ts b/src/shared/apis.ts
index 2b58d35..d26e521 100644
--- a/src/shared/apis.ts
+++ b/src/shared/apis.ts
@@ -1,8 +1,10 @@
 import { RendererPluginDefinition } from '@pipelab/plugin-core'
 import type { Tagged } from 'type-fest'
-import { Preset, PresetResult, Steps } from './model'
+import { PresetResult, Steps } from './model'
 
-type Event<TYPE extends string, DATA> = { type: TYPE; data: DATA } | { type: 'log'; data: unknown[] }
+type Event<TYPE extends string, DATA> =
+  | { type: TYPE; data: DATA }
+  | { type: 'log'; data: { decorator: string; message: unknown[]; time: number } }
 type EndEvent<DATA> = {
   type: 'end'
   data:
@@ -74,6 +76,7 @@ export type IpcDefinition = {
 
   'config:load': [{ config: string }, EndEvent<{ result: any }>]
   'config:save': [{ data: string; config: string }, EndEvent<{ result: 'ok' }>]
+  log: [{ data: string; config: string }, EndEvent<{ result: 'ok' }>]
 }
 
 export type Channels = keyof IpcDefinition
diff --git a/src/shared/libs/plugin-core/utils.ts b/src/shared/libs/plugin-core/utils.ts
index f0635e2..aada6cf 100644
--- a/src/shared/libs/plugin-core/utils.ts
+++ b/src/shared/libs/plugin-core/utils.ts
@@ -16,8 +16,7 @@ export const runWithLiveLogs = async (
 ): Promise<void> => {
   const { execa } = await import('execa')
   return new Promise((resolve, reject) => {
-    log('runWithLiveLogs', command, args, execaOptions)
-    log('command: ', command, args.join(' '))
+    console.log('command: ', command, args.join(' '))
 
     const subprocess = execa(command, args, {
       ...execaOptions,
@@ -35,12 +34,12 @@ export const runWithLiveLogs = async (
     })
 
     subprocess.on('error', (error: Error) => {
-      log('error', error)
+      console.log('error', error)
       return reject(error)
     })
 
     subprocess.on('close', (code: number) => {
-      log('close', code)
+      console.log('close', code)
       hooks?.onExit?.(code)
 
       if (code === 0) {
@@ -51,13 +50,13 @@ export const runWithLiveLogs = async (
     })
 
     subprocess.on('disconnect', () => {
-      log('disconnect')
+      console.log('disconnect')
       hooks?.onExit?.(0)
       return resolve()
     })
 
     subprocess.on('exit', (code: number) => {
-      log('exit', code)
+      console.log('exit', code)
       hooks?.onExit?.(code)
 
       if (code === 0) {
@@ -82,8 +81,7 @@ export const runWithLiveLogsPTY = async (
 ): Promise<void> => {
   const { spawn } = await import('@lydell/node-pty')
   return new Promise((resolve, reject) => {
-    log('runWithLiveLogsPTY', command, args, ptyOptions)
-    log('command: ', command, args.join(' '))
+    console.log('command: ', command, args.join(' '))
 
     const subprocess = spawn(command, args, ptyOptions)
 
@@ -92,7 +90,7 @@ export const runWithLiveLogsPTY = async (
     })
 
     subprocess.onExit(({ exitCode, signal }) => {
-      log('exit', exitCode)
+      console.log('exit', exitCode)
       hooks?.onExit?.(exitCode)
 
       if (exitCode === 0) {
diff --git a/src/shared/libs/plugin-electron/forge.ts b/src/shared/libs/plugin-electron/forge.ts
index a9d8615..5f8b369 100644
--- a/src/shared/libs/plugin-electron/forge.ts
+++ b/src/shared/libs/plugin-electron/forge.ts
@@ -289,7 +289,7 @@ export const forge = async (
     inputs.configuration
   ) as ElectronConfiguration
 
-  log('completeConfiguration', completeConfiguration)
+  console.log('completeConfiguration', completeConfiguration)
 
   // render forge config
   // ejs.renderFile(
@@ -403,11 +403,17 @@ export const forge = async (
           PATH: `${shimsPaths}${delimiter}${process.env.PATH}`
         }
       },
-      log
+      log,
+      {
+        onStderr(data, subprocess) {
+          log(data)
+        },
+        onStdout(data, subprocess) {
+          log(data)
+        }
+      }
     )
 
-    log('logs', logs)
-
     if (action === 'package') {
       const outName = outFolderName(
         completeConfiguration.name,
diff --git a/src/shared/libs/plugin-itch/assets/itch-icon.webp b/src/shared/libs/plugin-itch/assets/itch-icon.webp
new file mode 100644
index 0000000..05215d5
Binary files /dev/null and b/src/shared/libs/plugin-itch/assets/itch-icon.webp differ
diff --git a/src/shared/libs/plugin-itch/index.ts b/src/shared/libs/plugin-itch/index.ts
index 6d838d8..f9a6119 100644
--- a/src/shared/libs/plugin-itch/index.ts
+++ b/src/shared/libs/plugin-itch/index.ts
@@ -1,20 +1,16 @@
 import { uploadToItch, uploadToItchRunner } from './export'
 
 import { createNodeDefinition } from '@pipelab/plugin-core'
-// import icon from './public/itch.webp'
+import icon from './assets/itch-icon.webp'
 
 export default createNodeDefinition({
   description: 'Itch.io',
   name: 'Itch.io',
   id: 'itch.io',
   icon: {
-    type: 'icon',
-    icon: 'mdi-home'
+    type: 'image',
+    image: icon
   },
-  // icon: {
-  //   type: 'image',
-  //   image: icon
-  // },
   nodes: [
     // make and package
     {