diff --git a/TODO b/TODO
index efa11c6..ce32179 100644
--- a/TODO
+++ b/TODO
@@ -56,10 +56,14 @@ Active cancel button to not be locked out
 Simple mode: also allow to pick variables & such
 QuickJS: memory leak, open close action
 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
 Filesystem plugin: overwrite parameter + better sentences/descriptions
 
 Convert dektop app to web app + node backend
 Communication via rest api (for now) or websocket
+
+vérifier que le fichier custom main existe sinon ca lance une erreur
+https://playwright.dev/docs/browsers#opt-in-to-new-headless-mode
+Docs sur Electron
+Docs sur les logs
diff --git a/components.d.ts b/components.d.ts
index 5ec358d..9387eaa 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -31,4 +31,7 @@ declare module 'vue' {
     Skeleton: typeof import('primevue/skeleton')['default']
     Toast: typeof import('primevue/toast')['default']
   }
+  export interface ComponentCustomProperties {
+    Tooltip: typeof import('primevue/tooltip')['default']
+  }
 }
diff --git a/package.json b/package.json
index 7f928e6..747e1ca 100644
--- a/package.json
+++ b/package.json
@@ -98,6 +98,7 @@
     "semver": "7.6.3",
     "set-value": "4.1.0",
     "slash": "5.1.0",
+    "string-strip-html": "13.4.8",
     "thememirror": "2.0.1",
     "tinykeys": "2.1.0",
     "ts-deepmerge": "7.0.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9edea59..5bb1dcb 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -192,6 +192,9 @@ importers:
       slash:
         specifier: 5.1.0
         version: 5.1.0
+      string-strip-html:
+        specifier: 13.4.8
+        version: 13.4.8
       thememirror:
         specifier: 2.0.1
         version: 2.0.1(@codemirror/language@6.10.8)(@codemirror/state@6.4.1)(@codemirror/view@6.34.0)
@@ -2280,6 +2283,12 @@ packages:
   '@types/keyv@3.1.4':
     resolution: {integrity: sha512-BQ5aZNSCpj7D6K2ksrRCTmKRLEpnPvWDiLPfoGyhZ++8YtiK9d/3DBKPJgry359X/P1PfruyYwvnvwFjuEiEIg==}
 
+  '@types/lodash-es@4.17.12':
+    resolution: {integrity: sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==}
+
+  '@types/lodash@4.17.14':
+    resolution: {integrity: sha512-jsxagdikDiDBeIRaPYtArcT8my4tN1og7MtMRquFT3XNA6axxyHDRUemqDz/taRDdOUn0GnGHRCuff4q48sW9A==}
+
   '@types/mysql@2.15.22':
     resolution: {integrity: sha512-wK1pzsJVVAjYCSZWQoWHziQZbNggXFDUEIGf54g4ZM/ERuP86uGdWeKZWMYlqTPMZfHJJvLPyogXGvCOg87yLQ==}
 
@@ -3136,6 +3145,10 @@ packages:
     resolution: {integrity: sha512-5O79BzMWQxXQKJiubtwtIXqXsgd9u90xvze+K5PLajtM4ewM2emlEvLBdvgviXORHrBmzijG9+6qPtt+xpkv9Q==}
     engines: {node: '>=18'}
 
+  codsen-utils@1.6.4:
+    resolution: {integrity: sha512-PDyvQ5f2PValmqZZIJATimcokDt4JjIev8cKbZgEOoZm+U1IJDYuLeTcxZPQdep99R/X0RIlQ6ReQgPOVnPbNw==}
+    engines: {node: '>=14.18.0'}
+
   color-convert@0.5.3:
     resolution: {integrity: sha512-RwBeO/B/vZR3dfKL1ye/vx8MHZ40ugzpyfeVG5GsiuGnrlMWe2o8wxBbLCpw9CsxV+wHuzYlCiWnybrIA0ling==}
 
@@ -4328,6 +4341,9 @@ packages:
     resolution: {integrity: sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==}
     engines: {node: '>=18'}
 
