Allow to toggle debug mode on debug task failure

dashboard/src/components/app/Repair.vue

@@ -3,6 +3,7 @@
 import { ref, onMounted, useTemplateRef } from 'vue';
 import { Button, Switch } from '@cloudron/pankow';
 import { taskNameFromInstallationState } from '../../utils.js';
+import { ISTATES } from '../../constants.js';
 import AppRepairDialog from '../AppRepairDialog.vue';
 import AppsModel from '../../models/AppsModel.js';
 
@@ -60,7 +61,7 @@ onMounted(() => {
     <p v-html="$t('app.repair.recovery.description', { docsLink: 'https://docs.cloudron.io/troubleshooting/#unresponsive-app' })"></p>
 
     <div style="display: flex; justify-content: space-between;">
-    <Switch v-model="debugMode" @change="onDebugMode" :disabled="debugModeBusy || app.error || app.taskId" v-tooltip="app.taskId ? (app.error ? 'App is in error state' : 'App is busy') : ''" label="Recovery Mode"/>
+      <Switch v-model="debugMode" @change="onDebugMode" :disabled="debugModeBusy || (app.error && app.error.details.installationState !== ISTATES.PENDING_DEBUG) || app.taskId" label="Recovery Mode"/>
       <Button @click="onRestart()" :disabled="busyRestart || app.taskId || app.error" :loading="busyRestart || app.installationState === 'pending_restart'">{{ $t('app.repair.recovery.restartAction') }}</Button>
     </div>