diff --git a/dashboard/src/components/app/Uninstall.vue b/dashboard/src/components/app/Uninstall.vue
index 5c34b77e4..b77706645 100644
--- a/dashboard/src/components/app/Uninstall.vue
+++ b/dashboard/src/components/app/Uninstall.vue
@@ -1,46 +1,53 @@
 <script setup>
 
-import { ref, onMounted } from 'vue';
+import { ref, onMounted, computed } from 'vue';
 import { Button } from 'pankow';
 import { prettyLongDate } from 'pankow/utils';
 import { APP_TYPES, ISTATES, RSTATES } from '../../constants.js';
+import AppsModel from '../../models/AppsModel.js';
+
+const appsModel = AppsModel.create();
 
 const props = defineProps([ 'app' ]);
 const emit = defineEmits([ 'changed' ]);
 
 const latestBackup = ref(null);
-const isAppStopped = ref(false);
+const isAppStopped = computed(() => {
+  // show 'Start App' if app is starting or is stopped
+  if (props.app.installationState === ISTATES.PENDING_START || props.app.installationState === ISTATES.PENDING_STOP) {
+    return props.app.installationState === ISTATES.PENDING_START;
+  } else {
+    return props.app.runState === RSTATES.STOPPED;
+  }
+});
 
-function onToggleRunState() {
-  // TOOD
+async function onToggleRunState() {
+  if (isAppStopped.value) {
+    const [error] = await appsModel.start(props.app.id);
+    if (error) return console.error(error);
+  } else {
+    const [error] = await appsModel.stop(props.app.id);
+    if (error) return console.error(error);
+  }
 }
 
 function onUninstall() {
-  // TOOD
+  // TODO
 }
 
 function onArchive() {
-  // TOOD
+  // TODO
 }
 
 onMounted(() => {
   latestBackup.value = null;
-
-  const app = props.app;
-
-  // show 'Start App' if app is starting or is stopped
-  if (app.installationState === ISTATES.PENDING_START || app.installationState === ISTATES.PENDING_STOP) {
-      isAppStopped.value = app.installationState === ISTATES.PENDING_START;
-  } else {
-      isAppStopped.value = app.runState === RSTATES.STOPPED;
-  }
 });
 
 </script>
 
 <template>
-  <div style="display: flex; gap: 20px;">
-    <div style="flex-basis: 33%;">
+  <div>
+    <div>
       <label>{{ $t('app.uninstall.startStop.title') }}</label>
       <p>{{ $t('app.uninstall.startStop.description') }}</p>
       <Button @click="onToggleRunState()"
@@ -51,9 +58,9 @@ onMounted(() => {
       </Button>
     </div>
 
-    <!-- <hr v-if="app.type !== APP_TYPES.PROXIED"/> -->
+    <hr v-if="app.type !== APP_TYPES.PROXIED"/>
 
-    <div v-if="app.type !== APP_TYPES.PROXIED" style="flex-basis: 33%;">
+    <div v-if="app.type !== APP_TYPES.PROXIED">
       <label>{{ $t('app.archive.title') }}</label>
       <p v-html="$t('app.archive.description')"></p>
       <p class="text-bold text-success" v-if="latestBackup" v-html="$t('app.archive.latestBackupInfo', { date: prettyLongDate(uninstall.latestBackup.creationTime) })"></p>
@@ -61,9 +68,9 @@ onMounted(() => {
       <Button :disabled="!latestBackup" @click="onArchive()">{{ $t('app.archive.action') }}</Button>
     </div>
 
-    <!-- <hr/> -->
+    <hr/>
 
-    <div style="flex-basis: 33%;">
+    <div>
       <label>{{ $t('app.uninstall.uninstall.title') }}</label>
       <p>{{ $t('app.uninstall.uninstall.description') }}</p>
       <Button danger @click="onUninstall()">{{ $t('app.uninstall.uninstall.uninstallAction') }}</button>
diff --git a/dashboard/src/models/AppsModel.js b/dashboard/src/models/AppsModel.js
index af5fefec0..817cf006a 100644
--- a/dashboard/src/models/AppsModel.js
+++ b/dashboard/src/models/AppsModel.js
@@ -189,6 +189,30 @@ function create() {
         await sleep(2000);
       }
     },
+    async start(id) {
+      let result;
+      try {
+        result = await fetcher.post(`${origin}/api/v1/apps/${id}/start`, {}, { access_token: accessToken });
+      } catch (e) {
+        return [e];
+      }
+
+      if (result.status !== 202) return [result];
+      return [null, result.body.taskId];
+
+    },
+    async stop(id) {
+      let result;
+      try {
+        result = await fetcher.post(`${origin}/api/v1/apps/${id}/stop`, {}, { access_token: accessToken });
+      } catch (e) {
+        return [e];
+      }
+
+      if (result.status !== 202) return [result];
+      return [null, result.body.taskId];
+
+    },
     async configure(id, setting, data) {
       let result;
       try {
diff --git a/dashboard/src/models/TasksModel.js b/dashboard/src/models/TasksModel.js
index 16b9a76a3..5ef61bf91 100644
--- a/dashboard/src/models/TasksModel.js
+++ b/dashboard/src/models/TasksModel.js
@@ -1,11 +1,26 @@
 
 import { fetcher } from 'pankow';
+import { sleep } from 'pankow/utils';
 
 function create() {
   const accessToken = localStorage.token;
   const origin = import.meta.env.VITE_API_ORIGIN || window.location.origin;
 
   return {
+    async wait(id) {
+      while(true) {
+        let result;
+        try {
+          result = await fetcher.get(`${origin}/api/v1/tasks/${id}`, { access_token: accessToken });
+        } catch (e) {
+          return [e];
+        }
+
+        if (!result.body.active) return [result.body.error, result.body.result];
+
+        await sleep(2000);
+      }
+    },
     async getLatestByType(type) {
       let error, result;
       try {
@@ -49,7 +64,7 @@ function create() {
 
       if (error || result.status !== 204) return [error || result];
       return [null];
-    }
+    },
   };
 }
 
diff --git a/dashboard/src/views/AppConfigureView.vue b/dashboard/src/views/AppConfigureView.vue
index 984fe4b78..2d5cc26a8 100644
--- a/dashboard/src/views/AppConfigureView.vue
+++ b/dashboard/src/views/AppConfigureView.vue
@@ -6,7 +6,7 @@ import { useI18n } from 'vue-i18n';
 const i18n = useI18n();
 const t = i18n.t;
 
-import { ref, onMounted, useTemplateRef } from 'vue';
+import { ref, onMounted, onUnmounted, useTemplateRef } from 'vue';
 import { Button, ButtonGroup, TabView } from 'pankow';
 import Info from '../components/app/Info.vue';
 import Uninstall from '../components/app/Uninstall.vue';
@@ -41,6 +41,8 @@ const link = ref('');
 const infoMenu = ref([]);
 const hasLocalStorage = ref(false);
 
+let refreshTimer = null;
+
 function onTabChanged(tab) {
   window.location.hash = `/app/${id.value}/${tab}`;
 }
@@ -55,6 +57,7 @@ async function refresh() {
   link.value = result.fqdn.indexOf('http') !== 0 ? 'https://' + result.fqdn : result.fqdn;
   hasLocalStorage.value = result.manifest && result.manifest.addons && result.manifest.addons.localstorage;
 
+  infoMenu.value = [];
   infoMenu.value.push({
     label: t('app.docsAction'),
     disabled: !result.manifest?.documentationUrl,
@@ -98,6 +101,8 @@ async function refresh() {
     // TODO support real href links
     action: () => { window.location.href = result.manifest.website; }
   });
+
+  refreshTimer = setTimeout(refresh, 2000);
 }
 
 onMounted(async () => {
@@ -114,6 +119,10 @@ onMounted(async () => {
   tabView.value.open(parts[1] || 'info');
 });
 
+onUnmounted(() => {
+  if (refreshTimer) clearTimeout(refreshTimer);
+});
+
 </script>
 
 <template>