+  html-entities@2.5.2:
+    resolution: {integrity: sha512-K//PSRMQk4FZ78Kyau+mZurHn3FH0Vwr+H36eE0rPbeYkRRi9YxceYPhuN60UwWorxyKHhqoAJl2OFKa4BVtaA==}
+
   html-tags@3.3.1:
     resolution: {integrity: sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==}
     engines: {node: '>=8'}
@@ -4958,6 +4974,9 @@ packages:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
 
+  lodash-es@4.17.21:
+    resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
+
   lodash.defaults@4.2.0:
     resolution: {integrity: sha512-qjxPLHd3r5DnsdGacqOMU6pb/avJzdh9tFX2ymgoZE27BmjXrNy/y4LoaiTeAb+O3gL8AfpJGtqfX/ae2leYYQ==}
 
@@ -6043,6 +6062,22 @@ packages:
     resolution: {integrity: sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==}
     engines: {node: '>= 0.6'}
 
+  ranges-apply@7.0.16:
+    resolution: {integrity: sha512-4rGJHOyA7qatiMDg3vcETkc/TVBPU86/xZRTXff6o7a2neYLmj0EXUUAlhLVuiWAzTPHDPHOQxtk8EDrIF4ohg==}
+    engines: {node: '>=14.18.0'}
+
+  ranges-merge@9.0.15:
+    resolution: {integrity: sha512-hvt4hx0FKIaVfjd1oKx0poL57ljxdL2KHC6bXBrAdsx2iCsH+x7nO/5J0k2veM/isnOcFZKp0ZKkiCjCtzy74Q==}
+    engines: {node: '>=14.18.0'}
+
+  ranges-push@7.0.15:
+    resolution: {integrity: sha512-gXpBYQ5Umf3uG6jkJnw5ddok2Xfo5p22rAJBLrqzNKa7qkj3q5AOCoxfRPXEHUVaJutfXc9K9eGXdIzdyQKPkw==}
+    engines: {node: '>=14.18.0'}
+
+  ranges-sort@6.0.11:
+    resolution: {integrity: sha512-fhNEG0vGi7bESitNNqNBAfYPdl2efB+1paFlI8BQDCNkruERKuuhG8LkQClDIVqUJLkrmKuOSPQ3xZHqVnVo3Q==}
+    engines: {node: '>=14.18.0'}
+
   raw-body@2.5.2:
     resolution: {integrity: sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==}
     engines: {node: '>= 0.8'}
@@ -6550,6 +6585,22 @@ packages:
   streamx@2.21.1:
     resolution: {integrity: sha512-PhP9wUnFLa+91CPy3N6tiQsK+gnYyUNuk15S3YG/zjYE7RuPeCjJngqnzpC31ow0lzBHQ+QGO4cNJnd0djYUsw==}
 
+  string-collapse-leading-whitespace@7.0.7:
+    resolution: {integrity: sha512-jF9eynJoE6ezTCdYI8Qb02/ij/DlU9ItG93Dty4SWfJeLFrotOr+wH9IRiWHTqO3mjCyqBWEiU3uSTIbxYbAEQ==}
+    engines: {node: '>=14.18.0'}
+
+  string-left-right@6.0.17:
+    resolution: {integrity: sha512-nuyIV4D4ivnwT64E0TudmCRg52NfkumuEUilyoOrHb/Z2wEOF5I+9SI6P+veFKqWKZfGpAs6OqKe4nAjujARyw==}
+    engines: {node: '>=14.18.0'}
+
+  string-strip-html@13.4.8:
+    resolution: {integrity: sha512-vlcRAtx5DN6zXGUx3EYGFg0/JOQWM65mqLgDaBHviQPP+ovUFzqZ30iQ+674JHWr9wNgnzFGxx9TGipPZMnZXg==}
+    engines: {node: '>=14.18.0'}
+
+  string-trim-spaces-only@5.0.10:
+    resolution: {integrity: sha512-MhmjE5jNqb1Ylo+BARPRlsdChGLrnPpAUWrT1VOxo9WhWwKVUU6CbZTfjwKaQPYTGS/wsX/4Zek88FM2rEb5iA==}
+    engines: {node: '>=14.18.0'}
+
   string-width@1.0.2:
     resolution: {integrity: sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==}
     engines: {node: '>=0.10.0'}
@@ -6719,6 +6770,9 @@ packages:
   tiny-each-async@2.0.3:
     resolution: {integrity: sha512-5ROII7nElnAirvFn8g7H7MtpfV1daMcyfTGQwsn/x2VtyV+VPiO5CjReCJtWLvoKTDEDmZocf3cNPraiMnBXLA==}
 
+  tiny-invariant@1.3.3:
+    resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
+
   tinybench@2.9.0:
     resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
 
@@ -9810,6 +9864,12 @@ snapshots:
     dependencies:
       '@types/node': 22.7.9
 
+  '@types/lodash-es@4.17.12':
+    dependencies:
+      '@types/lodash': 4.17.14
+
+  '@types/lodash@4.17.14': {}
+
   '@types/mysql@2.15.22':
     dependencies:
       '@types/node': 22.7.9
@@ -10936,6 +10996,10 @@ snapshots:
 
   code-tag@1.2.0: {}
 
+  codsen-utils@1.6.4:
+    dependencies:
+      rfdc: 1.4.1
+
   color-convert@0.5.3:
     optional: true
 
@@ -12422,6 +12486,8 @@ snapshots:
     dependencies:
       whatwg-encoding: 3.1.1
 
+  html-entities@2.5.2: {}
+
   html-tags@3.3.1: {}
 
   http-cache-semantics@4.1.1: {}
@@ -13051,6 +13117,8 @@ snapshots:
     dependencies:
       p-locate: 5.0.0
 
+  lodash-es@4.17.21: {}
+
   lodash.defaults@4.2.0: {}
 
   lodash.difference@4.5.0: {}
@@ -14194,6 +14262,25 @@ snapshots:
 
   range-parser@1.2.1: {}
 
+  ranges-apply@7.0.16:
+    dependencies:
+      ranges-merge: 9.0.15
+      tiny-invariant: 1.3.3
+
+  ranges-merge@9.0.15:
+    dependencies:
+      ranges-push: 7.0.15
+      ranges-sort: 6.0.11
+
+  ranges-push@7.0.15:
+    dependencies:
+      codsen-utils: 1.6.4
+      ranges-sort: 6.0.11
+      string-collapse-leading-whitespace: 7.0.7
+      string-trim-spaces-only: 5.0.10
+
+  ranges-sort@6.0.11: {}
+
   raw-body@2.5.2:
     dependencies:
       bytes: 3.1.2
@@ -14841,6 +14928,25 @@ snapshots:
     optionalDependencies:
       bare-events: 2.5.4
 
+  string-collapse-leading-whitespace@7.0.7: {}
+
+  string-left-right@6.0.17:
+    dependencies:
+      codsen-utils: 1.6.4
+      rfdc: 1.4.1
+
+  string-strip-html@13.4.8:
+    dependencies:
+      '@types/lodash-es': 4.17.12
+      codsen-utils: 1.6.4
+      html-entities: 2.5.2
+      lodash-es: 4.17.21
+      ranges-apply: 7.0.16
+      ranges-push: 7.0.15
+      string-left-right: 6.0.17
+
+  string-trim-spaces-only@5.0.10: {}
+
   string-width@1.0.2:
     dependencies:
       code-point-at: 1.1.0
@@ -15021,6 +15127,8 @@ snapshots:
   tiny-each-async@2.0.3:
     optional: true
 
+  tiny-invariant@1.3.3: {}
+
   tinybench@2.9.0: {}
 
   tinyexec@0.3.2: {}
diff --git a/src/renderer/components/AddNodeButton.vue b/src/renderer/components/AddNodeButton.vue
index fcda9ba..2ca0688 100644
--- a/src/renderer/components/AddNodeButton.vue
+++ b/src/renderer/components/AddNodeButton.vue
@@ -1,11 +1,17 @@
 <template>
   <div class="add-button-wrapper">
     <div class="vl"></div>
-    <Button v-bind="buttonProps" class="add-btn" size="small" @click="addNode"></Button>
+    <Button
+      :disabled="isRunning"
+      v-bind="buttonProps"
+      class="add-btn"
+      size="small"
+      @click="addNode"
+    ></Button>
     <!-- <pre>{{ path }}</pre> -->
     <div class="vl"></div>
 
-    <Dialog :closable="false" v-model:visible="visible" modal header="" :style="{ width: '75%' }">
+    <Dialog v-model:visible="visible" :closable="false" modal header="" :style="{ width: '75%' }">
       <template #header>
         <div class="flex flex-column w-full">
           <p class="text-xl">Add plugin</p>
@@ -43,8 +49,8 @@
                 v-for="node in plugin.nodes"
                 :key="node.node.id"
                 class="flex node-item"
-                @click="selected = { nodeId: node.node.id, pluginId: plugin.id }"
                 :disabled="node.disabled"
+                @click="selected = { nodeId: node.node.id, pluginId: plugin.id }"
               >
                 <a
                   class="element flex align-items-center p-3 border-round w-full transition-colors transition-duration-150 cursor-pointer"
@@ -57,7 +63,11 @@
                   <span class="flex flex-column">
                     <span class="font-bold mb-1"> {{ node.node.name }}</span>
                     <span class="m-0 text-secondary"> {{ node.node.description }}</span>
-                    <span class="m-0 text-secondary font-bold" v-if="typeof node.disabled === 'string'">{{ node.disabled }}</span>
+                    <span
+                      v-if="typeof node.disabled === 'string'"
+                      class="m-0 text-secondary font-bold"
+                      >{{ node.disabled }}</span
+                    >
                   </span>
                 </a>
               </li>
@@ -104,10 +114,15 @@ const props = defineProps({
   path: {
     type: Array as PropType<string[]>,
     required: true
+  },
+  isRunning: {
+    type: Boolean,
+    required: false,
+    default: false
   }
 })
 
-const { path } = toRefs(props)
+const { path, isRunning } = toRefs(props)
 
 const instance = useEditor()
 const appStore = useAppStore()
@@ -131,7 +146,9 @@ watchEffect(() => {
 const selected = ref<{ nodeId: string; pluginId: string }>()
 
 const addNode = () => {
-  visible.value = true
+  if (!isRunning.value) {
+    visible.value = true
+  }
 }
 
 const editor = useEditor()
diff --git a/src/renderer/components/nodes/EditorNodeAction.vue b/src/renderer/components/nodes/EditorNodeAction.vue
index 934d25e..2b3a6bd 100644
--- a/src/renderer/components/nodes/EditorNodeAction.vue
+++ b/src/renderer/components/nodes/EditorNodeAction.vue
@@ -6,9 +6,9 @@
       :class="{
         active: activeNode?.uid === value.uid,
         error: Object.keys(errors).length > 0,
-        disabled: value.disabled
+        disabled: value.disabled || isRunning
       }"
-      @click="showSidebar = true"
+      @click="onNodeClick"
     >
       <!-- <div class="hover-overlay">
         <div class="hover-overlay-content">
@@ -105,8 +105,8 @@
                 :value="value"
                 :steps="steps"
                 :variables="variables"
-                @update:model-value="onValueChanged($event, key.toString())"
                 :vm="vm"
+                @update:model-value="onValueChanged($event, key.toString())"
               ></ParamEditor>
             </div>
           </div>
@@ -128,6 +128,7 @@
       :button-props="{ size: 'small', icon: 'pi pi-plus' }"
       class="add-btn"
       :path="path"
+      :is-running="isRunning"
       @add-node="addNode"
     >
     </AddNodeButton>
@@ -173,11 +174,16 @@ const props = defineProps({
     type: Object as PropType<Record<string, ValidationError[]>>,
     required: false,
     default: () => ({})
+  },
+  isRunning: {
+    type: Boolean,
+    required: false,
+    default: false
   }
 })
 
 const menu = ref()
-const { value, steps, index } = toRefs(props)
+const { value, steps, index, isRunning } = toRefs(props)
 
 /*
 <div class="left">
@@ -292,7 +298,9 @@ const items = computed<MenuItem[]>(() => [
 ])
 
 const toggle = (event: MouseEvent) => {
-  menu.value.toggle(event)
+  if (!isRunning.value) {
+    menu.value.toggle(event)
+  }
 }
 
 const $node = ref<HTMLDivElement>()
@@ -401,6 +409,12 @@ watchDebounced(
 
 const showSidebar = ref(false)
 
+const onNodeClick = () => {
+  if (!isRunning.value) {
+    showSidebar.value = true
+  }
+}
+
 const hasErrored = computed(() => {
   return false
 })
diff --git a/src/renderer/pages/editor.vue b/src/renderer/pages/editor.vue
index fe986ed..441609b 100644
--- a/src/renderer/pages/editor.vue
+++ b/src/renderer/pages/editor.vue
@@ -104,6 +104,7 @@
               :path="[]"
               :steps="stepsDisplay"
               :starting-index="1"
+              :is-running="isRunning"
             ></NodesEditor>
             <EditorNodeDummy title="End"></EditorNodeDummy>
           </div>
@@ -122,8 +123,25 @@
 
       <div class="bottom" :class="{ expanded: bottomExpanded }">
         <div class="header" @click="toggleLogsWindow">
-          <div class="ml-2 h3">Logs</div>
+          <div class="ml-2 h3 logs-header">
+            <div>Logs</div>
+            <div v-if="isRunning" class="logs-animated">
+              <div
+                v-for="log in quickLogs"
+                :key="log.id"
+                class="log-entry"
+                :class="{ 'slide-out': log.isExiting, 'slide-in': !log.isExiting }"
+              >
+                <span v-html="log.text"></span>
+              </div>
+            </div>
+          </div>
           <div class="actions">
+            <Button v-tooltip.top="'Export log'" text @click.stop="exportLog">
+              <template #icon>
+                <i class="mdi mr-1 mdi-file-export"></i>
+              </template>
+            </Button>
             <Button text>
               <template #icon>
                 <i
@@ -157,7 +175,7 @@
                         'mdi-close-circle': nodeStatuses[key] === 'error',
                         'mdi-progress-question': nodeStatuses[key] === 'idle',
                         'mdi-cog': nodeStatuses[key] === 'running',
-                        'rotate': nodeStatuses[key] === 'running'
+                        rotate: nodeStatuses[key] === 'running'
                       }"
                     ></i>
                     <span class="font-bold whitespace-nowrap">{{ keyToNodeName(key) }}</span>
@@ -236,6 +254,9 @@ import EnvironementEditor from './environement-editor.vue'
 import ProjectSettingsEditor from './project-settings-editor.vue'
 import { format } from 'date-fns'
 import { FancyAnsi, hasAnsi } from 'fancy-ansi'
+import Tooltip from 'primevue/tooltip'
+import { watchThrottled } from '@vueuse/core'
+import { stripHtml } from 'string-strip-html'
 
 const router = useRouter()
 
@@ -265,6 +286,8 @@ const filesStore = useFiles()
 const { files } = storeToRefs(filesStore)
 const { update } = filesStore
 
+const quickLogs = ref([])
+
 const keyToNodeName = (key: string) => {
   const foundNode = nodes.value.find((x) => x.uid === key)
   const node = getNodeDefinition(foundNode.origin.nodeId, foundNode.origin.pluginId)
@@ -312,13 +335,12 @@ const toast = useToast()
 
 const currentLogAccordion = ref()
 
-const run = async () => {
-  const instance = useEditor()
-  const api = useAPI()
+const api = useAPI()
 
-  const { setActiveNode } = instance
-  const { activeNode } = storeToRefs(instance)
+const { setActiveNode } = instance
+const { activeNode } = storeToRefs(instance)
 
+const run = async () => {
   setIsRunning(true)
   clearLogs()
   try {
@@ -647,12 +669,76 @@ const toggleLogsWindow = () => {
   bottomExpanded.value = !bottomExpanded.value
 }
 
+watchThrottled(
+  logLines,
+  async () => {
+    if (!activeNode.value) {
+      return
+    }
+
+    const currentLogItem = logLines.value[activeNode.value.uid] ?? []
+    const lastLine = currentLogItem.length - 1
+
+    if (lastLine < 0) {
+      return
+    }
+
+    quickLogs.value = [
+      ...quickLogs.value.map((log) => ({ ...log, isExiting: true })),
+      {
+        id: Date.now(),
+        text: logLines.value[activeNode.value.uid][lastLine],
+        isExiting: false
+      }
+    ]
+
+    await sleep(1000)
+
+    quickLogs.value = quickLogs.value.filter((log) => !log.isExiting)
+  },
+  {
+    throttle: 1000,
+    deep: true
+  }
+)
+
+const exportLog = async () => {
+  const logPaths = await api.execute('dialog:showSaveDialog', {
+    defaultPath: `pipelab-${instance.id}.log`
+  })
+
+  const myLines = Object.entries(logLines.value)
+  let html = ''
+  for (const [key, value] of myLines) {
+    html += `${key}\n`
+    for (const val of value) {
+      html += `${'\t'.repeat(2)}${stripHtml(val).result}\n`
+    }
+    html += `\n`
+  }
+
+  const content = html
+
+  if (logPaths.type === 'success') {
+    if (logPaths.result.filePath) {
+      await api.execute('fs:write', {
+        path: logPaths.result.filePath,
+        content
+      })
+    }
+  }
+}
+
 tinykeys(window, {
   '$mod+KeyS': (event) => {
     event.preventDefault()
     onSaveRequest()
   }
 })
+
+function sleep(ms: number) {
+  return new Promise((resolve) => setTimeout(resolve, ms))
+}
 </script>
 
 <style scoped lang="scss">
@@ -845,4 +931,53 @@ tinykeys(window, {
   // font-size: 1.2rem;
   font-weight: 700;
 }
+
+.logs-header {
+  display: flex;
+  flex-direction: row;
+  flex: 1;
+
+  .logs-animated {
+    width: 100%;
+    padding: 0 16px;
+    opacity: 0.3;
+  }
+}
+
+// .log-entry {
+//   position: absolute;
+//   width: 100%;
+//   left: 48px;
+//   padding: 0 1.5rem;
+// }
+
+@keyframes slide-in {
+  0% {
+    transform: translateY(100%);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+@keyframes slide-out {
+  0% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+  100% {
+    transform: translateY(-100%);
+    opacity: 0;
+  }
+}
+
+.slide-in {
+  animation: slide-in 500ms forwards;
+}
+
+.slide-out {
+  animation: slide-out 500ms forwards;
+}
 </style>
diff --git a/src/renderer/pages/nodes-editor.vue b/src/renderer/pages/nodes-editor.vue
index b9af4a2..71425d1 100644
--- a/src/renderer/pages/nodes-editor.vue
+++ b/src/renderer/pages/nodes-editor.vue
@@ -11,6 +11,7 @@
             :index="index"
             :steps="steps"
             :errors="errors"
+            :is-running="isRunning"
           ></EditorNodeAction>
           <!-- <EditorNodeCondition
             v-if="node.type === 'condition'"
@@ -41,7 +42,7 @@ import EditorNodeAction from '@renderer/components/nodes/EditorNodeAction.vue'
 
 import { PropType, toRefs } from 'vue'
 import { Block, Steps } from '@@/model'
-import { ValidationError } from '@renderer/models/error';
+import { ValidationError } from '@renderer/models/error'
 
 const props = defineProps({
   nodes: {
@@ -55,7 +56,7 @@ const props = defineProps({
   },
   steps: {
     type: Object as PropType<Steps>,
-    required: true,
+    required: true
   },
   path: {
     type: Array as PropType<string[]>,
@@ -71,11 +72,15 @@ const props = defineProps({
     type: Number,
     required: false,
     default: 0
+  },
+  isRunning: {
+    type: Boolean,
+    required: false,
+    default: false
   }
 })
 
 const { nodes, path } = toRefs(props)
-
 </script>
 
 <style scoped lang="scss">
diff --git a/src/shared/plugins.ts b/src/shared/plugins.ts
index db8a9b6..5d3a6bb 100644
--- a/src/shared/plugins.ts
+++ b/src/shared/plugins.ts
@@ -10,6 +10,7 @@ const builtInPlugins = async () => {
       (await import('../shared/libs/plugin-steam')).default,
       (await import('../shared/libs/plugin-itch')).default,
       (await import('../shared/libs/plugin-electron')).default,
+      (await import('../shared/libs/plugin-poki')).default,
       // (await import('../shared/libs/plugin-tauri')).default
     ])
   ).flat()