diff --git a/TODO b/TODO
index 10a17ce..9e36ace 100644
--- a/TODO
+++ b/TODO
@@ -53,7 +53,7 @@ Tests:
 - Disable step
 - View logs in realtime
 - editor full width (no sidebar)
-- ask feedback on the editor (pause, confirm, etc.)
+✔ ask feedback on the editor (pause, confirm, etc.) @done(24-08-07 07:36)
 - env
 
 - export Electron ne fonctionne pas
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 6e66fbf..0ef591e 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -1,55 +1,73 @@
-import globals from "globals";
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-import js from "@eslint/js";
-import { FlatCompat } from "@eslint/eslintrc";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
+import globals from 'globals'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import js from '@eslint/js'
+import { FlatCompat } from '@eslint/eslintrc'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
 const compat = new FlatCompat({
-    baseDirectory: __dirname,
-    recommendedConfig: js.configs.recommended,
-    allConfig: js.configs.all
-});
-
-export default [{
-    ignores: ["**/node_modules", "**/dist", "**/out", "**/.gitignore"],
-}, ...compat.extends(
-    "plugin:vue/vue3-recommended",
-    "eslint:recommended",
-    "@vue/eslint-config-typescript/recommended",
-    "@vue/eslint-config-prettier",
-), {
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all
+})
+
+export default [
+  {
+    ignores: ['**/node_modules', '**/dist', '**/out', '**/.gitignore']
+  },
+  ...compat.extends(
+    'plugin:vue/vue3-recommended',
+    'eslint:recommended',
+    '@vue/eslint-config-typescript/recommended',
+    '@vue/eslint-config-prettier'
+  ),
+  {
+    files: ['**/src/**/*.ts', '**/src/**/*.vue'],
+
+    rules: {
+      'no-console': ['error']
+    }
+  },
+  {
     languageOptions: {
-        globals: {
-            ...globals.browser,
-            ...globals.commonjs,
-            ...globals.node,
-            ...vue.environments["setup-compiler-macros"]["setup-compiler-macros"],
-        },
+      globals: {
+        ...globals.browser,
+        ...globals.commonjs,
+        ...globals.node
+        // ...vue.environments["setup-compiler-macros"]["setup-compiler-macros"],
+      }
     },
 
     rules: {
-        "@typescript-eslint/ban-ts-comment": ["error", {
-            "ts-ignore": "allow-with-description",
-        }],
+      '@typescript-eslint/ban-ts-comment': [
+        'error',
+        {
+          'ts-ignore': 'allow-with-description'
+        }
+      ],
 
-        "@typescript-eslint/explicit-module-boundary-types": "off",
+      '@typescript-eslint/explicit-module-boundary-types': 'off',
 
-        "@typescript-eslint/no-empty-function": ["error", {
-            allow: ["arrowFunctions"],
-        }],
+      '@typescript-eslint/no-empty-function': [
+        'error',
+        {
+          allow: ['arrowFunctions']
+        }
+      ],
 
-        "@typescript-eslint/no-explicit-any": "warn",
-        "@typescript-eslint/no-non-null-assertion": "off",
-        "@typescript-eslint/no-var-requires": "off",
-        "vue/require-default-prop": "off",
-        "vue/multi-word-component-names": "off",
-    },
-}, {
-    files: ["**/*.js"],
+      '@typescript-eslint/no-explicit-any': 'warn',
+      '@typescript-eslint/no-non-null-assertion': 'off',
+      '@typescript-eslint/no-var-requires': 'off',
+      'vue/require-default-prop': 'off',
+      'vue/multi-word-component-names': 'off'
+    }
+  },
+  {
+    files: ['**/*.js'],
 
     rules: {
-        "@typescript-eslint/explicit-function-return-type": "off",
-    },
-}];
\ No newline at end of file
+      '@typescript-eslint/explicit-function-return-type': 'off'
+    }
+  }
+]
diff --git a/package.json b/package.json
index ce6cb9c..3fefd43 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,7 @@
   "packageManager": "pnpm@9.5.0",
   "scripts": {
     "format": "prettier --write .",
-    "lint": "eslint . --ext .js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts,.vue --fix",
+    "lint": "eslint .",
     "typecheck:node": "tsc --noEmit -p tsconfig.json --composite false",
     "typecheck:web": "vue-tsc --noEmit -p tsconfig.json --composite false",
     "typecheck": "npm run typecheck:node && npm run typecheck:web",
diff --git a/src/main.ts b/src/main.ts
index 6746a9e..7a7d03c 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -2,7 +2,7 @@ import { app, shell, BrowserWindow, dialog, autoUpdater } from 'electron'
 import { join } from 'path'
 import { platform } from 'os'
 import { electronApp, optimizer, is } from '@electron-toolkit/utils'
-// @ts-expect-error
+// @ts-expect-error asset
 import icon from '../assets/icon.png?asset'
 import { registerIPCHandlers } from './main/handlers'
 import { usePlugins } from '@@/plugins'
@@ -12,20 +12,20 @@ import { Tray, Menu, nativeImage } from 'electron'
 import { readFile, writeFile, mkdir } from 'fs/promises'
 import { getFinalPlugins } from '@main/utils'
 import { SavedFile } from '@@/model'
-import { handleActionExecute, handleConditionExecute } from '@main/handler-func'
-import { logger } from '@@/logger'
+import { handleActionExecute } from '@main/handler-func'
+import { useLogger } from '@@/logger'
 import * as Sentry from '@sentry/electron/main'
 import { assetsPath } from '@main/paths'
 
-// disable asar throughout the app
-
 const isLinux = platform() === 'linux'
 let tray
 
-logger.info('app.isPackaged', app.isPackaged)
-logger.info('process.env.TEST', process.env.TEST)
-logger.info('process.env.WINEHOMEDIR', process.env.WINEHOMEDIR)
-logger.info('isLinux', isLinux)
+const { logger, setMainWindow } = useLogger()
+
+logger().info('app.isPackaged', app.isPackaged)
+logger().info('process.env.TEST', process.env.TEST)
+logger().info('process.env.WINEHOMEDIR', process.env.WINEHOMEDIR)
+logger().info('isLinux', isLinux)
 
 const isWine = platform() === 'win32' && 'WINEHOMEDIR' in process.env
 
@@ -37,9 +37,7 @@ if (app.isPackaged && process.env.TEST !== 'true' && !isWine) {
 }
 
 const imagePath = join('./assets', 'icon.png')
-let isQuiting = false
-
-console.log('imagePath', imagePath)
+// let isQuiting = false
 
 if (!isLinux && process.env.TEST !== 'true' && require('electron-squirrel-startup')) app.quit()
 
@@ -61,6 +59,8 @@ function createWindow(): void {
     }
   })
 
+  setMainWindow(mainWindow)
+
   if (is.dev) {
     mainWindow.webContents.openDevTools()
   }
@@ -75,7 +75,7 @@ function createWindow(): void {
     mainWindow.hide()
   })
 
