diff --git a/client/src/App.vue b/client/src/App.vue
index 16db4f1b..78597773 100644
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -1,7 +1,7 @@
 <template>
     <v-app>
 
-        <v-app-bar dense max-height="50" :color="banner.bgcolor" v-if="banner.show">
+        <v-app-bar dense max-height="50" :color="banner.bgcolor" v-if="banner.show && popup!='true'">
             <v-toolbar-title style="width: 100%; text-align: center; color: azure;">{{ banner.message }}</v-toolbar-title>
         </v-app-bar>
         <v-navigation-drawer
@@ -10,7 +10,7 @@
             expand-on-hover
             permanent
             mini-variant
-            v-if="isAuthenticated"
+            v-if="isAuthenticated && popup!='true'"
         >
             <v-list nav dense>
                 <v-list-item link to="/">
@@ -131,6 +131,9 @@ export default {
     },
     */
     created() {
+        if (this.$route.query.popup) {
+            this.popup = this.$route.query.popup;
+        }
         this.$vuetify.theme.dark = this.getTheme();
         this.checkSession()
     },
@@ -141,6 +144,7 @@ export default {
         this.checkSession();
     },
     data: () => ({
+        popup: "false",
         session: false,
         isAuthenticated: false,
         version: "dev",
diff --git a/client/src/components/apps/detail.vue b/client/src/components/apps/detail.vue
index 9e383374..93508931 100644
--- a/client/src/components/apps/detail.vue
+++ b/client/src/components/apps/detail.vue
@@ -60,7 +60,7 @@ export default {
     },
     components: {
         events : () => import('./events.vue'),
-        logs : () => import('./logs.vue'),
+        logs : () => import('./logstab.vue'),
         vulnerabilities : () => import('./vulnerabilities.vue'),
         breadcrumbs: () => import('../breadcrumbs.vue'),
     },
diff --git a/client/src/components/apps/logs.vue b/client/src/components/apps/logs.vue
index 485c1e29..c7769917 100644
--- a/client/src/components/apps/logs.vue
+++ b/client/src/components/apps/logs.vue
@@ -1,23 +1,10 @@
 <template>
-    <v-container>
-        <v-row class="justify-space-between">
-            <v-col cols="6" sm="6" md="6" lg="6" xl="6">
-                <h1>Logs for {{ this.app }}</h1>
-                <p></p>
-            </v-col>
-        </v-row>
-        <v-row style="height: 1100px">
-            <v-col cols="12" sm="12" md="12">
-                <div class="console" id="console">
-                    <div v-for="line in loglines" :key="line.id">
-                    {{ new Date(line.time).toISOString()}}<span :style="'color:' +line.color">[{{ line.podID }}/{{ line.container.replace('kuberoapp-', '') }}]</span>
-                    {{ line.log }}
-                </div>
-                </div>
-            </v-col>
-        </v-row>
-
-    </v-container>
+    <div class="console" id="console" style="height: 100%;">
+        <div v-for="line in loglines" :key="line.id">
+        {{ new Date(line.time).toISOString()}}<span :style="'color:' +line.color">[{{ line.podID }}/{{ line.container.replace('kuberoapp-', '') }}]</span>
+        {{ line.log }}
+        </div>
+    </div>
 </template>
 
 <script>
@@ -29,6 +16,7 @@ export default {
         },
     },
     mounted() {
+        this.getLogHistory()
         this.socketJoin()
         this.startLogs()
     },
@@ -66,8 +54,6 @@ export default {
             */
         ],
     }),
-    components: {
-    },
     methods: {
         socketJoin() {
             this.$socket.client.emit("join", {
@@ -84,6 +70,11 @@ export default {
                 console.log("logs started");
             });
         },
+        getLogHistory() {
+            axios.get(`/api/logs/${this.pipeline}/${this.phase}/${this.app}/history`).then((response) => {
+                this.loglines = response.data;
+            });
+        },
     },
 }
 </script>