-  mainWindow.on('close', function (event) {
+  mainWindow.on('close', function () {
     app.quit()
   })
 
@@ -110,9 +110,9 @@ app.whenReady().then(async () => {
   })
 
   autoUpdater.on('update-downloaded', (event, releaseNotes, releaseName) => {
-    logger.info('releaseNotes', releaseNotes)
-    logger.info('releaseName', releaseName)
-    logger.info('event', event)
+    logger().info('releaseNotes', releaseNotes)
+    logger().info('releaseName', releaseName)
+    logger().info('event', event)
     const dialogOpts: Electron.MessageBoxOptions = {
       type: 'info',
       buttons: ['Restart', 'Later'],
@@ -127,25 +127,25 @@ app.whenReady().then(async () => {
   })
 
   autoUpdater.on('error', (message) => {
-    logger.info('There was a problem updating the application')
-    logger.info(message)
+    logger().info('There was a problem updating the application')
+    logger().info(message)
   })
 
   autoUpdater.on('update-available', () => {
-    logger.info('Found update')
+    logger().info('Found update')
   })
 
   autoUpdater.on('update-not-available', () => {
-    logger.info('No update available')
+    logger().info('No update available')
   })
 
   autoUpdater.on('checking-for-update', (info: any) => {
-    logger.info('checking-for-update', info)
+    logger().info('checking-for-update', info)
   })
 
-  logger.info('app ready')
+  logger().info('app ready')
   autoUpdater.checkForUpdates()
-  logger.info('autoUpdater.getFeedURL()', autoUpdater.getFeedURL())
+  logger().info('autoUpdater.getFeedURL()', autoUpdater.getFeedURL())
 
   // Set app user model id for windows
   electronApp.setAppUserModelId('com.cyn')
@@ -220,11 +220,11 @@ exec "${process.execPath}" "$@"
 
   const { values } = parseArgs(config)
 
-  logger.info('values', values)
+  logger().info('values', values)
 
   // exit if values are passed
   if (Object.keys(values).length > 0) {
-    logger.info('Processing graph...')
+    logger().info('Processing graph...')
 
     const { action, project, output } = values
 
@@ -232,7 +232,7 @@ exec "${process.execPath}" "$@"
       const rawData = await readFile(project, 'utf8')
       const data = JSON.parse(rawData) as SavedFile
 
-      logger.info('data', data)
+      logger().info('data', data)
 
       const { canvas, variables } = data
       const { blocks: nodes } = canvas
@@ -245,22 +245,22 @@ exec "${process.execPath}" "$@"
         steps: {},
         context: {},
         onNodeEnter: (node) => {
-          logger.info('onNodeEnter', node.uid)
+          logger().info('onNodeEnter', node.uid)
         },
         onNodeExit: (node) => {
-          logger.info('onNodeExit', node.uid)
+          logger().info('onNodeExit', node.uid)
         },
-        onExecuteItem: (node, params, steps) => {
+        onExecuteItem: (node, params/* , steps */) => {
           /* if (node.type === 'condition') {
             return handleConditionExecute(node.origin.nodeId, node.origin.pluginId, params, {
               send: (data) => {
-                logger.info('send', data)
+                logger().info('send', data)
               }
             })
           } else  */ if (node.type === 'action') {
             return handleActionExecute(node.origin.nodeId, node.origin.pluginId, params, mainWindow, {
               send: (data) => {
-                logger.info('send', data)
+                logger().info('send', data)
               }
             })
           } else {
@@ -296,7 +296,7 @@ exec "${process.execPath}" "$@"
       label: 'Exit',
       type: 'normal',
       click: () => {
-        isQuiting = true
+        // isQuiting = true
         app.quit()
       }
     }
diff --git a/src/main/api.ts b/src/main/api.ts
index 7325624..7bb3638 100644
--- a/src/main/api.ts
+++ b/src/main/api.ts
@@ -2,9 +2,11 @@ import { BrowserWindow } from 'electron'
 import { klona } from 'klona'
 import { toRaw } from 'vue'
 
-import { RendererPluginDefinition } from '@cyn/plugin-core'
 import type { Tagged } from 'type-fest'
+import { ILogObjMeta } from 'tslog'
+import { useLogger } from '@@/logger'
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 type Event<TYPE extends string, DATA> = { type: TYPE; data: DATA }
 type EndEvent<DATA> = { type: 'end'; data: DATA }
 
@@ -15,6 +17,11 @@ export type IpcDefinition = {
     { message: string; buttons?: { title: string; value: string }[] },
     EndEvent<{ answer: string }>
   ]
+  'log:message': [
+    // input
+    ILogObjMeta,
+    EndEvent<void>
+  ]
 }
 
 export type RendererChannels = keyof IpcDefinition
@@ -44,6 +51,7 @@ export type ListenerMain<KEY extends RendererChannels> = (
 ) => Promise<void>
 
 export const usePluginAPI = (browserWindow: BrowserWindow) => {
+  const { logger } = useLogger()
   /**
    * Send an order
    */
@@ -93,8 +101,8 @@ export const usePluginAPI = (browserWindow: BrowserWindow) => {
       try {
         browserWindow.webContents.send(channel, message)
       } catch (e) {
-        console.error(e)
-        console.error(channel, message)
+        logger().error(e)
+        logger().error(channel, message)
       }
     })
   }
diff --git a/src/main/handler-func.ts b/src/main/handler-func.ts
index 12b90a6..ba84766 100644
--- a/src/main/handler-func.ts
+++ b/src/main/handler-func.ts
@@ -12,9 +12,8 @@ import { randomBytes } from 'node:crypto'
 import { mkdir } from 'node:fs/promises'
 import { tmpdir } from 'node:os'
 import { join } from 'node:path'
-import { HandleListenerSendFn } from './handlers'
 import { assetsPath, unpackPath } from './paths'
-import { logger } from '@@/logger'
+import { useLogger } from '@@/logger'
 import { BrowserWindow } from 'electron'
 import { usePluginAPI } from './api'
 
@@ -47,9 +46,10 @@ export const handleConditionExecute = async (
   nodeId: string,
   pluginId: string,
   params: any,
-  { send }: { send: HandleListenerSendFn<'condition:execute'> }
+  // { send }: { send: HandleListenerSendFn<'condition:execute'> }
 ): Promise<End<'condition:execute'>> => {
   const { plugins } = usePlugins()
+  const { logger } = useLogger()
 
   const node = plugins.value
     .find((plugin) => plugin.id === pluginId)
@@ -78,13 +78,13 @@ export const handleConditionExecute = async (
       const value = await node.runner({
         inputs: resolvedInputs,
         log: (...args) => {
-          logger.info(`[${node.node.name}]`, ...args)
+          logger().info(`[${node.node.name}]`, ...args)
         },
         meta: {
           definition: ''
         },
         setMeta: () => {
-          logger.info('set meta defined here')
+          logger().info('set meta defined here')
         },
         cwd: tmp
       })
@@ -93,7 +93,7 @@ export const handleConditionExecute = async (
         value
       }
     } catch (e) {
-      logger.error('e', e)
+      logger().error('e', e)
       return {
         result: {
           ipcError: e
@@ -114,9 +114,10 @@ export const handleActionExecute = async (
   pluginId: string,
   params: any,
   mainWindow: BrowserWindow | undefined,
-  { send }: { send: HandleListenerSendFn<'action:execute'> }
+  // { send }: { send: HandleListenerSendFn<'action:execute'> }
 ): Promise<End<'action:execute'>> => {
   const { plugins } = usePlugins()
+  const { logger } = useLogger()
 
   const node = plugins.value
     .find((plugin) => plugin.id === pluginId)
@@ -141,21 +142,19 @@ export const handleActionExecute = async (
 
       const resolvedInputs = params // await resolveActionInputs(params, node.node, steps)
 
-      logger.info('resolvedInputs', resolvedInputs)
+      logger().info('resolvedInputs', resolvedInputs)
 
       const _assetsPath = await assetsPath()
       const _unpackPath = await unpackPath()
 
       const outputs: Record<string | number | symbol, unknown> = {}
 
-      console.log('mainWindow', mainWindow)
-
       const api = usePluginAPI(mainWindow)
 
       await node.runner({
         inputs: resolvedInputs,
         log: (...args) => {
-          logger.info(`[${node.node.name}]`, ...args)
+          logger().info(`[${node.node.name}]`, ...args)
         },
         setOutput: (key, value) => {
           outputs[key] = value
@@ -164,7 +163,7 @@ export const handleActionExecute = async (
           definition: ''
         },
         setMeta: () => {
-          logger.info('set meta defined here')
+          logger().info('set meta defined here')
         },
         cwd: tmp,
         paths: {
@@ -177,7 +176,7 @@ export const handleActionExecute = async (
         outputs
       }
     } catch (e) {
-      logger.error('[action:execute] e', e)
+      logger().error('[action:execute] e', e)
       return {
         result: {
           ipcError: e
diff --git a/src/main/handlers.ts b/src/main/handlers.ts
index d4171da..95fcf95 100644
--- a/src/main/handlers.ts
+++ b/src/main/handlers.ts
@@ -1,26 +1,11 @@
 import { Channels, Data, Events, Message } from '@@/apis'
 import { BrowserWindow, app, dialog, ipcMain } from 'electron'
-import { usePlugins } from '@@/plugins'
-import {
-  ActionRunner,
-  ConditionRunner,
-  Condition,
-  InputsDefinition,
-  Action
-} from '../shared/libs/plugin-core'
 import { getFinalPlugins } from './utils'
-import { tmpdir } from 'node:os'
 import { dirname, join } from 'node:path'
-import { randomBytes } from 'node:crypto'
 import { mkdir, writeFile, readFile, access } from 'node:fs/promises'
 import { presets } from './presets/list'
-import { isRequired } from '@@/validation'
 import { handleActionExecute, handleConditionExecute } from './handler-func'
-import { logger } from '@@/logger'
-
-function sleep(ms: number) {
-  return new Promise((resolve) => setTimeout(resolve, ms))
-}
+import { useLogger } from '@@/logger'
 
 export type HandleListenerSendFn<KEY extends Channels> = (events: Events<KEY>) => void
 
@@ -30,6 +15,8 @@ export type HandleListener<KEY extends Channels> = (
 ) => Promise<void>
 
 export const useAPI = () => {
+  const { logger } = useLogger()
+
   const handle = <KEY extends Channels>(channel: KEY, listener: HandleListener<KEY>) => {
     return ipcMain.on(channel, (event, message: Message) => {
       const { data, requestId } = message
@@ -37,7 +24,7 @@ export const useAPI = () => {
       // logger.info('received data', data)
 
       const send: HandleListenerSendFn<KEY> = (events) => {
-        logger.debug('sending', events, 'to', requestId)
+        logger().debug('sending', events, 'to', requestId)
         return event.sender.send(requestId, events)
       }
 
@@ -55,20 +42,21 @@ export const useAPI = () => {
 
 export const registerIPCHandlers = () => {
   const { handle } = useAPI()
+  const { logger } = useLogger()
 
-  logger.info('registering ipc handlers')
+  logger().info('registering ipc handlers')
 
   handle('dialog:showOpenDialog', async (event, { value, send }) => {
     const slash = (await import('slash')).default
 
-    // logger.info('event', event)
-    logger.info('value', value)
-    logger.info('dialog:showOpenDialog')
+    // logger().info('event', event)
+    logger().info('value', value)
+    logger().info('dialog:showOpenDialog')
 
     const mainWindow = BrowserWindow.fromWebContents(event.sender)
 
     if (!mainWindow) {
-      console.error('mainWindow not found')
+      logger().error('mainWindow not found')
       return
     }
 
@@ -84,9 +72,11 @@ export const registerIPCHandlers = () => {
   })
 
   handle('fs:read', async (event, { value, send }) => {
+  const { logger } = useLogger()
+
     // logger.info('event', event)
-    logger.info('value', value)
-    logger.info('fs:read')
+    logger().info('value', value)
+    logger().info('fs:read')
 
     try {
       const data = await readFile(value.path, 'utf-8')
@@ -98,7 +88,7 @@ export const registerIPCHandlers = () => {
         }
       })
     } catch (e) {
-      console.error('e', e)
+      logger().error('e', e)
       send({
         type: 'end',
         data: {
@@ -111,9 +101,10 @@ export const registerIPCHandlers = () => {
   })
 
   handle('fs:write', async (event, { value, send }) => {
+  const { logger } = useLogger()
     // logger.info('event', event)
-    logger.info('value', value)
-    logger.info('fs:read')
+    logger().info('value', value)
+    logger().info('fs:read')
 
     await writeFile(value.path, value.content, 'utf-8')
 
@@ -126,14 +117,16 @@ export const registerIPCHandlers = () => {
   })
 
   handle('dialog:showSaveDialog', async (event, { value, send }) => {
+  const { logger } = useLogger()
+
     // logger.info('event', event)
-    logger.info('value', value)
-    logger.info('dialog:showSaveDialog')
+    logger().info('value', value)
+    logger().info('dialog:showSaveDialog')
 
     const mainWindow = BrowserWindow.fromWebContents(event.sender)
 
     if (!mainWindow) {
-      console.error('mainWindow not found')
+      logger().error('mainWindow not found')
       return
     }
 
@@ -180,12 +173,12 @@ export const registerIPCHandlers = () => {
     })
   })
 
-  handle('condition:execute', async (_, { send, value }) => {
+  handle('condition:execute', async (_, { value }) => {
     const { nodeId, params, pluginId } = value
 
-    await handleConditionExecute(nodeId, pluginId, params, {
+    await handleConditionExecute(nodeId, pluginId, params/* , {
       send,
-    })
+    } */)
   })
 
   handle('action:execute', async (event, { send, value }) => {
@@ -193,11 +186,9 @@ export const registerIPCHandlers = () => {
 
     const mainWindow = BrowserWindow.fromWebContents(event.sender)
 
-    const result = await handleActionExecute(nodeId, pluginId, params, mainWindow, {
-      send,
-    })
+    const result = await handleActionExecute(nodeId, pluginId, params, mainWindow)
 
-    // @ts-expect-error
+    // @ts-expect-error rrr
     await send({
       data: result,
       type: 'end'
@@ -228,7 +219,7 @@ export const registerIPCHandlers = () => {
     try {
       content = await readFile(filesPath, 'utf8')
     } catch (e) {
-      console.error('e', e)
+      logger().error('e', e)
     }
 
     const json = JSON.parse(content)
diff --git a/src/preload.ts b/src/preload.ts
index a209fb3..0b04c3c 100644
--- a/src/preload.ts
+++ b/src/preload.ts
@@ -3,8 +3,7 @@ import { electronAPI } from '@electron-toolkit/preload'
 import { version } from '../package.json'
 
 // Custom APIs for renderer
-const api = {
-}
+const api = {}
 
 // TODO: unify window and contextBridge
 
@@ -16,18 +15,17 @@ if (process.contextIsolated) {
     contextBridge.exposeInMainWorld('electron', electronAPI)
     contextBridge.exposeInMainWorld('api', api)
     contextBridge.exposeInMainWorld('version', version)
-    contextBridge.exposeInMainWorld("isPackaged", process.env.NODE_ENV !== "development")
-    contextBridge.exposeInMainWorld("isTest", process.env.TEST === 'true')
+    contextBridge.exposeInMainWorld('isPackaged', process.env.NODE_ENV !== 'development')
+    contextBridge.exposeInMainWorld('isTest', process.env.TEST === 'true')
+    // eslint-disable-next-line no-console
     console.log('process.env.NODE_ENV', process.env.NODE_ENV)
     // contextBridge.exposeInMainWorld('_dirname', __dirname)
-  } catch (error) {
-    console.error(error)
-  }
+  } catch (error) {}
 } else {
   window.electron = electronAPI
   window.api = api
   window.version = version
-  window.isPackaged = process.env.NODE_ENV !== "development"
+  window.isPackaged = process.env.NODE_ENV !== 'development'
   window.isTest = process.env.TEST === 'true'
   // window.__dirname = __dirname
 }
diff --git a/src/renderer.ts b/src/renderer.ts
index 8e97e4c..714acd0 100644
--- a/src/renderer.ts
+++ b/src/renderer.ts
@@ -1,3 +1 @@
 import './renderer/main'
-
-console.log('renderer')
diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index 5266d07..6fd57ef 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -62,7 +62,8 @@
           <Dialog
             v-model:visible="isAuthModalVisible"
             modal
-            :style="{ width: '30vw' }" :breakpoints="{ '1199px': '75vw', '575px': '90vw' }"
+            :style="{ width: '30vw' }"
+            :breakpoints="{ '1199px': '75vw', '575px': '90vw' }"
           >
             <template #header>
               <div class="flex flex-column w-full">
@@ -70,7 +71,7 @@
               </div>
             </template>
 
-            <div class="login" v-if="type === 'login'">
+            <div v-if="type === 'login'" class="login">
               <div class="grid justify-content-center">
                 <div class="col-12 xl:col-6 w-full">
                   <div class="h-full w-full">
@@ -99,17 +100,17 @@
                           v-model="passwordModel"
                           v-bind="passwordProps"
                           placeholder="Password"
-                          :toggleMask="true"
+                          :toggle-mask="true"
                           :feedback="false"
                           :invalid="!!errors.password"
                           :class="{
                             'w-full': true
                           }"
-                          inputClass="w-full"
+                          input-class="w-full"
                         >
                         </Password>
 
-                        <small class="p-error" v-if="errors.password">
+                        <small v-if="errors.password" class="p-error">
                           {{ errors.password }}
                         </small>
 
@@ -126,14 +127,19 @@
                           class="w-full p-3 text-lg mb-2"
                           @click="onSubmit"
                         />
-                        <Button @click="type = 'register'" text label="Don't have an account?" class="w-full p-3 text-lg" />
+                        <Button
+                          text
+                          label="Don't have an account?"
+                          class="w-full p-3 text-lg"
+                          @click="type = 'register'"
+                        />
                       </div>
                     </form>
                   </div>
                 </div>
               </div>
             </div>
-            <div class="login" v-if="type === 'register'">
+            <div v-if="type === 'register'" class="login">
               <div class="grid justify-content-center">
                 <div class="col-12 xl:col-6 w-full">
                   <div class="h-full w-full">
@@ -162,12 +168,12 @@
                           v-model="passwordModel"
                           v-bind="passwordProps"
                           placeholder="Password"
-                          :toggleMask="true"
+                          :toggle-mask="true"
                           :invalid="!!errors.password"
                           :class="{
                             'w-full': true
                           }"
-                          inputClass="w-full"
+                          input-class="w-full"
                         >
                           <template #header>
                             <div class="text-lg font-bold mb-3">Pick a password</div>
@@ -187,7 +193,7 @@
                           </template>
                         </Password>
 
-                        <small class="p-error" v-if="errors.password">
+                        <small v-if="errors.password" class="p-error">
                           {{ errors.password }}
                         </small>
 
@@ -204,7 +210,12 @@
                           class="w-full p-3 text-lg mb-2"
                           @click="onSubmit"
                         />
-                        <Button text @click="type = 'login'" label="Already have an account?" class="w-full p-3 text-lg" />
+                        <Button
+                          text
+                          label="Already have an account?"
+                          class="w-full p-3 text-lg"
+                          @click="type = 'login'"
+                        />
                       </div>
                     </form>
                   </div>
@@ -233,15 +244,15 @@ import { storeToRefs } from 'pinia'
 import { useForm } from 'vee-validate'
 import { toTypedSchema } from '@vee-validate/valibot'
 import { object, pipe, string, email, nonEmpty, minLength, regex } from 'valibot'
+import { handle } from './composables/handlers'
+import { useLogger } from '@@/logger'
 
 const appStore = useAppStore()
 const filesStore = useFiles()
-const api = useAPI()
+const { logger } = useLogger()
 
 const { init } = appStore
 
-console.log('window', window)
-
 const appVersion = ref(window.version)
 const isAuthModalVisible = ref(false)
 const auth = useAuth()
@@ -250,7 +261,11 @@ const { user } = storeToRefs(auth)
 
 const schema = toTypedSchema(
   object({
-    email: pipe(string('An email adress is required'), nonEmpty('Email is required'), email('Invalid email')),
+    email: pipe(
+      string('An email adress is required'),
+      nonEmpty('Email is required'),
+      email('Invalid email')
+    ),
     password: pipe(
       string('A password is required'),
       nonEmpty('Password is required'),
@@ -258,7 +273,7 @@ const schema = toTypedSchema(
       regex(/[a-z]/, 'Password must contain at least one lowercase letter'),
       regex(/[A-Z]/, 'Password must contain at least one uppercase letter'),
       regex(/[0-9]/, 'Password must contain at least one number'),
-      regex(/[!@#$%^&*()_+-=[\]{};':"|<>?,.\/`~.]/, 'Password must contain at least one symbol')
+      regex(/[!@#$%^&*()_+-=[\]{};':"|<>?,./`~.]/, 'Password must contain at least one symbol')
     )
   })
 )
@@ -276,12 +291,12 @@ const onSuccess = async (values: any) => {
   } else {
     await auth.login(values.email, values.password)
   }
-};
+}
 
 function onInvalidSubmit({ values, errors, results }: any) {
-  console.log({ values }) // current form values
-  console.log({ errors }) // a map of field names and their first error message
-  console.log({ results }) // a detailed map of field names and their validation results
+  logger().info({ values }) // current form values
+  logger().info({ errors }) // a map of field names and their first error message
+  logger().info({ results }) // a detailed map of field names and their validation results
 }
 
 const onSubmit = handleSubmit(onSuccess, onInvalidSubmit)
@@ -289,14 +304,31 @@ const onSubmit = handleSubmit(onSuccess, onInvalidSubmit)
 const type = ref<'login' | 'register'>('login')
 const isLoading = ref(false)
 
+handle('log:message', async (event, { value, send }) => {
+  if (value._meta) {
+    const values = Object.entries(value)
+      .filter(([key]) => key !== '_meta')
+      .map(([, v]) => v)
+    console.log('values', values)
+    logger()
+      .getSubLogger({
+        name: 'Main'
+      })
+      .log(value._meta.logLevelId, ...[value._meta.logLevelName, ...values])
+  }
+
+  send({
+    type: 'end',
+    data: undefined
+  })
+})
+
 onMounted(async () => {
   isLoading.value = true
-  await auth.init()
 
   await filesStore.load()
-  console.log('files loaded', filesStore)
   await init()
-  console.log('init done')
+  logger().info('init done')
   // const result = await api.execute('')
   isLoading.value = false
 })
diff --git a/src/renderer/components/AddNodeButton.vue b/src/renderer/components/AddNodeButton.vue
index 41ac5f1..958b7c1 100644
--- a/src/renderer/components/AddNodeButton.vue
+++ b/src/renderer/components/AddNodeButton.vue
@@ -91,6 +91,7 @@ import Button from 'primevue/button'
 import InputText from 'primevue/inputtext'
 import { useAppStore } from '@renderer/store/app'
 import { CynNode } from '@@/libs/plugin-core'
+import { useLogger } from '@@/logger'
 
 type ButtonProps = InstanceType<typeof Button>['$props']
 
@@ -111,11 +112,7 @@ const { path } = toRefs(props)
 const instance = useEditor()
 const appStore = useAppStore()
 
-const {} = storeToRefs(instance)
-
 const { pluginDefinitions } = storeToRefs(appStore)
-const {} = appStore
-
 const $searchInput = ref<InstanceType<typeof InputText>>()
 
 const visible = ref(false)
@@ -140,25 +137,27 @@ const addNode = () => {
 const editor = useEditor()
 const { getNodeDefinition, getPluginDefinition } = editor
 
+const { logger } = useLogger()
+
 const onAdd = () => {
   const selection = selected.value
 
   if (!selection) {
-    console.error('cannot find selection')
+    logger().error('cannot find selection')
     return
   }
 
   const def = getPluginDefinition(selection.pluginId)
 
   if (!def) {
-    console.error('cannot find definition')
+    logger().error('cannot find definition')
     return
   }
 
   const node = getNodeDefinition(selection.nodeId, selection.pluginId)
 
   if (!node) {
-    console.error('cannot find node')
+    logger().error('cannot find node')
     return
   }
 
@@ -190,7 +189,7 @@ const isNodePicked = (node: CynNode, searchedValue: string) => {
 
 // TODO: refactor
 const searchedElements = computed(() => {
-  console.log('pluginDefinitions', pluginDefinitions.value)
+  logger().info('pluginDefinitions', pluginDefinitions.value)
   const searchedValue = search.value.toLowerCase()
 
   return pluginDefinitions.value
diff --git a/src/renderer/components/AddTriggerButton.vue b/src/renderer/components/AddTriggerButton.vue
index 88d8999..b340236 100644
--- a/src/renderer/components/AddTriggerButton.vue
+++ b/src/renderer/components/AddTriggerButton.vue
@@ -91,7 +91,7 @@ import Button from 'primevue/button'
 import InputText from 'primevue/inputtext'
 import { useAppStore } from '@renderer/store/app'
 import { CynNode, Event } from '@@/libs/plugin-core'
-import { BlockEvent } from '@@/model'
+import { useLogger } from '@@/logger'
 
 type ButtonProps = InstanceType<typeof Button>['$props']
 
@@ -112,16 +112,14 @@ const { path } = toRefs(props)
 const instance = useEditor()
 const appStore = useAppStore()
 
-const {} = storeToRefs(instance)
-
 const { pluginDefinitions } = storeToRefs(appStore)
-const {} = appStore
-
 const $searchInput = ref<InstanceType<typeof InputText>>()
 
 const visible = ref(false)
 const search = ref('')
 
+const { logger } = useLogger()
+
 watchEffect(() => {
   if (visible.value === true) {
     const el = $searchInput.value?.$el as HTMLInputElement
@@ -145,21 +143,21 @@ const onAdd = () => {
   const selection = selected.value
 
   if (!selection) {
-    console.error('cannot find selection')
+    logger().error('cannot find selection')
     return
   }
 
   const def = getPluginDefinition(selection.pluginId)
 
   if (!def) {
-    console.error('cannot find definition')
+    logger().error('cannot find definition')
     return
   }
 
   const trigger = getNodeDefinition(selection.triggerId, selection.pluginId)
 
   if (!trigger) {
-    console.error('cannot find trigger')
+    logger().error('cannot find trigger')
     return
   }
 
@@ -191,7 +189,7 @@ const isNodePicked = (trigger: CynNode, searchedValue: string) => {
 
 // TODO: refactor
 const searchedElements = computed(() => {
-  console.log('pluginDefinitions', pluginDefinitions.value)
+  logger().info('pluginDefinitions', pluginDefinitions.value)
   const searchedValue = search.value.toLowerCase()
 
   return pluginDefinitions.value
diff --git a/src/renderer/components/ScenarioListItemFile.vue b/src/renderer/components/ScenarioListItemFile.vue
index 1f25078..0be983e 100644
--- a/src/renderer/components/ScenarioListItemFile.vue
+++ b/src/renderer/components/ScenarioListItemFile.vue
@@ -36,8 +36,6 @@ onMounted(async () => {
     path: path.value
   })
 
-  console.log('data', data)
-
   if ('content' in dataRaw) {
     data.value = JSON.parse(dataRaw.content) as SavedFile
   } else {
diff --git a/src/renderer/components/controls/boolean/boolean.vue b/src/renderer/components/controls/boolean/boolean.vue
index 5efce47..79de264 100644
--- a/src/renderer/components/controls/boolean/boolean.vue
+++ b/src/renderer/components/controls/boolean/boolean.vue
@@ -29,15 +29,15 @@ const props = defineProps({
 
 const { data } = toRefs(props)
 
-watch(
-  data,
-  () => {
-    console.log('--> data', data.value)
-  },
-  {
-    deep: true
-  }
-)
+// watch(
+//   data,
+//   () => {
+//     console.log('--> data', data.value)
+//   },
+//   {
+//     deep: true
+//   }
+// )
 
 // const onChange = (e: Event) => {
 //   console.log('data.value', e)
diff --git a/src/renderer/components/controls/checkbox/checkbox.vue b/src/renderer/components/controls/checkbox/checkbox.vue
index cc9f38c..ad15d2e 100644
--- a/src/renderer/components/controls/checkbox/checkbox.vue
+++ b/src/renderer/components/controls/checkbox/checkbox.vue
@@ -32,18 +32,6 @@ const props = defineProps({
 
 const { data } = toRefs(props)
 
-watch(
-  data,
-  () => {
-    // @ts-expect-error
-    console.log('--> data', data.value.type)
-    console.log('--> data', data.value)
-  },
-  {
-    deep: true
-  }
-)
-
 // const onChange = (e: Event) => {
 //   console.log('data.value', data.value)
 //   // @ts-expect-error
diff --git a/src/renderer/components/controls/input/input.vue b/src/renderer/components/controls/input/input.vue
index 0a1fc0c..68801a2 100644
--- a/src/renderer/components/controls/input/input.vue
+++ b/src/renderer/components/controls/input/input.vue
@@ -22,7 +22,7 @@ export default {
 
 <script lang="ts" setup>
 import { CynControlInput } from '@cyn/controls'
-import { type PropType, toRefs, watch } from 'vue'
+import { type PropType, toRefs } from 'vue'
 
 const props = defineProps({
   data: {
@@ -33,19 +33,7 @@ const props = defineProps({
 
 const { data } = toRefs(props)
 
-watch(
-  data,
-  () => {
-    console.log('--> data', data.value)
-  },
-  {
-    deep: true,
-    immediate: true
-  }
-)
-
 const onChange = (e: Event) => {
-  console.log('e', e)
   const val =
     data.value.options.type === 'number'
       ? // @ts-expect-error value
@@ -53,8 +41,6 @@ const onChange = (e: Event) => {
       : // @ts-expect-error value
         e.target?.value
 
-  console.log('new value', val)
-
   data.value.options.onInput(val)
 }
 </script>
diff --git a/src/renderer/components/controls/path/path.vue b/src/renderer/components/controls/path/path.vue
index be949ac..605bb49 100644
--- a/src/renderer/components/controls/path/path.vue
+++ b/src/renderer/components/controls/path/path.vue
@@ -23,7 +23,7 @@ export default {
 <script lang="ts" setup>
 import { CynControlPath } from '@cyn/controls'
 import { useAPI } from '@renderer/composables/api'
-import { type PropType, toRefs, watch } from 'vue'
+import { type PropType, toRefs } from 'vue'
 
 const props = defineProps({
   data: {
@@ -34,20 +34,7 @@ const props = defineProps({
 
 const { data } = toRefs(props)
 
-watch(
-  data,
-  () => {
-    console.log('--> data', data.value)
-  },
-  {
-    deep: true
-  }
-)
-
 const onChange = (e: Event) => {
-  console.log('data.value', e)
-
-  // @ts-expect-error
   data.value.setValue(e.target.value)
 }
 
@@ -59,12 +46,10 @@ const onClick = async () => {
     async (_, message) => {
       const { type, data } = message
       if (type === 'end') {
-        console.log('end', data)
+        //
       }
     }
   )
-
-  console.log('paths', paths)
 }
 </script>
 
diff --git a/src/renderer/components/nodes/EditorNodeAction.vue b/src/renderer/components/nodes/EditorNodeAction.vue
index db418c5..aa60fb8 100644
--- a/src/renderer/components/nodes/EditorNodeAction.vue
+++ b/src/renderer/components/nodes/EditorNodeAction.vue
@@ -26,9 +26,9 @@
                 :param="value.params[key]"
                 :param-key="key"
                 :param-definition="paramDefinition"
-                @update:model-value="onValueChanged($event, key.toString())"
                 :value="value"
                 :steps="steps"
+                @update:model-value="onValueChanged($event, key.toString())"
               ></ParamEditor>
             </div>
           </div>
@@ -69,6 +69,7 @@ import DOMPurify from 'dompurify'
 import { makeResolvedParams } from '@renderer/utils/evaluator'
 import { ValidationError } from '@renderer/models/error'
 import AddNodeButton from '../AddNodeButton.vue'
+import { useLogger } from '@@/logger'
 
 const props = defineProps({
   value: {
@@ -105,9 +106,9 @@ const pluginDefinition = computed(() => {
   return getPluginDefinition(value.value.origin.pluginId)
 })
 
-const onValueChanged = (newValue: unknown, paramKey: string) => {
-  console.log('newValue', newValue)
+const { logger } = useLogger()
 
+const onValueChanged = (newValue: unknown, paramKey: string) => {
   setBlockValue(value.value.uid, {
     ...value.value,
     params: {
@@ -139,7 +140,7 @@ const resolvedParams = computedAsync(
   {},
   {
     onError: (error) => {
-      console.error('error', error)
+      logger().error('error', error)
     }
   }
 )
@@ -159,7 +160,7 @@ const subtitle = computedAsync(
   'Loading...',
   {
     onError: (error) => {
-      console.error('error', error)
+      logger().error('error', error)
     }
   }
 )
diff --git a/src/renderer/components/nodes/EditorNodeCondition.vue b/src/renderer/components/nodes/EditorNodeCondition.vue
index 27920c9..f340ceb 100644
--- a/src/renderer/components/nodes/EditorNodeCondition.vue
+++ b/src/renderer/components/nodes/EditorNodeCondition.vue
@@ -84,6 +84,7 @@ import { computedAsync } from '@vueuse/core'
 import PluginIcon from './PluginIcon.vue'
 import { Condition } from '@cyn/plugin-core'
 import { ValidationError } from '@renderer/models/error'
+import { useLogger } from '@@/logger'
 
 const props = defineProps({
   value: {
@@ -106,6 +107,8 @@ const { value } = toRefs(props)
 
 const $nodeConditionWrapper = ref<HTMLDivElement>()
 
+const { logger } = useLogger()
+
 const subtitle = computedAsync(
   async () => {
     // const result = await engine.parseAndRender(nodeDefinition.value?.displayString ?? '', {
@@ -117,7 +120,7 @@ const subtitle = computedAsync(
   'Loading...',
   {
     onError: (error) => {
-      console.error('error', error)
+      logger().error('error', error)
     }
   }
 )
@@ -127,9 +130,6 @@ const { getNodeDefinition, setBlockValue, getPluginDefinition } = editor
 const { activeNode } = storeToRefs(editor)
 
 const onValueChanged = (newValue: unknown, paramKey: string) => {
-  console.log('newValue', newValue)
-
-  // @ts-expect-error
   setBlockValue(value.value.uid, {
     ...value.value,
     params: {
diff --git a/src/renderer/components/nodes/EditorNodeEvent.vue b/src/renderer/components/nodes/EditorNodeEvent.vue
index e1c02a5..b10e5c0 100644
--- a/src/renderer/components/nodes/EditorNodeEvent.vue
+++ b/src/renderer/components/nodes/EditorNodeEvent.vue
@@ -70,6 +70,7 @@ import PluginIcon from './PluginIcon.vue'
 import { ValidationError } from '@renderer/models/error'
 import AddNodeButton from '../AddNodeButton.vue'
 import { createQuickJs } from '@renderer/utils/quickjs'
+import { useLogger } from '@@/logger'
 
 const props = defineProps({
   value: {
@@ -94,12 +95,13 @@ const props = defineProps({
 
 const { value, steps } = toRefs(props)
 
+const { logger } = useLogger()
+
 const editor = useEditor()
 const { getNodeDefinition, getPluginDefinition, setTriggerValue, addNode, removeTrigger } = editor
 const { activeNode } = storeToRefs(editor)
 
 const nodeDefinition = computed(() => {
-  console.log('value', value)
   const el = getNodeDefinition(value.value.origin.nodeId, value.value.origin.pluginId)
   if (el) {
     return el.node as Event
@@ -112,8 +114,6 @@ const pluginDefinition = computed(() => {
 })
 
 const onValueChanged = (newValue: unknown, paramKey: string) => {
-  console.log('newValue', newValue)
-
   setTriggerValue(value.value.uid, {
     ...value.value,
     params: {
@@ -145,7 +145,7 @@ const resolvedParams = computedAsync(
   {},
   {
     onError: (error) => {
-      console.error('error', error)
+      logger().error('error', error)
     }
   }
 )
@@ -164,7 +164,7 @@ const subtitle = computedAsync(
   'Loading...',
   {
     onError: (error) => {
-      console.error('error', error)
+      logger().error('error', error)
     }
   }
 )
diff --git a/src/renderer/components/nodes/ParamEditor.vue b/src/renderer/components/nodes/ParamEditor.vue
index b0bb3e9..471992d 100644
--- a/src/renderer/components/nodes/ParamEditor.vue
+++ b/src/renderer/components/nodes/ParamEditor.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="param-editor" @click="onClickInside" v-on-click-outside="onClickOutside">
+  <div v-on-click-outside="onClickOutside" class="param-editor" @click="onClickInside">
     <div class="editor">
       <div class="flex flex-column gap-1 editor-content">
         <div class="label">
@@ -7,8 +7,8 @@
           <label :for="`data-${paramKey}`"
             >{{ paramDefinition.label }}
             <span
-              class="required"
               v-if="!('required' in paramDefinition) || paramDefinition.required === true"
+              class="required"
             >
               *</span
             >
@@ -17,10 +17,10 @@
           <div class="infos">
             <!-- Is valid button -->
             <Button
+              v-tooltip.top="expectedTooltip"
               text
               size="small"
               rounded
-              v-tooltip.top="expectedTooltip"
               :severity="isExpectedValid ? 'success' : 'danger'"
             >
               <template #icon>
@@ -31,11 +31,11 @@
         </div>
 
         <!-- Code editor -->
-        <div class="code-editor" ref="$codeEditorText"></div>
+        <div ref="$codeEditorText" class="code-editor"></div>
 
         <!-- Hint text -->
-        <Skeleton height="20px" v-if="hintText === undefined"></Skeleton>
-        <div v-else class="hint" :class="{ error: isError }" v-dompurify-html="hintText"></div>
+        <Skeleton v-if="hintText === undefined" height="20px"></Skeleton>
+        <div v-else v-dompurify-html="hintText" class="hint" :class="{ error: isError }"></div>
 
         <!-- Floating indicator -->
         <div
@@ -66,17 +66,17 @@
             <!-- Value -->
             <Panel header="Value" toggleable>
               <div class="editor">
-                <div class="boolean" v-if="paramDefinition.control.type === 'boolean'">
+                <div v-if="paramDefinition.control.type === 'boolean'" class="boolean">
                   <SelectButton
                     :model-value="resultValue"
-                    @change="insertEditorReplace($event.value)"
-                    optionLabel="text"
-                    optionValue="value"
+                    option-label="text"
+                    option-value="value"
                     :options="[
                       { text: 'True', value: true },
                       { text: 'False', value: false }
                     ]"
                     aria-labelledby="basic"
+                    @change="insertEditorReplace($event.value)"
                   >
                     <template #option="slotProps">
                       <span>{{ slotProps.option.text }}</span>
@@ -84,19 +84,22 @@
                   </SelectButton>
                   <p v-if="!isValueSimpleBoolean(param)">Value will be overwitten!</p>
                 </div>
-                <div class="path" v-if="paramDefinition.control.type === 'path'">
-                  <Button class="w-full" @click="onChangePathClick(paramDefinition.control.options)">
+                <div v-if="paramDefinition.control.type === 'path'" class="path">
+                  <Button
+                    class="w-full"
+                    @click="onChangePathClick(paramDefinition.control.options)"
+                  >
                     {{ paramDefinition.control.label ?? 'Browse path' }}
                   </Button>
                 </div>
-                <div class="select" v-if="paramDefinition.control.type === 'select'">
+                <div v-if="paramDefinition.control.type === 'select'" class="select">
                   <Listbox
-                    @change="onParamSelectChange"
                     :model-value="param"
                     :options="paramDefinition.control.options.options"
                     filter
-                    optionLabel="label"
+                    option-label="label"
                     class="w-full md:w-56"
+                    @change="onParamSelectChange"
                   />
                 </div>
               </div>
@@ -105,11 +108,11 @@
             <Panel header="Outputs" toggleable>
               <div class="steps-list">
                 <template v-for="(step, stepUid) in steps" :key="stepUid">
-                  <div class="step-item" v-if="Object.keys(step.outputs).length > 0">
+                  <div v-if="Object.keys(step.outputs).length > 0" class="step-item">
                     <div class="step-name">{{ getStepLabel(stepUid) }}</div>
 
                     <div class="step-outputs">
-                      <div class="step-output" v-for="(_output, outputKey) in step.outputs">
+                      <div v-for="(_output, outputKey) in step.outputs" class="step-output">
                         <div
                           class="step"
                           @click="insertEditorEnd(`steps['${stepUid}']['outputs']['${outputKey}']`)"
@@ -169,6 +172,7 @@ import { useEditor } from '@renderer/store/editor'
 import { storeToRefs } from 'pinia'
 import { ListboxChangeEvent } from 'primevue/listbox'
 import type { OpenDialogOptions } from 'electron'
+import { useLogger } from '@@/logger'
 
 type Params = (Action | Condition | Event)['params']
 
@@ -219,8 +223,7 @@ const isValueSimpleBoolean = (str: string | unknown) => {
 }
 
 function myCompletions(context: CompletionContext) {
-  let word = context.matchBefore(/\w*/)
-  console.log('word', word)
+  const word = context.matchBefore(/\w*/)
   if (word) {
     if (word.from == word.to && !context.explicit) return null
     return {
@@ -235,7 +238,7 @@ function myCompletions(context: CompletionContext) {
 }
 
 const regexpLinter = linter((view) => {
-  let diagnostics: Diagnostic[] = []
+  const diagnostics: Diagnostic[] = []
   syntaxTree(view.state)
     .cursor()
     .iterate((node) => {
@@ -269,12 +272,10 @@ const {
 ])
 
 const insertEditorEnd = (str: string | number | boolean) => {
-  console.log('str', str)
   codeEditorTextUpdate(editorTextValue.value + str.toString())
 }
 
 const insertEditorReplace = (str: string | number | boolean) => {
-  console.log('str', str)
   codeEditorTextUpdate(str.toString())
 }
 
@@ -304,7 +305,6 @@ const debounce = <T extends (...args: any[]) => void>(
 }
 
 const resolveHintTextResult = (result: unknown) => {
-  console.log('result', result)
   if (paramDefinition.value.control.type === 'select') {
     const label = paramDefinition.value.control.options.options.find(
       (o) => o.value === result
@@ -316,7 +316,6 @@ const resolveHintTextResult = (result: unknown) => {
   return (result as string).toString()
 }
 
-// @ts-expect-error
 const vm = await createQuickJs()
 
 watchDebounced(
@@ -328,7 +327,6 @@ watchDebounced(
       return
     }
 
-
     try {
       const result = await vm.run(displayString, {
         params: {},
@@ -339,12 +337,12 @@ watchDebounced(
       hintText.value = resolveHintTextResult(result)
       isError.value = false
     } catch (e) {
-      console.error('e', JSON.stringify(e))
+      logger().error('e', JSON.stringify(e))
       if (e instanceof Error) {
         hintText.value = /* e.name + ' ' +  */ e.message
         isError.value = true
       } else {
-        console.error('e', e)
+        logger().error('e', e)
       }
     }
   },
@@ -375,20 +373,15 @@ const onClickOutside = () => {
 }
 
 const onValueChanged = (newValue: string, paramKey: string) => {
-  console.log('param.value', param.value)
-  console.log('newValue', newValue)
-  console.log('paramKey', paramKey)
-
   emit('update:modelValue', newValue)
 }
 
 onCodeEditorTextUpdate((value) => {
-  onValueChanged(value, paramKey.toString())
+  onValueChanged(value, paramKey.value.toString())
 })
 
 const getOutputLabel = (stepUid: string, key: string) => {
   const nodeOrigin = nodes.value.find((n) => n.uid === stepUid)?.origin
-  console.log('nodeOrigin', nodeOrigin)
   if (nodeOrigin) {
     const nodeDef = getNodeDefinition(nodeOrigin.nodeId, nodeOrigin.pluginId).node as Action
     if (nodeDef) {
@@ -401,7 +394,6 @@ const getOutputLabel = (stepUid: string, key: string) => {
 
 const getOutputDescription = (stepUid: string, key: string) => {
   const nodeOrigin = nodes.value.find((n) => n.uid === stepUid)?.origin
-  console.log('nodeOrigin', nodeOrigin)
   if (nodeOrigin) {
     const nodeDef = getNodeDefinition(nodeOrigin.nodeId, nodeOrigin.pluginId).node as Action
     if (nodeDef) {
@@ -427,19 +419,17 @@ const getStepLabel = (key: string) => {
 /** On path selection */
 const api = useAPI()
 
+const { logger } = useLogger()
+
 const onChangePathClick = async (options: OpenDialogOptions) => {
-  const paths = await api.execute(
-    'dialog:showOpenDialog',
-    options,
-    async (_, message) => {
-      const { type, data } = message
-      if (type === 'end') {
-        console.log('end', data)
-      }
+  const paths = await api.execute('dialog:showOpenDialog', options, async (_, message) => {
+    const { type, data } = message
+    if (type === 'end') {
+      logger().info('end', data)
     }
-  )
+  })
 
-  console.log('paths', paths)
+  logger().info('paths', paths)
   const p = paths.filePaths[0]
 
   insertEditorEnd(`"${p}"`)
diff --git a/src/renderer/composables/api.ts b/src/renderer/composables/api.ts
index 1af7bf8..ddb53dc 100644
--- a/src/renderer/composables/api.ts
+++ b/src/renderer/composables/api.ts
@@ -1,4 +1,5 @@
 import { Channels, Data, End, Events, Message, RequestId } from '@@/apis'
+import { useLogger } from '@@/logger'
 import { klona } from 'klona'
 import { nanoid } from 'nanoid'
 import { toRaw } from 'vue'
@@ -12,15 +13,17 @@ export type Listener<KEY extends Channels> = (
   data: Events<KEY>
 ) => Promise<void>
 
-export const useAPI = (pipe: {
-  send: (channel: string, ...args: any[]) => void;
-  on: any
-} = window.electron.ipcRenderer) => {
+export const useAPI = (
+  pipe: {
+    send: (channel: string, ...args: any[]) => void
+    on: any
+  } = window.electron.ipcRenderer
+) => {
+  const { logger } = useLogger()
   /**
    * Send an order
    */
-  const send = <KEY extends Channels>(channel: KEY, args?: Data<KEY>) =>
-    pipe.send(channel, args)
+  const send = <KEY extends Channels>(channel: KEY, args?: Data<KEY>) => pipe.send(channel, args)
 
   const on = <KEY extends Channels>(
     channel: KEY | string,
@@ -59,8 +62,8 @@ export const useAPI = (pipe: {
       try {
         pipe.send(channel, message)
       } catch (e) {
-        console.error(e)
-        console.error(channel, message)
+        logger().error(e)
+        logger().error(channel, message)
       }
     })
   }
diff --git a/src/renderer/composables/handlers.ts b/src/renderer/composables/handlers.ts
new file mode 100644
index 0000000..3c906a9
--- /dev/null
+++ b/src/renderer/composables/handlers.ts
@@ -0,0 +1,26 @@
+// renderer handler
+
+import { useLogger } from "@@/logger";
+import { RendererChannels, RendererEvents, RendererData, RendererMessage } from "@main/api";
+
+export type HandleListenerRendererSendFn<KEY extends RendererChannels> = (events: RendererEvents<KEY>) => void
+
+export type HandleListenerRenderer<KEY extends RendererChannels> = (
+  event: Electron.IpcRendererEvent,
+  data: { value: RendererData<KEY>; send: HandleListenerRendererSendFn<KEY> }
+) => Promise<void>
+
+export const handle = <KEY extends RendererChannels>(channel: KEY, listener: HandleListenerRenderer<KEY>) => {
+  return window.electron.ipcRenderer.on(channel, (event, message: RendererMessage) => {
+    const { data, requestId } = message
+
+    const send: HandleListenerRendererSendFn<KEY> = (events) => {
+      return window.electron.ipcRenderer.send(requestId, events)
+    }
+
+    return listener(event, {
+      send,
+      value: data
+    })
+  })
+}
diff --git a/src/renderer/composables/middleware.ts b/src/renderer/composables/middleware.ts
index b5ac127..c0bf5fd 100644
--- a/src/renderer/composables/middleware.ts
+++ b/src/renderer/composables/middleware.ts
@@ -29,8 +29,6 @@ export const useMiddleware = <HANDLER extends (...args: any[]) => Awaitable<void
       fn: callback,
     })
 
-    console.log('adding handler', id)
-
     return {
       cancel: () => cancel(id),
     }
diff --git a/src/renderer/main.ts b/src/renderer/main.ts
index 549ce6f..d1f626b 100644
--- a/src/renderer/main.ts
+++ b/src/renderer/main.ts
@@ -1,4 +1,4 @@
-import { createApp, defineComponent } from 'vue'
+import { createApp } from 'vue'
 import Root from './Root.vue'
 import { router } from './router/router'
 
@@ -14,23 +14,24 @@ import { definePreset } from '@primevue/themes'
 import './style/main.scss'
 import VueDOMPurifyHTML from 'vue-dompurify-html'
 
-import { init } from "@sentry/electron/renderer";
-import { breadcrumbsIntegration, browserTracingIntegration, replayIntegration, init as vueInit } from '@sentry/vue'
+import { init } from '@sentry/electron/renderer'
+import { breadcrumbsIntegration, init as vueInit } from '@sentry/vue'
 import ToastService from 'primevue/toastservice'
 
-console.log('process.env.TEST', window.isTest)
-
 let bugsnagVue: any
 if (window.isPackaged && process.env.TEST !== 'true') {
-  init({
-    dsn: "https://757630879674735027fa5700162253f7@o45694.ingest.us.sentry.io/4507621723144192",
-    debug: true,
-    integrations: [
-      breadcrumbsIntegration({
-        console: false
-      })
-    ]
-  }, vueInit);
+  init(
+    {
+      dsn: 'https://757630879674735027fa5700162253f7@o45694.ingest.us.sentry.io/4507621723144192',
+      debug: true,
+      integrations: [
+        breadcrumbsIntegration({
+          console: false
+        })
+      ]
+    },
+    vueInit
+  )
 }
 
 const pinia = createPinia()
diff --git a/src/renderer/pages/editor.vue b/src/renderer/pages/editor.vue
index fc05607..4075336 100644
--- a/src/renderer/pages/editor.vue
+++ b/src/renderer/pages/editor.vue
@@ -155,6 +155,7 @@ import EditorNodeEvent from '@renderer/components/nodes/EditorNodeEvent.vue'
 import EditorNodeEventEmpty from '@renderer/components/nodes/EditorNodeEventEmpty.vue'
 import { RendererChannels, RendererData, RendererEvents, RendererMessage } from '@main/api'
 import { logger } from '@@/logger'
+import { handle } from '@renderer/composables/handlers'
 
 const route = useRoute()
 
@@ -172,17 +173,12 @@ const { update } = filesStore
 watch(
   id,
   async (newId) => {
-    console.log('newId', newId)
-    console.log('files', files)
     const file = files.value.data[newId]
 
-    console.log('file', file)
-
     if (file && file.type === 'external') {
       const { path: filePath } = file
 
       const fileData = await loadExternalFile(filePath)
-      console.log('fileData', fileData)
 
       if ('content' in fileData) {
         const content = JSON.parse(fileData.content) as SavedFile
@@ -214,15 +210,12 @@ const run = async () => {
     context: {},
     steps: {},
     onNodeEnter: (node) => {
-      console.log('onNodeEnter', node)
       setActiveNode(node)
     },
     onNodeExit: () => {
-      console.log('onNodeExit')
       setActiveNode()
     },
     onExecuteItem: async (node, params, steps) => {
-      console.log('onExecuteItem', node, params, steps)
       /* if (node.type === 'condition') {
         return api.execute('condition:execute', {
           nodeId: node.origin.nodeId,
@@ -237,7 +230,6 @@ const run = async () => {
           params,
           steps
         })
-        console.log('result', result)
         return result
       } else {
         throw new Error('Unhandled type ' + node.type)
@@ -418,37 +410,7 @@ const toggle = (event: any) => {
 
 const showSaveDialog = ref(false)
 
-// renderer handler
-
-export type HandleListenerRendererSendFn<KEY extends RendererChannels> = (events: RendererEvents<KEY>) => void
-
-export type HandleListenerRenderer<KEY extends RendererChannels> = (
-  event: Electron.IpcRendererEvent,
-  data: { value: RendererData<KEY>; send: HandleListenerRendererSendFn<KEY> }
-) => Promise<void>
-
-const handle = <KEY extends RendererChannels>(channel: KEY, listener: HandleListenerRenderer<KEY>) => {
-  return window.electron.ipcRenderer.on(channel, (event, message: RendererMessage) => {
-    console.log('message', message)
-    const { data, requestId } = message
-    // logger.info('received event', requestId)
-    // logger.info('received data', data)
-
-    const send: HandleListenerRendererSendFn<KEY> = (events) => {
-      console.log('event', event)
-      logger.debug('sending', events, 'to', requestId)
-      return window.electron.ipcRenderer.send(requestId, events)
-    }
-
-    return listener(event, {
-      send,
-      value: data
-    })
-  })
-}
-
 handle('dialog:alert', async (event, { value, send }) => {
-  console.log('value', value)
   alert(value.message)
 
   send({
diff --git a/src/renderer/pages/index.vue b/src/renderer/pages/index.vue
index f7dd001..42a96e4 100644
--- a/src/renderer/pages/index.vue
+++ b/src/renderer/pages/index.vue
@@ -78,6 +78,7 @@ import { asyncComputed, computedAsync } from '@vueuse/core'
 import { WithId } from '@@/utils'
 import { loadExternalFile, loadInternalFile } from '@renderer/utils/config'
 import { SaveLocation } from '@@/save-location'
+import { useLogger } from '@@/logger'
 
 const appStore = useAppStore()
 const { presets } = storeToRefs(appStore)
@@ -98,6 +99,8 @@ const headerSentence = computed(() => {
 
 const api = useAPI()
 
+const { logger } = useLogger()
+
 const fileStore = useFiles()
 const { files } = storeToRefs(fileStore)
 const { update: updateFileStore, remove } = fileStore
@@ -107,8 +110,6 @@ const filesEnhanced = ref<EnhancedFile[]>([])
 watchEffect(async () => {
   const entries = Object.entries(files.value.data)
 
-  console.log('entries', entries)
-
   const result: EnhancedFile[] = []
 
   for (const [id, file] of entries) {
@@ -152,18 +153,14 @@ const openFile = async () => {
     async (_, message) => {
       const { type, data } = message
       if (type === 'end') {
-        console.log('end', data)
+        //
       }
     }
   )
 
-  console.log('paths', paths)
-
   if (!paths.canceled) {
     if (paths.filePaths.length === 1) {
       const fileToRead = paths.filePaths[0]
-      console.log('fileToRead', fileToRead)
-
       let newId = nanoid()
 
       const alreadyAddedPaths = Object.entries(files.value.data).map(([id, file]) => {
@@ -201,7 +198,7 @@ const openFile = async () => {
         }
       })
     } else {
-      console.error('Invalid number of paths selected')
+      logger().error('Invalid number of paths selected')
     }
   }
 }
@@ -216,8 +213,6 @@ const newFile = async () => {
 
   const presets = await api.execute('presets:get')
 
-  console.log('presets.newProject.data', presets.newProject.data)
-
   // TODO: choose cloud or local
 
   const paths = await api.execute(
@@ -230,13 +225,13 @@ const newFile = async () => {
     async (_, message) => {
       const { type, data } = message
       if (type === 'end') {
-        console.log('end', data)
+        //
       }
     }
   )
 
   if (paths.canceled) {
-    console.error('Save cancelled')
+    logger().error('Save cancelled')
     return
   }
 
@@ -259,8 +254,6 @@ const newFile = async () => {
 
   // update file store
   updateFileStore((state) => {
-    console.log('state', state)
-
     state.data[id] = {
       lastModified: new Date().toISOString(),
       path,
diff --git a/src/renderer/store/app.ts b/src/renderer/store/app.ts
index aaab11c..3c7bfc1 100644
--- a/src/renderer/store/app.ts
+++ b/src/renderer/store/app.ts
@@ -4,8 +4,11 @@ import { ref } from "vue";
 import { useAPI } from "@renderer/composables/api";
 import { RendererPluginDefinition } from "@cyn/plugin-core";
 import { Presets } from "@@/apis";
+import { useLogger } from "@@/logger";
 
 export const useAppStore = defineStore('app', () => {
+  const { logger } = useLogger()
+
   /** Presets to load from */
   const presets = ref<Presets>()
 
@@ -23,7 +26,6 @@ export const useAppStore = defineStore('app', () => {
 
     //
     presets.value = await api.execute('presets:get')
-    console.log('presets.value', presets.value)
 
     //
     triggerPresetsLoaded()
@@ -32,7 +34,7 @@ export const useAppStore = defineStore('app', () => {
   const getPluginDefinition = (pluginId: string) => {
     const result = pluginDefinitions.value.find((nodeDef) => {
       if (!pluginId) {
-        console.log('Missing origin: node', pluginId)
+        logger().error('Missing origin: node', pluginId)
       }
       return nodeDef.id === pluginId
     })
diff --git a/src/renderer/store/auth.ts b/src/renderer/store/auth.ts
index 3c4f2e9..290c5df 100644
--- a/src/renderer/store/auth.ts
+++ b/src/renderer/store/auth.ts
@@ -1,28 +1,46 @@
-import { supabase } from "@@/supabase";
-import { User } from "@supabase/supabase-js";
-import { defineStore } from "pinia";
-import { shallowRef } from "vue";
+import { useLogger } from '@@/logger'
+import { supabase } from '@@/supabase'
+import { User } from '@supabase/supabase-js'
+import { defineStore } from 'pinia'
+import { ref, shallowRef } from 'vue'
 
 export const useAuth = defineStore('auth', () => {
+  const { logger } = useLogger()
   const user = shallowRef<User>()
 
-  const init = async () => {
-    const { data: { user: supaUser } } = await supabase.auth.getUser()
+  const networkState = ref<'online' | 'offline'>('offline')
+
+  window.addEventListener('online', () => {
+    logger().info('online')
+    networkState.value = 'online'
+    if (!user.value) {
+      init()
+    }
+  })
+
+  window.addEventListener('offline', () => {
+    logger().info('offline')
+    networkState.value = 'offline'
+  })
 
-    console.log('supaUser', supaUser)
-    user.value = supaUser
+  const init = async () => {
+    try {
+      const {
+        data: { user: supaUser }
+      } = await supabase.auth.getUser()
+
+      user.value = supaUser
+    } catch (e) {
+      logger().error(e)
+    }
   }
 
   const login = async (email: string, password: string) => {
     const { data: user } = await supabase.auth.signInWithPassword({ email, password })
-
-    console.log('user', user)
   }
 
   const register = async (email: string, password: string) => {
     const { data: user } = await supabase.auth.signUp({ email, password })
-
-    console.log('user', user)
   }
 
   return {
@@ -30,6 +48,6 @@ export const useAuth = defineStore('auth', () => {
 
     init,
     login,
-    register,
+    register
   }
 })
diff --git a/src/renderer/store/editor.ts b/src/renderer/store/editor.ts
index 5af992d..713f75c 100644
--- a/src/renderer/store/editor.ts
+++ b/src/renderer/store/editor.ts
@@ -11,7 +11,16 @@ import {
   Steps
 } from '@@/model'
 import { useAPI } from '@renderer/composables/api'
-import { Action, Condition, RendererPluginDefinition, Event, Loop, CynNode, InputDefinition, RendererNodeDefinition } from '@cyn/plugin-core'
+import {
+  Action,
+  Condition,
+  RendererPluginDefinition,
+  Event,
+  Loop,
+  CynNode,
+  InputDefinition,
+  RendererNodeDefinition
+} from '@cyn/plugin-core'
 import { Variable } from '@cyn/core'
 import { defineStore, storeToRefs } from 'pinia'
 import get from 'get-value'
@@ -25,6 +34,7 @@ import { useRouteParams } from '@vueuse/router'
 import { ValidationError } from '@renderer/models/error'
 import { isRequired } from '@@/validation'
 import { processGraph } from '@@/graph'
+import { useLogger } from '@@/logger'
 
 export type Context = Record<string, unknown>
 
@@ -80,6 +90,8 @@ export const useEditor = defineStore('editor', () => {
   const { presets, pluginDefinitions } = storeToRefs(appStore)
   const { getNodeDefinition, getPluginDefinition } = appStore
 
+  const { logger } = useLogger()
+
   const filesStore = useFiles()
   const { update } = filesStore
   const { files } = storeToRefs(filesStore)
@@ -110,12 +122,6 @@ export const useEditor = defineStore('editor', () => {
     return files.value.data[id.value]
   })
 
-  watch(currentFilePointer, () => {
-    console.log('currentFilePointer', currentFilePointer.value)
-  }, {
-    immediate: true
-  })
-
   const savedFile = computed(() => {
     return {
       version: '2.0.0',
@@ -145,7 +151,6 @@ export const useEditor = defineStore('editor', () => {
 
     for (const node of blocks.value) {
       const pluginDef = getNodeDefinition(node.origin.nodeId, node.origin.pluginId)
-      console.log('pluginDef', pluginDef)
 
       if (!result[node.uid]) {
         result[node.uid] = {
@@ -158,8 +163,8 @@ export const useEditor = defineStore('editor', () => {
           const outputs = pluginDef.node.outputs
 
           for (const [key, output] of Object.entries(outputs)) {
-            console.log('output', outputs)
-            result[node.uid]['outputs'][key] = `<div class="step">${pluginDef.node.name} → ${output.label}</div>`
+            result[node.uid]['outputs'][key] =
+              `<div class="step">${pluginDef.node.name} → ${output.label}</div>`
           }
         }
       }
@@ -190,17 +195,15 @@ export const useEditor = defineStore('editor', () => {
     variables.value = []
     triggers.value = []
     setActiveNode()
-    console.log('clear')
   }
 
   const errors = computed(() => {
     const editorErrors: Record<string, ValidationError[]> = {}
     for (const block of blocks.value) {
       const blockErrors = validate(block)
-      console.log('blockErrors', blockErrors)
 
       for (const err of blockErrors) {
-        if(!editorErrors[block.uid] ) {
+        if (!editorErrors[block.uid]) {
           editorErrors[block.uid] = []
         }
         editorErrors[block.uid].push(err)
@@ -217,41 +220,41 @@ export const useEditor = defineStore('editor', () => {
       const requiredParams = Object.entries(definition.node?.params ?? {})
       for (const [key, param] of requiredParams) {
         if (isRequired(param) && !(key in block.params)) {
-          console.warn(`Missing required param "${key}" in node "${block.uid}"`)
+          logger().warn(`Missing required param "${key}" in node "${block.uid}"`)
           errors.push({
             type: 'missing',
             param: key
           })
         }
       }
-    // } else if (block.type === 'condition') {
-    //   const definition = getNodeDefinition(block.origin.nodeId, block.origin.pluginId)
-    //   const requiredParams = Object.keys(definition?.params ?? {})
-    //   for (const requiredParam of requiredParams) {
-    //     if (!(requiredParam in block.params)) {
-    //       console.warn(`Missing required param "${requiredParam}" in node "${block.uid}"`)
-    //       errors.push({
-    //         type: 'missing',
-    //         param: requiredParam
-    //       })
-    //     }
-    //   }
+      // } else if (block.type === 'condition') {
+      //   const definition = getNodeDefinition(block.origin.nodeId, block.origin.pluginId)
+      //   const requiredParams = Object.keys(definition?.params ?? {})
+      //   for (const requiredParam of requiredParams) {
+      //     if (!(requiredParam in block.params)) {
+      //       console.warn(`Missing required param "${requiredParam}" in node "${block.uid}"`)
+      //       errors.push({
+      //         type: 'missing',
+      //         param: requiredParam
+      //       })
+      //     }
+      //   }
     } else if (block.type === 'event') {
       //
-    // } else if (block.type === 'loop') {
-    //   const definition = getNodeDefinition(block.origin.nodeId, block.origin.pluginId)
-    //   const requiredParams = Object.keys(definition?.params ?? {})
-    //   for (const requiredParam of requiredParams) {
-    //     if (!(requiredParam in block.params)) {
-    //       console.warn(`Missing required param "${requiredParam}" in node "${block.uid}"`)
-    //       errors.push({
-    //         type: 'missing',
-    //         param: requiredParam
-    //       })
-    //     }
-    //   }
-    // } else if (block.type === 'comment') {
-    //   //
+      // } else if (block.type === 'loop') {
+      //   const definition = getNodeDefinition(block.origin.nodeId, block.origin.pluginId)
+      //   const requiredParams = Object.keys(definition?.params ?? {})
+      //   for (const requiredParam of requiredParams) {
+      //     if (!(requiredParam in block.params)) {
+      //       console.warn(`Missing required param "${requiredParam}" in node "${block.uid}"`)
+      //       errors.push({
+      //         type: 'missing',
+      //         param: requiredParam
+      //       })
+      //     }
+      //   }
+      // } else if (block.type === 'comment') {
+      //   //
     }
     return errors
   }
@@ -261,9 +264,7 @@ export const useEditor = defineStore('editor', () => {
 
     const data = await savedFileMigrator.migrate(input, {
       debug: true
-    });
-
-    console.log('loadSavedFile data', data)
+    })
 
     name.value = data.name
     description.value = data.description
@@ -321,9 +322,6 @@ export const useEditor = defineStore('editor', () => {
 
   const setBlockValue = (nodeId: string, value: Block) => {
     const nodeIndex = blocks.value.findIndex((b) => b.uid === nodeId)
-    console.log('nodeIndex', nodeIndex)
-    console.log('0, nodeIndex', 0, nodeIndex)
-    console.log('nodeIndex + 1, blocks.value.length - 1', nodeIndex + 1, blocks.value.length - 1)
     if (nodeIndex > -1) {
       // replace node
       blocks.value = [
@@ -336,9 +334,6 @@ export const useEditor = defineStore('editor', () => {
 
   const setTriggerValue = (nodeId: string, value: BlockEvent) => {
     const nodeIndex = triggers.value.findIndex((b) => b.uid === nodeId)
-    console.log('nodeIndex', nodeIndex)
-    console.log('0, nodeIndex', 0, nodeIndex)
-    console.log('nodeIndex + 1, triggers.value.length - 1', nodeIndex + 1, triggers.value.length - 1)
     if (nodeIndex > -1) {
       // replace node
       triggers.value = [
@@ -350,9 +345,6 @@ export const useEditor = defineStore('editor', () => {
   }
 
   const addNode = (event: AddNodeEvent) => {
-    console.log('event', event)
-    console.log('nodeDefinitions', nodeDefinitions.value)
-
     const { node: nodeDefinition, path, plugin: pluginDefinition, insertAt } = event
 
     if (nodeDefinition && pluginDefinition) {
@@ -393,15 +385,12 @@ export const useEditor = defineStore('editor', () => {
         }
         addNodeToBlock(node, path, insertAt)
       } */ else {
-        console.error('Unhandled', nodeDefinition)
+        logger().error('Unhandled', nodeDefinition)
       }
     }
   }
 
   const addTrigger = (event: AddTriggerEvent) => {
-    console.log('event', event)
-    console.log('nodeDefinitions', nodeDefinitions.value)
-
     const { trigger: triggerDefinition, path, plugin: pluginDefinition, insertAt } = event
 
     if (triggerDefinition && pluginDefinition) {
@@ -417,23 +406,17 @@ export const useEditor = defineStore('editor', () => {
         }
         addTriggerToBlock(node, path, insertAt)
       } else {
-        console.error('Unhandled', triggerDefinition)
+        logger().error('Unhandled', triggerDefinition)
       }
     }
   }
 
   const addTriggerToBlock = (node: BlockEvent, path: string[], insertAt: number) => {
-    console.log('path', path)
-    console.log('insertAt', insertAt)
     const value = path.length === 0 ? triggers.value : get(triggers.value, path)
-    console.log('value', value)
 
     const firstPart = value.slice(0, insertAt)
     const secondPart = value.slice(insertAt + 1)
 
-    console.log('firstPart', firstPart)
-    console.log('secondPart', secondPart)
-
     const newValue = [
       ...value.slice(0, insertAt),
       node,
@@ -441,30 +424,21 @@ export const useEditor = defineStore('editor', () => {
         insertAt // already has +1
       )
     ]
-    console.log('newValue', newValue)
     if (path.length === 0) {
       triggers.value = newValue
     } else {
       set(triggers.value, path, newValue)
     }
 
-    console.log('triggers.value', triggers.value)
-
     return
   }
 
   const addNodeToBlock = (node: Block, path: string[], insertAt: number) => {
-    console.log('path', path)
-    console.log('insertAt', insertAt)
     const value = path.length === 0 ? blocks.value : get(blocks.value, path)
-    console.log('value', value)
 
     const firstPart = value.slice(0, insertAt)
     const secondPart = value.slice(insertAt + 1)
 
-    console.log('firstPart', firstPart)
-    console.log('secondPart', secondPart)
-
     const newValue = [
       ...value.slice(0, insertAt),
       node,
@@ -472,15 +446,12 @@ export const useEditor = defineStore('editor', () => {
         insertAt // already has +1
       )
     ]
-    console.log('newValue', newValue)
     if (path.length === 0) {
       blocks.value = newValue
     } else {
       set(blocks.value, path, newValue)
     }
 
-    console.log('blocks.value', blocks.value)
-
     return
   }
 
@@ -536,7 +507,7 @@ export const useEditor = defineStore('editor', () => {
     processGraph,
     loadPreset,
     isRunning,
-    setIsRunning,
+    setIsRunning
   }
 })
 
diff --git a/src/renderer/store/files.ts b/src/renderer/store/files.ts
index ffe7264..a59e422 100644
--- a/src/renderer/store/files.ts
+++ b/src/renderer/store/files.ts
@@ -38,15 +38,12 @@ export const useFiles = defineStore('files', () => {
 
   const update = async (callback: (state: Draft<FileRepo>) => void) => {
     files.value = create(files.value, callback)
-    console.log('files.value', files.value)
     await saveConfig(klona(files.value))
   }
 
   const load = async () => {
     const data = await loadConfig()
 
-    console.log('data', data)
-
     if ('version' in data.result) {
       files.value = data.result
     } else {
diff --git a/src/renderer/utils/code-editor/step-plugin.ts b/src/renderer/utils/code-editor/step-plugin.ts
index 5e82022..8cb2f5b 100644
--- a/src/renderer/utils/code-editor/step-plugin.ts
+++ b/src/renderer/utils/code-editor/step-plugin.ts
@@ -27,7 +27,6 @@ class PlaceholderWidget extends WidgetType {
 const placeholderMatcher = new MatchDecorator({
   regexp: /(?<full>steps\['(?<node_id>[\w-]+)'\]\['outputs'\]\['(?<output>[\w-]+)'\])/g,
   decoration: (match) => {
-    console.log('match', match)
     const { full, node_id, output } = match.groups ?? {
       full: match.input,
     }
@@ -42,11 +41,9 @@ export const placeholders = ViewPlugin.fromClass(
     placeholders: DecorationSet
     constructor(view: EditorView) {
       this.placeholders = placeholderMatcher.createDeco(view)
-      console.log('this.placeholders', this.placeholders)
     }
     update(update: ViewUpdate) {
       this.placeholders = placeholderMatcher.updateDeco(update, this.placeholders)
-      console.log('this.placeholders', this.placeholders)
     }
   },
   {
diff --git a/src/renderer/utils/evaluator.ts b/src/renderer/utils/evaluator.ts
index 30a1cd1..b37077b 100644
--- a/src/renderer/utils/evaluator.ts
+++ b/src/renderer/utils/evaluator.ts
@@ -3,6 +3,7 @@ import { createQuickJs } from './quickjs'
 import DOMPurify from 'dompurify'
 import { Variable } from '@cyn/core'
 import { fmt } from './fmt'
+import { useLogger } from '@@/logger'
 
 export const makeResolvedParams = async (
   data: {
@@ -13,6 +14,7 @@ export const makeResolvedParams = async (
   },
   onItem: (item: any) => string = (item: any) => item
 ) => {
+  const { logger } = useLogger()
   const vm = await createQuickJs()
 
   const result: Record<string, string> = {}
@@ -28,7 +30,7 @@ export const makeResolvedParams = async (
 
       result[paramName] = outputResult
     } catch (e) {
-      console.error('error', e)
+      logger().error('error', e)
     }
   }
   return result
diff --git a/src/renderer/utils/quickjs.ts b/src/renderer/utils/quickjs.ts
index 9e20be3..944307b 100644
--- a/src/renderer/utils/quickjs.ts
+++ b/src/renderer/utils/quickjs.ts
@@ -1,3 +1,5 @@
+import { useLogger } from '@@/logger'
+import { isRenderer } from '@@/validation'
 import {
   newQuickJSWASMModuleFromVariant,
   newVariant,
@@ -16,18 +18,9 @@ class EvaluationError extends Error {
   }
 }
 
-const isRenderer = () => {
-  // running in a web browser
-  if (typeof process === 'undefined') return true
-
-  // node-integration is disabled
-  if (!process) return true
-
-  // @ts-expect-error
-  return process.browser === true || process.title === 'browser'
-};
-
 export const createQuickJs = async () => {
+  const { logger } = useLogger()
+
   let location: string
   if (isRenderer()) {
     location = (await import('@jitl/quickjs-wasmfile-release-sync/wasm?url')).default
@@ -38,8 +31,6 @@ export const createQuickJs = async () => {
     location = join(_dirname, 'emscripten-module.wasm')
   }
 
-  console.log('location', location)
-
   const variant = newVariant(RELEASE_SYNC, {
     wasmLocation: location
   })
@@ -51,6 +42,7 @@ export const createQuickJs = async () => {
 
     const exposed = {
       console: {
+        // eslint-disable-next-line no-console
         log: console.log
       },
       fmt: {
@@ -76,7 +68,7 @@ export const createQuickJs = async () => {
 
       return result
     } catch (e) {
-      console.error('error', e)
+      logger().error('error', e)
       throw new EvaluationError(e.name, e.message)
     } finally {
       arena.dispose()
diff --git a/src/shared/graph.ts b/src/shared/graph.ts
index c40c573..2b876e1 100644
--- a/src/shared/graph.ts
+++ b/src/shared/graph.ts
@@ -5,6 +5,7 @@ import { RendererPluginDefinition } from "./libs/plugin-core"
 import { Block } from "./model"
 import { Context } from "@renderer/store/editor"
 import { End } from "./apis"
+import { useLogger } from "./logger"
 
 export const processGraph = async (options: {
   graph: Array<Block>
@@ -19,8 +20,9 @@ export const processGraph = async (options: {
   onNodeEnter: (node: Block) => void
   onNodeExit: (node: Block) => void
 }) => {
+  const { logger } = useLogger()
+
   for (const node of options.graph) {
-    console.log('node', node)
     const rawNode = node
 
     /* if (rawNode.type === 'condition') {
@@ -36,7 +38,7 @@ export const processGraph = async (options: {
       const result = await options.onExecuteItem(node, newParams, options.steps) as End<'condition:execute'>
 
       if ('result' in result) {
-        console.error(result.result)
+        logger().error(result.result)
         options.onNodeExit(rawNode)
         throw new Error('Condition error')
       } else {
@@ -71,19 +73,14 @@ export const processGraph = async (options: {
         context: options.context,
       })
 
-      console.log('newParams', newParams)
-
       const result = await options.onExecuteItem(node, newParams, options.steps) as End<'action:execute'>
 
-      console.log('result', result)
-
       if ('result' in result) {
-        console.error(result.result)
+        logger().error(result.result)
         options.onNodeExit(rawNode)
         throw new Error('Action error')
       }
 
-      console.log('result of action', rawNode, result)
       if ('outputs' in result) {
         if (!options.steps[rawNode.uid]) {
           options.steps[rawNode.uid] = {
@@ -123,17 +120,15 @@ export const processGraph = async (options: {
       options.onNodeExit(rawNode)
     } else if (rawNode.type === 'comment') {
       // pass
-      console.log('pass: ', rawNode.type)
     } else if (rawNode.type === 'event') {
       options.onNodeEnter(rawNode)
       // pass
-      console.log('pass: ', rawNode.type)
       options.onNodeExit(rawNode)
     } else {
-      console.log("Unknown node type", rawNode.type)
+      logger().error("Unknown node type", rawNode.type)
     }
 
-    console.log('steps', options.steps)
+    logger().info('steps', options.steps)
 
   }
   return options
diff --git a/src/shared/libs/migration/models/migration.ts b/src/shared/libs/migration/models/migration.ts
index fde3cda..9b6eee9 100644
--- a/src/shared/libs/migration/models/migration.ts
+++ b/src/shared/libs/migration/models/migration.ts
@@ -77,6 +77,7 @@ export class Migrator<OutputState extends MigrationSchema> {
 
   async migrate(state: MigrationSchema, options?: MigrateOptions): Promise<OutputState> {
     if (options?.debug) {
+      // eslint-disable-next-line no-console
       console.log("Migrating", state.version, "to", this.current);
     }
 
diff --git a/src/shared/libs/plugin-construct/assets/script.ts b/src/shared/libs/plugin-construct/assets/script.ts
index c1f123b..0befa81 100644
--- a/src/shared/libs/plugin-construct/assets/script.ts
+++ b/src/shared/libs/plugin-construct/assets/script.ts
@@ -43,7 +43,7 @@ export const script = async (
       notNowBtn.click()
     })
     .catch(async () => {
-      console.log('notNowBtn.click() failed')
+      log('notNowBtn.click() failed')
     })
 
   // as soon as it appear, without blocking flow
@@ -60,7 +60,7 @@ export const script = async (
       }
     })
     .catch(async () => {
-      console.log('webglErrorButton.click() failed')
+      log('webglErrorButton.click() failed')
     })
 
   if (username && password) {
@@ -77,7 +77,7 @@ export const script = async (
     const response = await tokenPromise
     const jsonResponse = await response.json()
 
-    console.log('jsonResponse', jsonResponse)
+    log('jsonResponse', jsonResponse)
 
     if (jsonResponse.request.status === 'error') {
       await page.close()
diff --git a/src/shared/libs/plugin-construct/export-project.ts b/src/shared/libs/plugin-construct/export-project.ts
index bc03d37..3083592 100644
--- a/src/shared/libs/plugin-construct/export-project.ts
+++ b/src/shared/libs/plugin-construct/export-project.ts
@@ -1,95 +1,85 @@
-import {
-  ExtractInputsFromAction,
-  createAction,
-  createActionRunner,
-} from "@cyn/plugin-core";
-import { exportc3p, sharedParams } from "./export-shared.js";
+import { ExtractInputsFromAction, createAction, createActionRunner } from '@cyn/plugin-core'
+import { exportc3p, sharedParams } from './export-shared.js'
 
-export const ID = "export-construct-project-folder";
+export const ID = 'export-construct-project-folder'
 
 export const exportProjectAction = createAction({
   id: ID,
-  name: "Export folder",
-  displayString:
-    "`Export projet ${params.version ? `r${params.version}` : ''}`",
+  name: 'Export folder',
+  displayString: "`Export projet ${params.version ? `r${params.version}` : ''}`",
   meta: {},
   params: {
     folder: {
-      label: "Folder",
-      value: "",
+      label: 'Folder',
+      value: '',
       control: {
-        type: "path",
+        type: 'path',
         options: {
           properties: ['openDirectory']
         }
-      },
+      }
     },
-    ...sharedParams,
+    ...sharedParams
   },
   outputs: {
     folder: {
-      type: "path",
+      type: 'path',
       value: undefined as undefined | string,
-      label: "Exported zip",
+      label: 'Exported zip'
       // schema: schema.string()
-    },
+    }
   },
-  description: "Export construct project from folder",
-  icon: "",
-});
+  description: 'Export construct project from folder',
+  icon: ''
+})
 
-const zipFolder = async (from: string, to: string) => {
-  const archiver = await import("archiver");
+const zipFolder = async (from: string, to: string, log: typeof console.log) => {
+  const archiver = await import('archiver')
 
-  console.log("archiver", archiver);
-  const { createWriteStream, createReadStream } = await import("node:fs");
+  const { createWriteStream, createReadStream } = await import('node:fs')
 
-  const output = createWriteStream(to);
+  const output = createWriteStream(to)
   // const input = createReadStream(from);
 
-  const archive = archiver.default("zip", {
-    zlib: { level: 9 }, // Sets the compression level.
-  });
+  const archive = archiver.default('zip', {
+    zlib: { level: 9 } // Sets the compression level.
+  })
 
   return new Promise<string>(async (resolve, reject) => {
     // listen for all archive data to be written
     // 'close' event is fired only when a file descriptor is involved
-    output.on("close", function () {
-      console.log(archive.pointer() + " total bytes");
-      console.log(
-        "archiver has been finalized and the output file descriptor has closed."
-      );
-      return resolve(to);
-    });
+    output.on('close', function () {
+      log(archive.pointer() + ' total bytes')
+      log('archiver has been finalized and the output file descriptor has closed.')
+      return resolve(to)
+    })
 
     // This event is fired when the data source is drained no matter what was the data source.
     // It is not part of this library but rather from the NodeJS Stream API.
     // @see: https://nodejs.org/api/stream.html#stream_event_end
-    output.on("end", function () {
-      console.log("Data has been drained");
-    });
+    output.on('end', function () {
+      log('Data has been drained')
+    })
 
-    archive.on("progress", (progress: any) => {
-      console.log(
-        `Progress: ${progress.entries.processed} / ${progress.entries.total} files`
-      );
-    });
+    archive.on('progress', (progress: any) => {
+      log(`Progress: ${progress.entries.processed} / ${progress.entries.total} files`)
+    })
 
     // archive.on("entry", (entry) => {
-    //   console.log("entry", entry);
+    //   log("entry", entry);
     // })
 
     // good practice to catch warnings (ie stat failures and other non-blocking errors)
-    archive.on("warning", function (err: Error) {
-      console.warn("warning", err);
-    });
+    archive.on('warning', function (err: Error) {
+      log('warning', err)
+    })
 
     // good practice to catch this error explicitly
-    archive.on("error", function (err: Error) {
-      reject(err);
-    });
+    archive.on('error', function (err: Error) {
+      reject(err)
+    })
 
-    archive.pipe(output);
+    archive.pipe(output)
 
     // // Find all files in the source directory
     // const files = await glob("**/*", {
@@ -107,24 +97,24 @@ const zipFolder = async (from: string, to: string) => {
     //   archive.file(filePath, { name: relativePath });
     // }
 
-    archive.directory(from, false);
+    archive.directory(from, false)
 
-    console.log("from", from);
-    console.log("to", to);
-    archive.finalize();
-  });
-};
+    log('from', from)
+    log('to', to)
+    archive.finalize()
+  })
+}
 
-export const ExportProjectActionRunner = createActionRunner<
-  typeof exportProjectAction
->(async (options) => {
-  const { join } = await import("node:path");
+export const ExportProjectActionRunner = createActionRunner<typeof exportProjectAction>(
+  async (options) => {
+    const { join } = await import('node:path')
 
-  const outputPath = join(options.cwd, "c3_tmp_proj.c3p");
+    const outputPath = join(options.cwd, 'c3_tmp_proj.c3p')
 
-  const to = await zipFolder(options.inputs.folder, outputPath);
+    const to = await zipFolder(options.inputs.folder, outputPath, options.log)
 
-  await exportc3p(to, options);
-});
+    await exportc3p(to, options)
+  }
+)
 
-export type Params = ExtractInputsFromAction<typeof exportProjectAction>;
+export type Params = ExtractInputsFromAction<typeof exportProjectAction>
diff --git a/src/shared/libs/plugin-construct/export-shared.ts b/src/shared/libs/plugin-construct/export-shared.ts
index 6eac6c1..645d3c5 100644
--- a/src/shared/libs/plugin-construct/export-shared.ts
+++ b/src/shared/libs/plugin-construct/export-shared.ts
@@ -1,128 +1,142 @@
-import { Action, ActionRunner, ActionRunnerData, InputsDefinition, ParamsToInput, runWithLiveLogs } from "@cyn/plugin-core";
-import { script } from "./assets/script.js";
+import {
+  Action,
+  ActionRunner,
+  ActionRunnerData,
+  InputsDefinition,
+  ParamsToInput,
+  runWithLiveLogs
+} from '@cyn/plugin-core'
+import { script } from './assets/script.js'
 
 export const sharedParams = {
   username: {
-    label: "Username",
-    value: "",
+    label: 'Username',
+    value: '',
     required: false,
     control: {
-      type: "input",
+      type: 'input',
       options: {
-        kind: "text",
-      },
-    },
+        kind: 'text'
+      }
+    }
   },
   password: {
     control: {
-      type: "input",
+      type: 'input',
       options: {
-        kind: "text",
-      },
+        kind: 'text'
+      }
     },
     required: false,
-    value: "",
-    label: "Password",
+    value: '',
+    label: 'Password'
   },
   version: {
-    label: "Version",
+    label: 'Version',
     required: false,
     control: {
-      type: "input",
+      type: 'input',
       options: {
-        kind: "text",
-      },
+        kind: 'text'
+      }
     },
-    value: undefined as string | undefined,
+    value: undefined as string | undefined
   },
   headless: {
     required: false,
     control: {
-      type: "boolean",
+      type: 'boolean'
     },
     value: false,
-    label: "Start headless",
-  },
-} satisfies InputsDefinition;
+    label: 'Start headless'
+  }
+} satisfies InputsDefinition
 
 type Inputs = ParamsToInput<typeof sharedParams>
 
-export const exportc3p = async <ACTION extends Action>(file: string, { cwd, log, inputs, setOutput, paths }: ActionRunnerData<ACTION>) => {
-    const newInputs = inputs as Inputs
-
-    const playwright = await import("playwright");
-    const { join } = await import("node:path");
+export const exportc3p = async <ACTION extends Action>(
+  file: string,
+  { cwd, log, inputs, setOutput, paths }: ActionRunnerData<ACTION>
+) => {
+  const newInputs = inputs as Inputs
 
-    const { unpack } = paths
-    const modulesPath = join(unpack, 'node_modules')
+  const playwright = await import('playwright')
+  const { join } = await import('node:path')
 
-    console.log('modulesPath', modulesPath)
+  const { unpack } = paths
+  const modulesPath = join(unpack, 'node_modules')
 
-    const execPath = process.execPath
+  const execPath = process.execPath
 
-    console.log('execPath', execPath)
+  // const playwrightServer = await import("playwright-core/lib/server");
 
-    // const playwrightServer = await import("playwright-core/lib/server");
+  const browserName: 'chromium' | 'firefox' | 'webkit' = 'chromium'
 
-    const browserName: "chromium" | "firefox" | "webkit" = "chromium";
-
-    // const a = await playwrightServer.installBrowsersForNpmInstall([
-    //   browserName,
-    // ]);
-    await runWithLiveLogs(
-      execPath,
-      [ join(modulesPath, 'playwright', 'cli.js'), 'install', browserName ],
-      {
-        env: {
-          ELECTRON_RUN_AS_NODE: '1',
-        },
-      },
-      log,
-    )
+  // const a = await playwrightServer.installBrowsersForNpmInstall([
+  //   browserName,
+  // ]);
+  await runWithLiveLogs(
+    execPath,
+    [join(modulesPath, 'playwright', 'cli.js'), 'install', browserName],
+    {
+      env: {
+        ELECTRON_RUN_AS_NODE: '1'
+      }
+    },
+    log
+  )
 
-    const downloadDir = join(cwd, "playwright");
+  const downloadDir = join(cwd, 'playwright')
 
-    log("downloadDir", downloadDir);
+  log('downloadDir', downloadDir)
 
-    log("exporting construct project");
+  log('exporting construct project')
 
-    log("newInputs", newInputs);
+  log('newInputs', newInputs)
 
-    // must run in firefox because otherwise
-    // the local file system access api of chrome take precedence
-    // https://github.com/microsoft/playwright/issues/18267
-    const browserInstance = playwright[browserName];
-    // const { firefox } = playwright;
+  // must run in firefox because otherwise
+  // the local file system access api of chrome take precedence
+  // https://github.com/microsoft/playwright/issues/18267
+  const browserInstance = playwright[browserName]
+  // const { firefox } = playwright;
 
-    const version = newInputs.version;
-    const headless = newInputs.headless;
+  const version = newInputs.version
+  const headless = newInputs.headless
 
-    const browser = await browserInstance.launch({
-      headless: headless,
-    });
+  const browser = await browserInstance.launch({
+    headless: headless
+  })
 
-    const context = await browser.newContext({
-      locale: 'en-US',
-    });
-    await context.clearPermissions();
+  const context = await browser.newContext({
+    locale: 'en-US'
+  })
+  await context.clearPermissions()
 
-    const page = await context.newPage();
+  const page = await context.newPage()
 
-    // this exact sequn=ence make it work
-    await page.addInitScript(() => {
-      // @ts-expect-error
-      delete self.showOpenFilePicker
-    });
-    page.on("filechooser", (worker) => {
-      console.log("filechooser created: " + worker.page.name);
-    });
-    // ---------------------------------
+  // this exact sequn=ence make it work
+  await page.addInitScript(() => {
+    // @ts-expect-error dds
+    delete self.showOpenFilePicker
+  })
+  page.on('filechooser', (worker) => {
+    log('filechooser created: ' + worker.page.name)
+  })
+  // ---------------------------------
 
-    const result = await script(page, log, file, newInputs.username, newInputs.password, version, downloadDir);
+  const result = await script(
+    page,
+    log,
+    file,
+    newInputs.username,
+    newInputs.password,
+    version,
+    downloadDir
+  )
 
-    await browser.close();
+  await browser.close()
 
-    log("setting output result to ", result);
+  log('setting output result to ', result)
 
-    setOutput("folder", result);
+  setOutput('folder', result)
 }
diff --git a/src/shared/libs/plugin-electron/make.ts b/src/shared/libs/plugin-electron/make.ts
index ac0104d..96f0bbc 100644
--- a/src/shared/libs/plugin-electron/make.ts
+++ b/src/shared/libs/plugin-electron/make.ts
@@ -110,24 +110,24 @@ export const makeRunner = createActionRunner<typeof make>(
     const { cp } = await import('node:fs/promises')
     const { arch, platform } = await import('process')
     const { fileURLToPath } = await import('url')
-    // @ts-expect-error
+    // @ts-expect-error dfdf
     const __dirname = fileURLToPath(dirname(import.meta.url))
     const { app } = await import('electron')
 
-    console.log('__dirname', __dirname)
-    console.log('process.resourcesPath', process.resourcesPath)
+    log('__dirname', __dirname)
+    log('process.resourcesPath', process.resourcesPath)
 
-    console.log('process.env.NODE_ENV', process.env.NODE_ENV)
+    log('process.env.NODE_ENV', process.env.NODE_ENV)
 
-    console.log('process.cwd()', process.cwd())
-    console.log('app.getAppPath', app.getAppPath())
+    log('process.cwd()', process.cwd())
+    log('app.getAppPath', app.getAppPath())
 
     const modulesPath = join(unpack, 'node_modules')
 
-    console.log('resourcePath', modulesPath)
+    log('resourcePath', modulesPath)
 
     const _pnpm = join(modulesPath, 'pnpm', 'bin', 'pnpm.cjs')
-    console.log('_pnpm', _pnpm)
+    log('_pnpm', _pnpm)
     const pnpm = _pnpm /* .replace('app.asar', 'app.asar.unpacked') */
     // const forge = join(
     //   __dirname,
@@ -158,7 +158,7 @@ export const makeRunner = createActionRunner<typeof make>(
     //   'electron-forge.js'
     // )
 
-    console.log('pnpm', pnpm)
+    log('pnpm', pnpm)
 
     const appFolder = inputs['input-folder']
     log('appFolder', appFolder)
@@ -173,8 +173,8 @@ export const makeRunner = createActionRunner<typeof make>(
     await cp(templateFolder, destinationFolder, {
       recursive: true,
       filter: (src, dest) => {
-        // console.log('src', src)
-        // console.log('dest', dest)
+        // log('src', src)
+        // log('dest', dest)
         return basename(src) !== 'node_modules'
       }
     })
@@ -205,7 +205,7 @@ export const makeRunner = createActionRunner<typeof make>(
     )
 
     try {
-      // console.log({
+      // log({
       //   arch: inputs.arch,
       //   dir: destinationFolder,
       //   interactive: false,
@@ -240,19 +240,19 @@ export const makeRunner = createActionRunner<typeof make>(
         log
       )
 
-      console.log('logs', logs)
+      log('logs', logs)
 
       setOutput('output', join(destinationFolder, 'out', 'make'))
     } catch (e) {
       if (e instanceof Error) {
         if (e.name === 'RequestError') {
-          console.log('Request error')
+          log('Request error')
         }
         if (e.name === 'RequestError') {
-          console.log('Request error')
+          log('Request error')
         }
       }
-      console.error(e)
+      log(e)
     }
   }
 )
diff --git a/src/shared/libs/plugin-electron/package.ts b/src/shared/libs/plugin-electron/package.ts
index 7e02579..a66b915 100644
--- a/src/shared/libs/plugin-electron/package.ts
+++ b/src/shared/libs/plugin-electron/package.ts
@@ -112,24 +112,24 @@ export const packageRunner = createActionRunner<typeof packageApp>(
     const { cp } = await import('node:fs/promises')
     const { platform, arch } = await import('process')
     const { fileURLToPath } = await import('url')
-    // @ts-expect-error
+    // @ts-expect-error dfdf
     const __dirname = fileURLToPath(dirname(import.meta.url))
     const { app } = await import('electron')
 
-    console.log('__dirname', __dirname)
-    console.log('process.resourcesPath', process.resourcesPath)
+    log('__dirname', __dirname)
+    log('process.resourcesPath', process.resourcesPath)
 
-    console.log('process.env.NODE_ENV', process.env.NODE_ENV)
+    log('process.env.NODE_ENV', process.env.NODE_ENV)
 
-    console.log('process.cwd()', process.cwd())
-    console.log('app.getAppPath', app.getAppPath())
+    log('process.cwd()', process.cwd())
+    log('app.getAppPath', app.getAppPath())
 
     const modulesPath = join(unpack, 'node_modules')
 
-    console.log('resourcePath', modulesPath)
+    log('resourcePath', modulesPath)
 
     const _pnpm = join(modulesPath, 'pnpm', 'bin', 'pnpm.cjs')
-    console.log('_pnpm', _pnpm)
+    log('_pnpm', _pnpm)
     const pnpm = _pnpm /* .replace('app.asar', 'app.asar.unpacked') */
     // const forge = join(
     //   __dirname,
@@ -160,7 +160,7 @@ export const packageRunner = createActionRunner<typeof packageApp>(
     //   'electron-forge.js'
     // )
 
-    console.log('pnpm', pnpm)
+    log('pnpm', pnpm)
 
     const appFolder = inputs['input-folder']
     log('appFolder', appFolder)
@@ -175,8 +175,8 @@ export const packageRunner = createActionRunner<typeof packageApp>(
     await cp(templateFolder, destinationFolder, {
       recursive: true,
       filter: (src, dest) => {
-        // console.log('src', src)
-        // console.log('dest', dest)
+        // log('src', src)
+        // log('dest', dest)
         return basename(src) !== 'node_modules'
       }
     })
@@ -207,7 +207,7 @@ export const packageRunner = createActionRunner<typeof packageApp>(
     )
 
     try {
-      // console.log({
+      // log({
       //   arch: inputs.arch,
       //   dir: destinationFolder,
       //   interactive: false,
@@ -242,7 +242,7 @@ export const packageRunner = createActionRunner<typeof packageApp>(
         log
       )
 
-      console.log('logs', logs)
+      log('logs', logs)
 
       const outName = outFolderName('app', finalPlatform, finalArch)
 
@@ -250,13 +250,13 @@ export const packageRunner = createActionRunner<typeof packageApp>(
     } catch (e) {
       if (e instanceof Error) {
         if (e.name === 'RequestError') {
-          console.log('Request error')
+          log('Request error')
         }
         if (e.name === 'RequestError') {
-          console.log('Request error')
+          log('Request error')
         }
       }
-      console.error(e)
+      log(e)
     }
   }
 )
diff --git a/src/shared/libs/plugin-filesystem/copy.ts b/src/shared/libs/plugin-filesystem/copy.ts
index 06548d3..dde71e0 100644
--- a/src/shared/libs/plugin-filesystem/copy.ts
+++ b/src/shared/libs/plugin-filesystem/copy.ts
@@ -1,76 +1,69 @@
-import { createAction, createActionRunner } from "@cyn/plugin-core";
+import { createAction, createActionRunner } from '@cyn/plugin-core'
 
-export const ID = "fs:copy";
+export const ID = 'fs:copy'
 
 export const copy = createAction({
   id: ID,
-  name: "Copy file",
-  displayString: "`Copy ${params.from} to ${params.to}`",
+  name: 'Copy file',
+  displayString: '`Copy ${params.from} to ${params.to}`',
   params: {
     from: {
-      label: "From",
-      value: "",
+      label: 'From',
+      value: '',
       control: {
-        type: "path",
+        type: 'path',
         options: {
           properties: ['openFile', 'openDirectory']
         }
-      },
+      }
     },
     to: {
-      label: "To",
-      value: "",
+      label: 'To',
+      value: '',
       control: {
-        type: "path",
+        type: 'path',
         options: {
-          properties: ['openFile', 'openDirectory', 'createDirectory', "promptToCreate"]
+          properties: ['openFile', 'openDirectory', 'createDirectory', 'promptToCreate']
         }
-      },
+      }
     },
     recursive: {
-        label: "Recursive",
-        value: true,
-        control: {
-          type: "boolean",
-        },
-      },
+      label: 'Recursive',
+      value: true,
+      control: {
+        type: 'boolean'
+      }
+    }
   },
 
   outputs: {},
-  description: "Copy a file or a folder from one location to another",
-  icon: "",
-  meta: {},
-});
-
-export const copyRunner = createActionRunner<typeof copy>(
-  async ({ log, inputs }) => {
-    const { cp } = await import("node:fs/promises");
-    log("");
+  description: 'Copy a file or a folder from one location to another',
+  icon: '',
+  meta: {}
+})
 
-    console.log("inputs", inputs);
+export const copyRunner = createActionRunner<typeof copy>(async ({ log, inputs }) => {
+  const { cp } = await import('node:fs/promises')
+  log('')
 
-    const from = inputs.from;
-    const to = inputs.to;
+  const from = inputs.from
+  const to = inputs.to
 
-    console.log("from", from);
-    console.log("to", to);
-
-    if (!from) {
-      throw new Error("Missing source");
-    }
+  if (!from) {
+    throw new Error('Missing source')
+  }
 
-    if (!to) {
-      throw new Error("Missing destination");
-    }
+  if (!to) {
+    throw new Error('Missing destination')
+  }
 
-    try {
-      process.noAsar = true
-      await cp(from, to, {
-        recursive: inputs.recursive,
-      });
-      process.noAsar = false
-    } catch (e) {
-      console.error("Error copying file", e);
-    }
+  try {
+    process.noAsar = true
+    await cp(from, to, {
+      recursive: inputs.recursive
+    })
+    process.noAsar = false
+  } catch (e) {
+    log('Error copying file', e)
   }
-);
+})
diff --git a/src/shared/libs/plugin-filesystem/run.ts b/src/shared/libs/plugin-filesystem/run.ts
index e153a13..557926a 100644
--- a/src/shared/libs/plugin-filesystem/run.ts
+++ b/src/shared/libs/plugin-filesystem/run.ts
@@ -1,87 +1,83 @@
-import { createAction, createActionRunner } from "@cyn/plugin-core";
+import { createAction, createActionRunner } from '@cyn/plugin-core'
 // import displayString from './displayStringRun.lua?raw'
 
-export const ID = "fs:run";
+export const ID = 'fs:run'
 
 export const run = createAction({
   id: ID,
-  name: "Invoke file",
+  name: 'Invoke file',
   displayString:
     "`Invoke ${fmt.param(params.command, 'primary')} ${(params.parameters ?? []).map(x => { console.log('x', x); return fmt.param(x) }).join(' ')}`",
   // displayString: displayString,
   params: {
     command: {
-      label: "Command",
-      value: "",
+      label: 'Command',
+      value: '',
       control: {
-        type: "input",
+        type: 'input',
         options: {
-          kind: "text",
-        },
-      },
+          kind: 'text'
+        }
+      }
     },
     parameters: {
-      label: "Arguments",
+      label: 'Arguments',
       value: [],
       control: {
-        type: "array",
+        type: 'array',
         options: {
-          kind: "text",
-        },
-      },
-    },
+          kind: 'text'
+        }
+      }
+    }
   },
 
   outputs: {
     stdout: {
-      label: "Standard output",
-      description: "Standard output of the command",
-      value: "",
+      label: 'Standard output',
+      description: 'Standard output of the command',
+      value: ''
     },
     stderr: {
-      label: "Error output",
-      value: "",
+      label: 'Error output',
+      value: ''
     },
     exitCode: {
-      label: "Exit code",
-      value: 0,
+      label: 'Exit code',
+      value: 0
     },
     duration: {
-      label: "Duration",
-      value: 0,
-    },
+      label: 'Duration',
+      value: 0
+    }
   },
-  description: "Invoke an arbitrary executable",
-  icon: "",
-  meta: {},
-});
+  description: 'Invoke an arbitrary executable',
+  icon: '',
+  meta: {}
+})
 
-export const runRunner = createActionRunner<typeof run>(
-  async ({ log, inputs, setOutput }) => {
-    const { execa, ExecaError } = await import("execa");
+export const runRunner = createActionRunner<typeof run>(async ({ log, inputs, setOutput }) => {
+  const { execa, ExecaError } = await import('execa')
 
-    const str = `${inputs.command} ${inputs.parameters.join(" ")}`;
+  const str = `${inputs.command} ${inputs.parameters.join(' ')}`
 
-    log(`Running ${str}`);
+  log(`Running ${str}`)
 
-    try {
-      const result = await execa`${str}`;
+  try {
+    const result = await execa`${str}`
 
-      console.log("result", result);
+    const { exitCode, durationMs, stderr, stdout } = result
 
-      const { exitCode, durationMs, stderr, stdout } = result;
-
-      setOutput("exitCode", exitCode === undefined ? -1 : exitCode);
-      setOutput("stdout", stdout);
-      setOutput("stderr", stderr);
-      setOutput("duration", durationMs);
-    } catch (error) {
-      if (error instanceof ExecaError) {
-        setOutput("exitCode", error.exitCode === undefined ? -1 : error.exitCode);
-        setOutput("stdout", error.stdout ?? "");
-        setOutput("stderr", error.stderr ?? "");
-        setOutput("duration", error.durationMs ?? 0);
-      }
+    setOutput('exitCode', exitCode === undefined ? -1 : exitCode)
+    setOutput('stdout', stdout)
+    setOutput('stderr', stderr)
+    setOutput('duration', durationMs)
+  } catch (error) {
+    if (error instanceof ExecaError) {
+      setOutput('exitCode', error.exitCode === undefined ? -1 : error.exitCode)
+      setOutput('stdout', error.stdout ?? '')
+      setOutput('stderr', error.stderr ?? '')
+      setOutput('duration', error.durationMs ?? 0)
     }
   }
-);
+})
diff --git a/src/shared/libs/plugin-system/alert.ts b/src/shared/libs/plugin-system/alert.ts
index 5464e11..5f733f6 100644
--- a/src/shared/libs/plugin-system/alert.ts
+++ b/src/shared/libs/plugin-system/alert.ts
@@ -1,29 +1,29 @@
-import { createAction, createActionRunner } from "@cyn/plugin-core";
+import { createAction, createActionRunner } from '@cyn/plugin-core'
 
-export const ID = "system:alert";
+export const ID = 'system:alert'
 
 export type Data = {
-  text: string;
-};
+  text: string
+}
 
 export const alertAction = createAction({
   id: ID,
-  name: "Alert",
-  description: "Alert a message",
-  icon: "",
+  name: 'Alert',
+  description: 'Alert a message',
+  icon: '',
   displayString: "`Alert ${fmt.param(params.message ?? 'No message')}`",
   meta: {},
   params: {
     message: {
       value: '',
-      label: "Message",
+      label: 'Message',
       control: {
         type: 'input',
         options: {
           kind: 'text'
         }
       }
-    },
+    }
   },
 
   outputs: {
@@ -31,25 +31,20 @@ export const alertAction = createAction({
       label: 'Answer',
       value: ''
     }
-  },
-});
-
-export const alertActionRunner = createActionRunner<typeof alertAction>(async ({
-  log,
-  inputs,
-  api,
-  setOutput,
-}) => {
-  console.log('inputs', inputs)
+  }
+})
 
-  //    'cancel' | 'ok'
-  const _answer = await api.execute('dialog:alert', {
-    message: inputs.message,
-  });
+export const alertActionRunner = createActionRunner<typeof alertAction>(
+  async ({ log, inputs, api, setOutput }) => {
+    //    'cancel' | 'ok'
+    const _answer = await api.execute('dialog:alert', {
+      message: inputs.message
+    })
 
-  if ('content' in _answer) {
-    setOutput('answer', _answer.answer);
-  } else {
-    log('error')
+    if ('content' in _answer) {
+      setOutput('answer', _answer.answer)
+    } else {
+      log('error')
+    }
   }
-})
+)
diff --git a/src/shared/libs/plugin-system/branch.ts b/src/shared/libs/plugin-system/branch.ts
index cbb02b5..1e83844 100644
--- a/src/shared/libs/plugin-system/branch.ts
+++ b/src/shared/libs/plugin-system/branch.ts
@@ -1,20 +1,17 @@
-import {
-  createCondition,
-  createConditionRunner,
-} from "@cyn/plugin-core";
+import { createCondition, createConditionRunner } from '@cyn/plugin-core'
 
-export const ID = "branch";
+export const ID = 'branch'
 
 export const branchCondition = createCondition({
   id: ID,
-  icon: "",
-  name: "Branch",
-  description: "",
-  displayString: "If {{ params.valueA }} {{ params.operator }} {{ params.valueB }}",
+  icon: '',
+  name: 'Branch',
+  description: '',
+  displayString: 'If {{ params.valueA }} {{ params.operator }} {{ params.valueB }}',
   params: {
     valueA: {
       value: '',
-      label: "First value",
+      label: 'First value',
       control: {
         type: 'input',
         options: {
@@ -24,7 +21,7 @@ export const branchCondition = createCondition({
     },
     operator: {
       value: '',
-      label: "Comparison",
+      label: 'Comparison',
       control: {
         type: 'select',
         options: {
@@ -40,57 +37,53 @@ export const branchCondition = createCondition({
     },
     valueB: {
       value: '',
-      label: "Second value",
+      label: 'Second value',
       control: {
         type: 'input',
         options: {
           kind: 'text'
         }
       }
-    },
-  },
-});
+    }
+  }
+})
 
-export const branchConditionRunner = createConditionRunner<
-  typeof branchCondition
->(async ({ log, inputs }) => {
-  const firstValue = inputs.valueA;
-  const secondValue = inputs.valueB;
-  const operator = inputs.operator as "=" | "!=" | "<" | "<=" | ">" | ">=";
+export const branchConditionRunner = createConditionRunner<typeof branchCondition>(
+  async ({ log, inputs }) => {
+    const firstValue = inputs.valueA
+    const secondValue = inputs.valueB
+    const operator = inputs.operator as '=' | '!=' | '<' | '<=' | '>' | '>='
 
-  console.log('firstValue', firstValue)
-  console.log('secondValue', secondValue)
-  console.log('operator', operator)
+    let result
+    switch (operator) {
+      case '!=':
+        result = firstValue != secondValue
+        break
 
-  let result
-  switch (operator) {
-    case "!=":
-      result = firstValue != secondValue
-      break;
+      case '<':
+        result = firstValue < secondValue
+        break
 
-    case "<":
-      result = firstValue < secondValue
-      break;
+      case '<=':
+        result = firstValue <= secondValue
+        break
 
-    case "<=":
-      result = firstValue <= secondValue
-      break;
+      case '=':
+        result = firstValue === secondValue
+        break
 
-    case "=":
-      result = firstValue === secondValue
-      break;
+      case '>':
+        result = firstValue > secondValue
+        break
 
-    case ">":
-      result = firstValue >secondValue
-      break;
+      case '>=':
+        result = firstValue >= secondValue
+        break
 
-    case ">=":
-      result = firstValue >= secondValue
-      break;
+      default:
+        throw new Error('Unhandled case')
+    }
 
-    default:
-      throw new Error("Unhandled case");
+    return result
   }
-
-  return result
-});
+)
diff --git a/src/shared/logger.ts b/src/shared/logger.ts
index 8c2d127..b9c0063 100644
--- a/src/shared/logger.ts
+++ b/src/shared/logger.ts
@@ -1,10 +1,33 @@
 import { Logger } from 'tslog'
+import { isRenderer } from './validation'
+import { usePluginAPI } from '@main/api'
+import { BrowserWindow } from 'electron'
 
-const logger = new Logger({
-  minLevel: 3, // INFO
-  hideLogPositionForProduction: false,
-})
+const createDefaultLogger = () =>
+  new Logger({
+    minLevel: 3, // INFO
+    hideLogPositionForProduction: false
+  })
 
-export {
-  logger
+let _logger = createDefaultLogger()
+// let _mainWindow: BrowserWindow | undefined = undefined
+
+export const useLogger = () => {
+  const setMainWindow = (mainWindow: BrowserWindow) => {
+    // _mainWindow = mainWindow
+    _logger = createDefaultLogger()
+
+    // in main, send logs to renderer
+    if (!isRenderer()) {
+      _logger.attachTransport((logObj) => {
+        const api = usePluginAPI(mainWindow)
+        api.execute('log:message', logObj)
+      })
+    }
+  }
+
+  return {
+    logger: () => _logger,
+    setMainWindow
+  }
 }
diff --git a/src/shared/validation.ts b/src/shared/validation.ts
index a294713..e633d45 100644
--- a/src/shared/validation.ts
+++ b/src/shared/validation.ts
@@ -3,3 +3,14 @@ import { InputDefinition } from "@cyn/plugin-core"
 export const isRequired = (param: InputDefinition) => {
   return param.required === true || !('required' in param)
 }
+
+export const isRenderer = () => {
+  // running in a web browser
+  if (typeof process === 'undefined') return true
+
+  // node-integration is disabled
+  if (!process) return true
+
+  // @ts-expect-error
+  return process.browser === true || process.title === 'browser'
+};
diff --git a/vite.main.config.mts b/vite.main.config.mts
index 5bcaee3..cacfa3b 100644
--- a/vite.main.config.mts
+++ b/vite.main.config.mts
@@ -1,15 +1,15 @@
-import type { ConfigEnv, UserConfig } from 'vite';
-import { defineConfig, loadEnv, mergeConfig } from 'vite';
-import { getBuildConfig, getBuildDefine, external, pluginHotRestart } from './vite.base.config';
+import type { ConfigEnv, UserConfig } from 'vite'
+import { defineConfig, loadEnv, mergeConfig } from 'vite'
+import { getBuildConfig, getBuildDefine, external, pluginHotRestart } from './vite.base.config'
 import tsconfigPaths from 'vite-tsconfig-paths'
 import { viteStaticCopy } from 'vite-plugin-static-copy'
-import { sentryVitePlugin } from "@sentry/vite-plugin";
+import { sentryVitePlugin } from '@sentry/vite-plugin'
 
 // https://vitejs.dev/config
 export default defineConfig((env) => {
-  const forgeEnv = env as ConfigEnv<'build'>;
-  const { forgeConfigSelf } = forgeEnv;
-  const define = getBuildDefine(forgeEnv);
+  const forgeEnv = env as ConfigEnv<'build'>
+  const { forgeConfigSelf } = forgeEnv
+  const define = getBuildDefine(forgeEnv)
 
   console.log('env.mode', env.mode)
 
@@ -22,14 +22,14 @@ export default defineConfig((env) => {
       targets: [
         {
           src: 'assets',
-          dest: '.',
+          dest: '.'
         },
         {
-          src: "node_modules/@jitl/quickjs-wasmfile-release-sync/dist/emscripten-module.wasm",
-          dest: "."
+          src: 'node_modules/@jitl/quickjs-wasmfile-release-sync/dist/emscripten-module.wasm',
+          dest: '.'
         }
       ]
-    }),
+    })
   ]
 
   // check if we are in a tag
@@ -38,9 +38,9 @@ export default defineConfig((env) => {
   if (tag) {
     plugins.push(
       sentryVitePlugin({
-        org: "armaldio",
-        project: "cyn",
-        authToken: environment.SENTRY_AUTH_TOKEN,
+        org: 'armaldio',
+        project: 'cyn',
+        authToken: environment.SENTRY_AUTH_TOKEN
       })
     )
   }
@@ -51,19 +51,19 @@ export default defineConfig((env) => {
       lib: {
         entry: forgeConfigSelf.entry!,
         fileName: () => '[name].js',
-        formats: ['cjs'],
+        formats: ['cjs']
       },
       rollupOptions: {
-        external,
-      },
+        external
+      }
     },
     plugins,
     define,
     resolve: {
       // Load the Node.js entry.
-      mainFields: ['module', 'jsnext:main', 'jsnext'],
-    },
-  };
+      mainFields: ['module', 'jsnext:main', 'jsnext']
+    }
+  }
 
-  return mergeConfig(getBuildConfig(forgeEnv), config);
-});
+  return mergeConfig(getBuildConfig(forgeEnv), config)
+})