@@ -96,7 +87,6 @@ a:link { text-decoration: none;}
 }
 .console {
     height: 100%;
-    max-height: 1000px;
     overflow-x: scroll;
     background-color: #333;
     color: #c0c0c0;
diff --git a/client/src/components/apps/logstab.vue b/client/src/components/apps/logstab.vue
new file mode 100644
index 00000000..7a00463f
--- /dev/null
+++ b/client/src/components/apps/logstab.vue
@@ -0,0 +1,68 @@
+<template>
+    <v-container>
+        <v-row class="justify-space-between">
+            <v-col cols="6" sm="6" md="6" lg="6" xl="6">
+                <h1>
+                    Logs for {{ this.app }}
+                    
+                    <v-btn
+                    class="ma-2"
+                    @click="openInWindow"
+                    >
+                    Open Logs
+                    <v-icon
+                        right
+                        dark
+                    >
+                        mdi-open-in-new
+                    </v-icon>
+                    </v-btn>
+                </h1>
+                <p></p>
+            </v-col>
+        </v-row>
+        <v-row style="height: 1100px">
+            <v-col cols="12" sm="12" md="12">
+                <logs :pipeline=pipeline :phase=phase :app=app></logs>
+            </v-col>
+        </v-row>
+
+    </v-container>
+</template>
+
+<script>
+export default {
+    props: {
+      pipeline: {
+        type: String,
+        default: "MISSING"
+      },
+      phase: {
+        type: String,
+        default: "MISSING"
+      },
+      app: {
+        type: String,
+        default: "new"
+      }
+    },
+    data: () => ({
+    }),
+    components: {
+        logs: () => import('./logs.vue'),
+    },
+    methods: {
+        openInWindow() {
+            window.open(`#/pipeline/${this.pipeline}/${this.phase}/${this.app}/logspopup?popup=true`, '_blank', 'popup=yes,location=no,height=1000,width=1000,scrollbars=yes,status=no');
+        }
+    },
+}
+</script>
+
+<style lang="scss">
+
+a:link { text-decoration: none;}
+.v-icon.v-icon {
+    vertical-align:inherit;
+}
+</style>
\ No newline at end of file
diff --git a/client/src/router/index.js b/client/src/router/index.js
index 52024cf6..7b9c9bd9 100644
--- a/client/src/router/index.js
+++ b/client/src/router/index.js
@@ -4,6 +4,7 @@ import PipelineNew from "@/components/pipelines/new"
 import PipelineDetails from "@/components/pipelines/detail"
 import AppsNew from "@/components/apps/new"
 import AppsDetail from "@/components/apps/detail"
+import AppsLogsPopUp from "@/components/apps/logs"
 import Settingsform from "@/components/settings/form"
 import Addonslist from "@/components/addons/list"
 import EventsView from "@/components/events/view"
@@ -52,6 +53,12 @@ export default new VueRouter({
       component: AppsDetail,
       props: true
     },
+    {
+      path: "/pipeline/:pipeline/:phase/:app/logspopup",
+      name: "App logs popup",
+      component: AppsLogsPopUp,
+      props: true
+    },
     {
       path: "/settings",
       name: "Settigns",
diff --git a/src/kubero.ts b/src/kubero.ts
index 15969698..34df9bac 100644
--- a/src/kubero.ts
+++ b/src/kubero.ts
@@ -700,7 +700,7 @@ export class Kubero {
 
             if (!this.podLogStreams.includes(podName)) {
 
-                this.kubectl.log.log(namespace, podName, container, logStream, {follow: true, tailLines: 50, pretty: false, timestamps: false})
+                this.kubectl.log.log(namespace, podName, container, logStream, {follow: true, tailLines: 0, pretty: false, timestamps: false})
                 .then(res => {
                     debug.log('logs started for '+podName+' '+container);
                     this.podLogStreams.push(podName);
@@ -737,6 +737,63 @@ export class Kubero {
         }
     }
 
+    public async getLogsHistory(pipelineName: string, phaseName: string, appName: string) {
+        const contextName = this.getContext(pipelineName, phaseName);
+        const namespace = pipelineName+'-'+phaseName;
+
+        const logStream = new Stream.PassThrough();
+        let logs: String = '';
+        logStream.on('data', (chunk: any) => {
+            //console.log(chunk.toString());
+            logs += chunk.toString();
+        });
+
+        let loglines: any[] = [];
+        if (contextName) {
+            const pods = await this.kubectl.getPods(namespace, contextName);
+            for (const pod of pods) {
+
+                if (pod.metadata?.name?.startsWith(appName)) {
+                    for (const container of pod.spec?.containers || []) {
+                        console.log('getting logs for '+pod.metadata.name+' '+container.name);
+                        await this.kubectl.log.log(namespace, pod.metadata.name, container.name, logStream, {follow: false, tailLines: 80, pretty: false, timestamps: true})
+                        
+                        // sleep for 1 second to wait for all logs to be collected
+                        await new Promise(r => setTimeout(r, 1000));
+
+                        // split loglines into array
+                        const loglinesArray = logs.split('\n').reverse();
+                        for (const logline of loglinesArray) {
+                            if (logline.length > 0) {
+                                // split after first whitespace
+                                const loglineArray = logline.split(/(?<=^\S+)\s/);
+                                const loglineDate = new Date(loglineArray[0]);
+                                const loglineText = loglineArray[1];
+
+                            
+
+                                loglines.push({
+                                    id: uuidv4(),
+                                    time: loglineDate.getTime(),
+                                    pipeline: pipelineName,
+                                    phase: phaseName,
+                                    app: appName,
+                                    pod: pod.metadata.name,
+                                    podID: pod.metadata.name.split('-')[3]+'-'+pod.metadata.name.split('-')[4],
+                                    container: container.name,
+                                    color: this.logcolor(pod.metadata.name),
+                                    log: loglineText
+                                });
+                            }
+                        }
+                    }
+                }
+            }
+        }
+
+        return loglines;
+    }
+
     public getRepositories() {
         let repositories = {
             github: false,
diff --git a/src/routes/logs.ts b/src/routes/logs.ts
index d7768f5f..2b08fe0b 100644
--- a/src/routes/logs.ts
+++ b/src/routes/logs.ts
@@ -26,6 +26,22 @@ Router.get('/logs/:pipeline/:phase/:app', authMiddleware, async function (req: R
     res.send('ok');
 });
 
+Router.get('/logs/:pipeline/:phase/:app/history', authMiddleware, async function (req: Request, res: Response) {
+    // #swagger.tags = ['UI']
+    // #swagger.summary = 'Get logs history for a specific app'
+    // #swagger.description = 'Get logs history for a specific app'
+    // #swagger.parameters['pipeline'] = { description: 'Pipeline name' }
+    // #swagger.parameters['phase'] = { description: 'Phase name' }
+    // #swagger.parameters['app'] = { description: 'App name' }
+
+    const logs = await req.app.locals.kubero.getLogsHistory(
+        req.params.pipeline,
+        req.params.phase,
+        req.params.app
+    );
+    res.send(logs);
+});
+
 Router.get('/events', authMiddleware, async function (req: Request, res: Response) {
     // #swagger.tags = ['UI']
     // #swagger.summary = 'Get the Kubero Kubernetes events'
diff --git a/swagger.js b/swagger.js
index 5ca9c940..9270c50c 100644
--- a/swagger.js
+++ b/swagger.js
@@ -2,7 +2,7 @@ const swaggerAutogen = require('swagger-autogen')({openapi: '3.0.0'})
 // https://github.com/davibaltar/swagger-autogen
 const doc = {
     info: {
-      version: '1.8.0',
+      version: '1.10.1',
       title: 'Kubero',
       description: 'Kubero is a web-based tool deploy applications on a Kubernetes clusters. It provides a simple and intuitive interface to manage your clusters, applications, and pipelines.',
     },
diff --git a/swagger.json b/swagger.json
index 0b969299..5b157eec 100644
--- a/swagger.json
+++ b/swagger.json
@@ -1,7 +1,7 @@
 {
   "openapi": "3.0.0",
   "info": {
-    "version": "1.8.0",
+    "version": "1.10.1",
     "title": "Kubero",
     "description": "Kubero is a web-based tool deploy applications on a Kubernetes clusters. It provides a simple and intuitive interface to manage your clusters, applications, and pipelines."
   },
@@ -44,7 +44,6 @@
         ],
         "summary": "Get a list of available addons",
         "description": "",
-        "parameters": [],
         "responses": {
           "200": {
             "description": "OK"
@@ -68,7 +67,6 @@
         ],
         "summary": "Get a list of available addons",
         "description": "",
-        "parameters": [],
         "responses": {
           "200": {
             "description": "OK"
@@ -83,7 +81,6 @@
         ],
         "summary": "Get a list of installed operators",
         "description": "",
-        "parameters": [],
         "responses": {
           "200": {
             "description": "OK"
@@ -98,7 +95,6 @@
         ],
         "summary": "Create a new app",
         "description": "",
-        "parameters": [],
         "responses": {
           "200": {
             "description": "OK"
@@ -246,7 +242,6 @@
         ],
         "summary": "Get a list of running apps",
         "description": "",
-        "parameters": [],
         "responses": {
           "200": {
             "description": "OK"
@@ -270,7 +265,6 @@
         ],
         "summary": "Create a new app",
         "description": "",
-        "parameters": [],
         "responses": {
           "200": {
             "description": "OK"
@@ -283,7 +277,6 @@
         ],
         "summary": "Get a list of running apps",
         "description": "",
-        "parameters": [],
         "responses": {
           "200": {
             "description": "OK"
@@ -376,8 +369,11 @@
         ],
         "summary": "Authenticate with github",
         "description": "",
-        "parameters": [],
-        "responses": {}
+        "responses": {
+          "default": {
+            "description": ""
+          }
+        }
       }
     },
     "/auth/github/callback": {
@@ -387,8 +383,11 @@
         ],
         "summary": "Github Authentication Callback",
         "description": "",
-        "parameters": [],
-        "responses": {}
+        "responses": {
+          "default": {
+            "description": ""
+          }
+        }
       }
     },
     "/auth/oauth2": {
@@ -398,8 +397,11 @@
         ],
         "summary": "Authenticate with oauth2",
         "description": "",
-        "parameters": [],
-        "responses": {}
+        "responses": {
+          "default": {
+            "description": ""
+          }
+        }
       }
     },
     "/auth/oauth2/callback": {
@@ -409,8 +411,11 @@
         ],
         "summary": "Oauth2 Authentication Callback",
         "description": "",
-        "parameters": [],
-        "responses": {}
+        "responses": {
+          "default": {
+            "description": ""
+          }
+        }
       }
     },
     "/auth/methods": {
@@ -420,7 +425,6 @@
         ],
         "summary": "Get the available authentication methods",
         "description": "",
-        "parameters": [],
         "responses": {
           "200": {
             "description": "OK"
@@ -435,7 +439,6 @@
         ],
         "summary": "Login with username and password",
         "description": "",
-        "parameters": [],
         "responses": {
           "200": {
             "description": "OK"
@@ -453,7 +456,6 @@
         ],
         "summary": "Logout and destroy the session",
         "description": "",
-        "parameters": [],
         "responses": {
           "200": {
             "description": "OK"
@@ -468,7 +470,6 @@
         ],
         "summary": "Get the config",
         "description": "",
-        "parameters": [],
         "responses": {
           "200": {
             "description": "OK"
@@ -483,7 +484,6 @@
         ],
         "summary": "Get the podsize list",
         "description": "",
-        "parameters": [],
         "responses": {
           "200": {
             "description": "OK"
@@ -507,7 +507,6 @@
         ],
         "summary": "Get the podsize list",
         "description": "",
-        "parameters": [],
         "responses": {
           "200": {
             "description": "OK"
@@ -522,7 +521,6 @@
         ],
         "summary": "Get the buildpacks list",
         "description": "",
-        "parameters": [],
         "responses": {
           "200": {
             "description": "OK"
@@ -546,7 +544,6 @@
         ],
         "summary": "Get the buildpacks list",
         "description": "",
-        "parameters": [],
         "responses": {
           "200": {
             "description": "OK"
@@ -561,7 +558,6 @@
         ],
         "summary": "Get the available Kubernetes contexts",
         "description": "",
-        "parameters": [],
         "responses": {
           "200": {
             "description": "OK"
@@ -585,7 +581,6 @@
         ],
         "summary": "Get the available k8s context list",
         "description": "",
-        "parameters": [],
         "responses": {
           "200": {
             "description": "OK"
@@ -600,7 +595,6 @@
         ],
         "summary": "Get the available repositories",
         "description": "",
-        "parameters": [],
         "responses": {
           "200": {
             "description": "OK"
@@ -624,7 +618,6 @@
         ],
         "summary": "Get the available repositories",
         "description": "",
-        "parameters": [],
         "responses": {
           "200": {
             "description": "OK"
@@ -639,7 +632,6 @@
         ],
         "summary": "Get the available storageclasses",
         "description": "",
-        "parameters": [],
         "responses": {
           "200": {
             "description": "OK"
@@ -690,6 +682,49 @@
         }
       }
     },
+    "/logs/{pipeline}/{phase}/{app}/history": {
+      "get": {
+        "tags": [
+          "UI"
+        ],
+        "summary": "Get logs history for a specific app",
+        "description": "Get logs history for a specific app",
+        "parameters": [
+          {
+            "name": "pipeline",
+            "in": "path",
+            "required": true,
+            "schema": {
+              "type": "string"
+            },
+            "description": "Pipeline name"
+          },
+          {
+            "name": "phase",
+            "in": "path",
+            "required": true,
+            "schema": {
+              "type": "string"
+            },
+            "description": "Phase name"
+          },
+          {
+            "name": "app",
+            "in": "path",
+            "required": true,
+            "schema": {
+              "type": "string"
+            },
+            "description": "App name"
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "OK"
+          }
+        }
+      }
+    },
     "/events": {
       "get": {
         "tags": [
@@ -763,7 +798,6 @@
         ],
         "summary": "Get node metrics and metrics for all apps",
         "description": "",
-        "parameters": [],
         "responses": {
           "200": {
             "description": "OK"
@@ -835,7 +869,6 @@
         ],
         "summary": "Get a list of available pipelines",
         "description": "",
-        "parameters": [],
         "responses": {
           "200": {
             "description": "OK"
@@ -943,7 +976,6 @@
         ],
         "summary": "Get a list of available pipelines",
         "description": "",
-        "parameters": [],
         "responses": {
           "200": {
             "description": "OK"
@@ -1462,7 +1494,6 @@
         ],
         "summary": "Get the Kubero settings",
         "description": "",
-        "parameters": [],
         "responses": {
           "200": {
             "description": "OK"
@@ -1486,7 +1517,6 @@
         ],
         "summary": "Get the Kubero settings",
         "description": "",
-        "parameters": [],
         "responses": {
           "200": {
             "description": "OK"
@@ -1501,7 +1531,6 @@
         ],
         "summary": "Get the Kubero Dashboad banner",
         "description": "",
-        "parameters": [],
         "responses": {
           "200": {
             "description": "OK"
@@ -1516,8 +1545,11 @@
         ],
         "summary": "Get all services",
         "description": "",
-        "parameters": [],
-        "responses": {}
+        "responses": {
+          "default": {
+            "description": ""
+          }
+        }
       }
     },
     "/services/{name}": {