@raclettejs/workbench 0.1.16 → 0.1.18

package/CHANGELOG.md

@@ -7,11 +7,25 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
-## [0.1.16] - 05.11.2025 <a href="https://gitlab.com/raclettejs/workbench/-/compare/v0.1.15...v0.1.16" target="_blank" rel="noopener"><b>Overview of all changes</b></a>
+## [0.1.18] - 05.12.2025 <a href="https://gitlab.com/raclettejs/workbench/-/compare/v0.1.17...v0.1.18" target="_blank" rel="noopener"><b>Overview of all changes</b></a>
+
+### Removed
+
+- Removed redundand authTokenExpiryDays config
+
+### Added
+
+- Interaction Links can now have a trigger in the appbar
+- possibility to restore items
+- possibility to add prepend and append actions to base table row items
+- added project configuration interface
+
+## [0.1.17] - 06.11.2025 <a href="https://gitlab.com/raclettejs/workbench/-/compare/v0.1.15...v0.1.17" target="_blank" rel="noopener"><b>Overview of all changes</b></a>
 
 ### Added
 
 - added isDeleted switch to lists
+- added hard deletion to all core types
 
 ## [0.1.15] - 02.11.2025 <a href="https://gitlab.com/raclettejs/workbench/-/compare/v0.1.13...v0.1.15" target="_blank" rel="noopener"><b>Overview of all changes</b></a>
 

package/config/compositions.js

@@ -2,7 +2,6 @@ export default [
   // composition administration
   {
     _id: "compositionList",
-    description: "Ein Test",
     pathname: {
       default: "composition-list",
     },
@@ -21,7 +20,6 @@ export default [
   },
   {
     _id: "compositionCreate",
-    description: "Ein Test",
     pathname: {
       default: "composition-create",
     },
@@ -41,7 +39,6 @@ export default [
   },
   {
     _id: "compositionEdit",
-    description: "Ein Test",
     pathname: {
       default: "composition-edit",
     },
@@ -63,7 +60,6 @@ export default [
   // interactionLinks administration
   {
     _id: "interactionLinkList",
-    description: "Ein Test",
     pathname: {
       default: "interactionLink-list",
     },
@@ -82,7 +78,6 @@ export default [
   },
   {
     _id: "interactionLinkCreate",
-    description: "Ein Test",
     pathname: {
       default: "interactionLink-create",
     },
@@ -101,7 +96,6 @@ export default [
   },
   {
     _id: "interactionLinkEdit",
-    description: "Ein Test",
     pathname: {
       default: "interactionLink-edit",
     },
@@ -123,7 +117,6 @@ export default [
   // users administration
   {
     _id: "userList",
-    description: "Ein Test",
     pathname: {
       default: "user-list",
     },
@@ -142,7 +135,6 @@ export default [
   },
   {
     _id: "userCreate",
-    description: "Ein Test",
     pathname: {
       default: "user-create",
     },
@@ -161,7 +153,6 @@ export default [
   },
   {
     _id: "userEdit",
-    description: "Ein Test",
     pathname: {
       default: "user-edit",
     },
@@ -182,7 +173,6 @@ export default [
   // tags administration
   {
     _id: "tagList",
-    description: "Ein Test",
     pathname: {
       default: "tag-list",
     },
@@ -201,7 +191,6 @@ export default [
   },
   {
     _id: "tagCreate",
-    description: "Ein Test",
     pathname: {
       default: "tag-create",
     },
@@ -220,7 +209,6 @@ export default [
   },
   {
     _id: "tagEdit",
-    description: "Ein Test",
     pathname: {
       default: "tag-edit",
     },
@@ -242,7 +230,6 @@ export default [
   // plugins configuration
   {
     _id: "pluginList",
-    description: "Ein Test",
     pathname: {
       default: "plugin-list",
     },
@@ -261,7 +248,6 @@ export default [
   },
   {
     _id: "pluginDetail",
-    description: "Ein Test",
     pathname: {
       default: "plugin-detail",
     },
@@ -279,4 +265,22 @@ export default [
     ],
     queryParameters: ["id"],
   },
+  {
+    _id: "projectDetail",
+    pathname: {
+      default: "project-detail",
+    },
+    widgetsLayout: [
+      [
+        {
+          column: 12,
+          widget: {
+            uuid: "ProjectDetail",
+            name: "ProjectDetail",
+            pluginKey: "pacifico__project",
+          },
+        },
+      ],
+    ],
+  },
 ] //satisfies Composition[]

package/config/interactionLinks.js

@@ -45,8 +45,8 @@ export default [
         settings: {
           icon: "mdi-link-box-variant",
           title: {
-            default: "interactionLink",
-            de: "interactionLink",
+            default: "Interaction Links",
+            de: "Interaktionslinks",
           },
           sortOrder: 1,
           navigationBarType: "navItem",
@@ -78,8 +78,8 @@ export default [
         settings: {
           icon: "mdi-account-details",
           title: {
-            default: "users",
-            de: "users",
+            default: "Users",
+            de: "Nutzer",
           },
           sortOrder: 2,
           navigationBarType: "navItem",
@@ -111,10 +111,10 @@ export default [
         settings: {
           icon: "mdi-tag",
           title: {
-            default: "tags",
-            de: "tags",
+            default: "Tags",
+            de: "Tags",
           },
-          sortOrder: 2,
+          sortOrder: 3,
           navigationBarType: "navItem",
         },
       },
@@ -145,10 +145,10 @@ export default [
         settings: {
           icon: "mdi-puzzle",
           title: {
-            default: "plugins",
-            de: "plugins",
+            default: "Plugins",
+            de: "Plugins",
           },
-          sortOrder: 2,
+          sortOrder: 4,
           navigationBarType: "navItem",
         },
       },
@@ -161,4 +161,24 @@ export default [
     triggers: [],
     queryParameters: ["pluginKey"],
   },
+  // project configuration
+  {
+    _id: "projectDetailInteractionLink",
+    composition: compositions[14]._id,
+    slotType: "page",
+    triggers: [
+      {
+        type: "page-navigation",
+        settings: {
+          icon: "mdi-application-cog",
+          title: {
+            default: "Project",
+            de: "Projekt",
+          },
+          sortOrder: 0,
+          navigationBarType: "footerItem",
+        },
+      },
+    ],
+  },
 ] // satisfies Partial<InteractionLink>[]

package/i18n/de-DE.json

@@ -42,6 +42,7 @@
       "searchPlaceholder": "{dataName} durchsuchen",
       "createDataButton": "{dataName} erstellen",
       "deleteDataTitle": "{dataName} löschen",
+      "restoreDataTitle": "{dataName} widerherstellen",
       "deleteDataConfirmMessage": "Bist du sicher, dass du {article} {dataName} <strong>{value}</strong> löschen willst?",
       "deleteDataConfirmButton": "Löschen",
       "deleteDataConfirmCancel": "Abbrechen"
@@ -246,6 +247,31 @@
         "invalidEmail": "Bitte geben Sie eine gültige E-Mail-Adresse ein",
         "invalidUrl": "Bitte geben Sie eine gültige URL ein"
       }
+    },
+    "project": {
+      "formtitle": "Projekt bearbeiten",
+      "dataName": "Projekt",
+      "dividers": {
+        "general": "Allgemein",
+        "config": "Konfiguration"
+      },
+      "title": {
+        "title": "Projekt name",
+        "description": "Der Name des Projekts"
+      },
+      "tags": {
+        "title": "Tags",
+        "description": "Dieses Feld dient nur der internen Zuordnung der Komposition und wird nicht im Produkt angezeigt."
+      },
+      "description": {
+        "title": "Projekt Beschreibung",
+        "description": "Die Beschreibung des Portal/Platform Inhalts"
+      },
+      "config": "Projekt Konfiguration",
+      "railPageNavigation": {
+        "title": "Ausklappbare Navigation",
+        "description": "Wenn aktiviert wird die Seitennavigation automatisch ein- und aufgeklappt"
+      }
     }
   }
-}
+}

package/i18n/en-EU.json

@@ -42,6 +42,7 @@
       "searchPlaceholder": "Search {dataName}",
       "createDataButton": "Create {dataName}",
       "deleteDataTitle": "Delete {dataName}",
+      "restoreDataTitle": "Restore {dataName}",
       "deleteDataConfirmMessage": "Are you sure you want to delete {article} {dataName} <strong>{value}</strong>?",
       "deleteDataConfirmButton": "Delete",
       "deleteDataConfirmCancel": "Cancel"
@@ -246,6 +247,31 @@
         "invalidEmail": "Please enter a valid email address",
         "invalidUrl": "Please enter a valid URL"
       }
+    },
+    "project": {
+      "formtitle": "Edit Project",
+      "dataName": "Project",
+      "dividers": {
+        "general": "General",
+        "config": "Configuration"
+      },
+      "title": {
+        "title": "Project Name",
+        "description": "The name of the project"
+      },
+      "tags": {
+        "title": "Tags",
+        "description": "This field is only used for internal categorization of the composition and is not displayed in the product."
+      },
+      "description": {
+        "title": "Project Description",
+        "description": "The description of the portal/platform content"
+      },
+      "config": "Project Configuration",
+      "railPageNavigation": {
+        "title": "Collapsible Navigation",
+        "description": "When enabled, the page navigation is automatically collapsed and expanded"
+      }
     }
   }
-}
+}

package/i18n/sk-SK.json

@@ -42,6 +42,7 @@
       "searchPlaceholder": "Hľadať {dataName}",
       "createDataButton": "Vytvoriť {dataName}",
       "deleteDataTitle": "Odstrániť {dataName}",
+      "restoreDataTitle": "Obnoviť {dataName}",
       "deleteDataConfirmMessage": "Naozaj chcete odstrániť {article} {dataName} <strong>{value}</strong>?",
       "deleteDataConfirmButton": "Odstrániť",
       "deleteDataConfirmCancel": "Zrušiť"
@@ -241,6 +242,31 @@
         "invalidEmail": "Zadajte platnú emailovú adresu",
         "invalidUrl": "Zadajte platnú URL adresu"
       }
+    },
+    "project": {
+      "formtitle": "Upraviť projekt",
+      "dataName": "Projekt",
+      "dividers": {
+        "general": "Všeobecné",
+        "config": "Konfigurácia"
+      },
+      "title": {
+        "title": "Názov projektu",
+        "description": "Názov projektu"
+      },
+      "description": {
+        "title": "Popis projektu",
+        "description": "Popis obsahu portálu/platformy"
+      },
+      "config": "Projekt Konfigurácia",
+      "railPageNavigation": {
+        "title": "Sklopná navigácia",
+        "description": "Ak je povolená, stránková navigácia sa automaticky sklopí a rozbalí"
+      },
+      "tags": {
+        "title": "Značky",
+        "description": "Toto pole slúži len na internú kategorizáciu kompozície a nezobrazuje sa v produkte."
+      }
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@raclettejs/workbench",
-  "version": "0.1.16",
+  "version": "0.1.18",
   "license": "MIT",
   "description": "racletteJS Workbench - used to configure your application, for dev and prod",
   "repository": "https://gitlab.com/raclettejs/workbench",
@@ -31,13 +31,13 @@
     ".": "./index.ts"
   },
   "dependencies": {
-    "@raclettejs/core": "0.1.16",
+    "@raclettejs/core": "^0.1.18",
     "three": "0.180.0",
     "vanta": "0.5.24"
   },
   "devDependencies": {
     "@eslint/js": "9.35.0",
-    "@raclettejs/types": "0.1.16",
+    "@raclettejs/types": "^0.1.18",
     "@sinclair/typebox": "0.34.41",
     "@types/ramda": "0.31.1",
     "@vueuse/core": "13.9.0",

package/plugins/pacifico__compositions/frontend/widgets/CompositionListWidget.vue

@@ -8,6 +8,7 @@
     :data-name="$t('workbench.compositionList.dataName')"
     :data-article="$t('workbench.compositionList.dataArticle')"
     @delete="deleteComposition"
+    :itemsDeleted="showDeleted"
   >
     <template #actions>
       <v-tooltip
@@ -37,6 +38,20 @@
         size="x-large"
       />
     </template>
+    <template #prepend-row-actions="{ item }">
+      <v-icon
+        v-if="showDeleted"
+        color="green"
+        class="mr-2"
+        @click.stop.prevent="restore(item._id)"
+        :title="
+          $t('workbench.baseDataTable.restoreDataTitle', {
+            dataName: item.title,
+          })
+        "
+        icon="mdi-delete-restore"
+      />
+    </template>
   </BaseDataTable>
 </template>
 
@@ -90,7 +105,6 @@ const {
   execute,
   isLoading: compositionsLoading,
 } = $data.composition.getAll()
-
 const { data: tags, isLoading: tagsLoading } = $data.tag.getAll({
   options: { immediate: true },
 })
@@ -100,7 +114,12 @@ const { data: users } = $data.user.getAll({
 const { execute: executeDelete } = await $data.composition.delete({
   options: { cb: () => execute({ isDeleted: showDeleted.value }) },
 })
-
+const { execute: executeRestore } = await $data.composition.updateRestore({
+  options: { cb: () => execute({ isDeleted: showDeleted.value }) },
+})
+const { execute: executeHardDelete } = await $data.composition.deleteHard({
+  options: { cb: () => execute({ isDeleted: showDeleted.value }) },
+})
 const parsedCompositions = computed(() => {
   if (compositions.value && tags.value) {
     return Object.values(
@@ -144,9 +163,16 @@ const getStatusColor = (status: string) => {
   }
 }
 
-const deleteComposition = async (composition: Composition) =>
-  await executeDelete({ _id: composition._id })
-
+const deleteComposition = async (composition: Composition) => {
+  if (showDeleted.value) {
+    await executeHardDelete({ _id: composition._id })
+  } else {
+    await executeDelete({ _id: composition._id })
+  }
+}
+const restore = (_id: string) => {
+  executeRestore({ _id })
+}
 $socket.on("compositionCreated", () =>
   execute({ isDeleted: showDeleted.value }),
 )

package/plugins/pacifico__interactionLinks/frontend/widgets/InteractionLinkListWidget.vue

@@ -8,6 +8,7 @@
     :data-name="$t('workbench.interactionLinkList.dataName')"
     :data-article="$t('workbench.interactionLinkList.dataArticle')"
     @delete="deleteInteractionLink"
+    :itemsDeleted="showDeleted"
   >
     <template #actions>
       <v-tooltip
@@ -36,6 +37,20 @@
         <v-icon icon="mdi-link" />
       </span>
     </template>
+    <template #prepend-row-actions="{ item }">
+      <v-icon
+        v-if="showDeleted"
+        color="green"
+        class="mr-2"
+        @click="restore(item._id)"
+        :title="
+          $t('workbench.baseDataTable.restoreDataTitle', {
+            dataName: item.title,
+          })
+        "
+        icon="mdi-delete-restore"
+      />
+    </template>
   </BaseDataTable>
 </template>
 
@@ -104,13 +119,19 @@ const { data: users } = $data.user.getAll({
 })
 
 const { data: compositions } = $data.composition.getAll({
+  params: { isDeleted: false },
   options: { immediate: true },
 })
 
 const { execute: executeDelete } = $data.interactionLink.delete({
   options: { cb: () => execute({ isDeleted: showDeleted.value }) },
 })
-
+const { execute: executeHardDelete } = await $data.interactionLink.deleteHard({
+  options: { cb: () => execute({ isDeleted: showDeleted.value }) },
+})
+const { execute: executeRestore } = await $data.interactionLink.updateRestore({
+  options: { cb: () => execute({ isDeleted: showDeleted.value }) },
+})
 const parsedInteractionLinks = computed(() => {
   if (interactionLinks.value && tags.value) {
     return Object.values(
@@ -137,9 +158,16 @@ const parsedInteractionLinks = computed(() => {
 
   return []
 })
-
-const deleteInteractionLink = async (interactionLink: InteractionLink) =>
-  await executeDelete({ _id: interactionLink._id })
+const restore = async (_id: string) => {
+  executeRestore({ _id })
+}
+const deleteInteractionLink = async (interactionLink: InteractionLink) => {
+  if (showDeleted.value) {
+    await executeHardDelete({ _id: interactionLink._id })
+  } else {
+    await executeDelete({ _id: interactionLink._id })
+  }
+}
 
 $socket.on("interactionLinkCreated", () =>
   execute({ isDeleted: showDeleted.value }),

package/plugins/pacifico__project/frontend/components/ProjectConfiguration.vue

@@ -0,0 +1,107 @@
+<template>
+  <StepNavigator
+    :steps
+    :is-saving="disabled"
+    :show-save-button="isEditing"
+    @save="$emit('save')"
+    @save-and-finish="$emit('save-and-finish')"
+  >
+    <!-- @vue-generic {ProjectUpdate} -->
+    <DynamicForm
+      ref="dynamicFormRef"
+      v-model="project"
+      :data="projectInputFields"
+      :disabled
+      :title="$t('workbench.project.formtitle')"
+    />
+    <DynamicForm
+      ref="dynamicFormRef"
+      v-model="project.config"
+      :data="configInputFields"
+      :disabled
+    />
+  </StepNavigator>
+</template>
+
+<script setup lang="ts">
+import type { ProjectUpdate } from "@raclettejs/core"
+import DynamicForm from "@app/components/dynamicForm/DynamicForm.vue"
+import type { DynamicFormItem } from "@app/components/dynamicForm/DynamicFormTypes"
+import { useI18n } from "vue-i18n"
+import { computed, useTemplateRef } from "vue"
+import { Step } from "@app/components/stepNavigator/StepNavigatorTypes"
+import StepNavigator from "@app/components/stepNavigator/StepNavigator.vue"
+
+defineProps<{ disabled?: boolean; isEditing?: boolean }>()
+
+defineEmits<{
+  (e: "save"): void
+  (e: "save-and-finish"): void
+}>()
+
+const project = defineModel<ProjectUpdate>({ required: true })
+
+const dynamicFormRef = useTemplateRef("dynamicFormRef")
+
+const { t } = useI18n()
+
+const projectInputFields = computed<DynamicFormItem<ProjectUpdate>[]>(() => [
+  { divider: t("workbench.project.dividers.general") },
+  {
+    title: t("workbench.project.title.title"),
+    description: t("workbench.project.title.description"),
+    inputType: "textarea",
+    field: "title",
+    prependIcon: "text",
+  },
+  {
+    title: t("workbench.project.description.title"),
+    description: t("workbench.project.description.description"),
+    inputType: "textarea",
+    field: "description",
+    prependIcon: "text",
+  },
+  /* {
+    title: t("workbench.interactionLinkConfiguration.tags.title"),
+    description: t("workbench.project.tags.description"),
+    inputType: "tags",
+    field: "tags",
+    prependIcon: "tag-multiple",
+  },*/
+])
+const configInputFields = computed<DynamicFormItem<ProjectUpdate["config"]>[]>(
+  () => [
+    { divider: t("workbench.project.dividers.config") },
+    {
+      title: t("workbench.project.railPageNavigation.title"),
+      description: t("workbench.project.railPageNavigation.description"),
+      inputType: "switch",
+      field: "railPageNavigation",
+    },
+    /*{
+      title: t("workbench.project.tags.title"),
+      description: t("workbench.project.tags.description"),
+      inputType: "tags",
+      field: "tags",
+      prependIcon: "tag-multiple",
+    },*/
+  ],
+)
+const validateForm = (): boolean => {
+  const validateAllFields = dynamicFormRef.value?.validateAllFields
+
+  if (validateAllFields) {
+    const isValid = !!validateAllFields()
+
+    return isValid
+  }
+  return true
+}
+
+const steps = computed<Step[]>(() => [
+  {
+    id: "config",
+    validator: validateForm,
+  },
+])
+</script>

package/plugins/pacifico__project/frontend/widgets/ProjectDetailWidget.vue

@@ -0,0 +1,34 @@
+<template>
+  <ProjectConfiguration
+    v-if="editableProject"
+    v-model="editableProject"
+    :disabled="isLoading"
+    is-editing
+    @save="onSubmit"
+  />
+</template>
+
+<script setup lang="ts">
+import { clone } from "ramda"
+import type { Project } from "@raclettejs/core"
+import { usePluginApi } from "@raclettejs/core/orchestrator/composables"
+import { onMounted, ref, toRaw } from "vue"
+import ProjectConfiguration from "../components/ProjectConfiguration.vue"
+
+const props = defineProps<{
+  uuid: string
+}>()
+
+const { $data } = usePluginApi("raclette__core")
+const { $store } = usePluginApi()
+const project = $store.get(["project"])
+
+const { execute: executeUpdate, isLoading } = $data.project.update()
+
+const editableProject = ref<Project>()
+
+const onSubmit = async () => await executeUpdate(toRaw(editableProject.value))
+onMounted(() => {
+  editableProject.value = clone({ config: {}, ...project.value })
+})
+</script>

package/plugins/pacifico__project/raclette.plugin.ts

@@ -0,0 +1,8 @@
+export default {
+  name: "project",
+  author: "pacifico",
+  version: "0.0.1",
+  description: "A plugin for project configuration",
+  // Specify where the main frontend and backend entry points are
+  frontendDir: "./frontend",
+}

package/plugins/pacifico__tags/frontend/widgets/TagListWidget.vue

@@ -8,6 +8,7 @@
     :data-name="$t('workbench.tagList.dataName')"
     :data-article="$t('workbench.tagList.dataArticle')"
     @delete="deleteTag"
+    :itemsDeleted="showDeleted"
   >
     <template #actions>
       <v-tooltip
@@ -29,6 +30,20 @@
         </template>
       </v-tooltip>
     </template>
+    <template #prepend-row-actions="{ item }">
+      <v-icon
+        v-if="showDeleted"
+        color="green"
+        class="mr-2"
+        @click="restore(item._id)"
+        :title="
+          $t('workbench.baseDataTable.restoreDataTitle', {
+            dataName: item.title,
+          })
+        "
+        icon="mdi-delete-restore"
+      />
+    </template>
   </BaseDataTable>
 </template>
 
@@ -79,7 +94,12 @@ const {
 const { execute: executeDelete } = $data.tag.delete({
   options: { cb: () => execute({ isDeleted: showDeleted.value }) },
 })
-
+const { execute: executeHardDelete } = await $data.tag.deleteHard({
+  options: { cb: () => execute({ isDeleted: showDeleted.value }) },
+})
+const { execute: executeRestore } = await $data.tag.updateRestore({
+  options: { cb: () => execute({ isDeleted: showDeleted.value }) },
+})
 const parsedTags = computed(() => {
   if (tags.value) {
     return Object.values(tags.value as { [key: string]: Tag }).map((tag) => ({
@@ -91,8 +111,16 @@ const parsedTags = computed(() => {
   return []
 })
 
-const deleteTag = async (tag: Tag) => await executeDelete({ _id: tag._id })
-
+const deleteTag = async (tag: Tag) => {
+  if (showDeleted.value) {
+    await executeHardDelete({ _id: tag._id })
+  } else {
+    await executeDelete({ _id: tag._id })
+  }
+}
+const restore = async (_id: string) => {
+  executeRestore({ _id })
+}
 $socket.on("tagCreated", () => execute({ isDeleted: showDeleted.value }))
 watch(
   showDeleted,

package/plugins/pacifico__users/frontend/widgets/UserListWidget.vue

@@ -9,6 +9,7 @@
     :data-article="$t('workbench.userList.dataArticle')"
     :delete-validator="(user) => user._id !== $user?._id"
     @delete="deleteUser"
+    :itemsDeleted="showDeleted"
   >
     <template #actions>
       <v-tooltip
@@ -30,6 +31,20 @@
         </template>
       </v-tooltip>
     </template>
+    <template #prepend-row-actions="{ item }">
+      <v-icon
+        v-if="showDeleted"
+        color="green"
+        class="mr-2"
+        @click.stop.prevent="restore(item._id)"
+        :title="
+          $t('workbench.baseDataTable.restoreDataTitle', {
+            dataName: item.title,
+          })
+        "
+        icon="mdi-delete-restore"
+      />
+    </template>
   </BaseDataTable>
 </template>
 
@@ -78,11 +93,15 @@ const { data: users, execute, isLoading: usersLoading } = $data.user.getAll()
 const { data: tags, isLoading: tagsLoading } = $data.tag.getAll({
   options: { immediate: true },
 })
-
 const { execute: executeDelete } = $data.user.delete({
   options: { cb: () => execute({ isDeleted: showDeleted.value }) },
 })
-
+const { execute: executeHardDelete } = await $data.user.deleteHard({
+  options: { cb: () => execute({ isDeleted: showDeleted.value }) },
+})
+const { execute: executeRestore } = await $data.user.updateRestore({
+  options: { cb: () => execute({ isDeleted: showDeleted.value }) },
+})
 const parsedUsers = computed(() => {
   if (users.value && tags.value) {
     return Object.values(users.value as { [key: string]: User }).map(
@@ -95,9 +114,16 @@ const parsedUsers = computed(() => {
   }
   return []
 })
-
-const deleteUser = async (user: User) => await executeDelete({ _id: user._id })
-
+const deleteUser = async (user: User) => {
+  if (showDeleted.value) {
+    await executeHardDelete({ _id: user._id })
+  } else {
+    await executeDelete({ _id: user._id })
+  }
+}
+const restore = async (_id: string) => {
+  executeRestore({ _id })
+}
 $socket.on("userCreated", () => execute({ isDeleted: showDeleted.value }))
 watch(
   showDeleted,

package/raclette.config.js

@@ -62,9 +62,6 @@ export default defineRacletteConfig({
     },
     production: {},
   },
-  global: {
-    authTokenExpiryDays: 1,
-  },
   frontend: {
     meta: {
       title: "Workbench",

package/services/frontend/src/app/components/BaseDataTable.vue

@@ -35,7 +35,6 @@
       <!-- Additional action buttons slot -->
       <slot name="actions" />
     </div>
-
     <!-- Data Table -->
     <v-data-table
       v-model:search="search"
@@ -47,6 +46,7 @@
       :items="items"
       :loading="loading"
       @click:row="handleRowClick"
+      :class="{ itemsDeleted }"
     >
       <template
         #item.color="{ item }"
@@ -81,6 +81,7 @@
 
       <!-- Actions column template -->
       <template #item.actions="{ item }" v-if="showActionsColumn">
+        <slot name="prepend-row-actions" :item="item"> </slot>
         <slot name="row-actions" :item="item">
           <!-- Default delete action -->
           <v-icon
@@ -96,6 +97,7 @@
             icon="mdi-delete"
           />
         </slot>
+        <slot name="append-row-actions" :item="item"> </slot>
       </template>
 
       <!-- Loading template -->
@@ -168,7 +170,7 @@ export interface BaseDataTableProps<T> {
   // Data props
   items?: T[]
   loading?: boolean
-
+  itemsDeleted?: boolean
   // Table configuration
   headers: Array<{
     title: string
@@ -201,6 +203,7 @@ export interface BaseDataTableProps<T> {
 const props = withDefaults(defineProps<BaseDataTableProps<T>>(), {
   uuid: undefined,
   items: () => [],
+  itemsDeleted: false,
   itemsPerPage: 50,
   showCreateButton: true,
   showActionsColumn: true,
@@ -292,3 +295,9 @@ const isDeleteDisabled = (item: T): boolean => {
   return props.deleteValidator ? !props.deleteValidator(item) : false
 }
 </script>
+<style lang="css">
+.itemsDeleted .v-data-table__tr {
+  background-color: rgb(233, 190, 190);
+  color: #000;
+}
+</style>

package/services/frontend/src/app/components/dynamicForm/typedInputs/CompositionInput.vue

@@ -25,6 +25,7 @@ const modelValue = defineModel<string | null>({ required: true })
 const { $data } = usePluginApi("raclette__core")
 
 const { data, query } = $data.composition.getAll({
+  params: { isDeleted: false },
   options: { immediate: true },
 })
 

package/services/frontend/src/app/components/dynamicForm/typedInputs/TriggerInput.vue

@@ -23,9 +23,7 @@
       <div class="tw:grid tw:gap-2 tw:p-2">
         <template
           v-if="
-            ['top-navigation', 'page-navigation', 'user-menu'].includes(
-              trigger.type,
-            )
+            ['app-bar', 'page-navigation', 'user-menu'].includes(trigger.type)
           "
         >
           <IconInput v-model="trigger.settings.icon" v-bind="$attrs" />
@@ -96,8 +94,8 @@ defineOptions({
 
 const modelValue = defineModel<Trigger[]>({ required: true })
 
-// TODO readd "top-navigation", "shortcut" once they are implemented
-const triggerTypes = ["page-navigation", "user-menu"] as const
+// TODO readd  "shortcut" once they are implemented
+const triggerTypes = ["page-navigation", "user-menu", "app-bar"] as const
 const pageNavigationTypes = ["footerItem", "navItem"] as const
 const virtualTrigger = ref<Trigger>({
   type: "",
@@ -123,7 +121,7 @@ const createSettingsObject = (
 ): Trigger["settings"] => {
   if (
     triggerType === "page-navigation" ||
-    triggerType === "top-navigation" ||
+    triggerType === "app-bar" ||
     triggerType === "user-menu"
   ) {
     const clickLink = {

package/yarn.lock

@@ -476,10 +476,10 @@
   resolved "https://registry.yarnpkg.com/@pkgr/core/-/core-0.2.9.tgz#d229a7b7f9dac167a156992ef23c7f023653f53b"
   integrity sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA==
 
-"@raclettejs/core@^0.1.16":
-  version "0.1.16"
-  resolved "https://registry.yarnpkg.com/@raclettejs/core/-/core-0.1.16.tgz#609ea04e6d398208080e4c19203a98300dacd872"
-  integrity sha512-pxKhWC5L1w7HLvXR045Qrfk71m3gpQTn8mkbXxUDgNjYQcjVOQyKrOWkq3LRGwsZ0VzfMgnSagxB5uAhZVA7sQ==
+"@raclettejs/core@^0.1.18":
+  version "0.1.18"
+  resolved "https://registry.yarnpkg.com/@raclettejs/core/-/core-0.1.18.tgz#6bf2a7de62996b3e2bc038b35e572467d2871130"
+  integrity sha512-jftqZLGoUm3CxG8UZ8nsF0vrQiZ+mhFdOglu+AdECEqi0Jr+2MbStEkHsz5RRKau6TXiT4Prmtv9/x1ZS8aGbQ==
   dependencies:
     chalk "5.6.2"
     chokidar "3.6.0"
@@ -492,10 +492,10 @@
     ramda "0.31.3"
     tsc-alias "1.8.16"
 
-"@raclettejs/types@^0.1.16":
-  version "0.1.16"
-  resolved "https://registry.yarnpkg.com/@raclettejs/types/-/types-0.1.16.tgz#9b8e6122c831b98822ec35bf90430dfb9a482aa6"
-  integrity sha512-HUkh4CP5yny3IwgYIHSh3zbpzakJgzmuRO3obtutVADO8tmRi9SAnQQMXK5X+3A51ZicdB9VPuhmw1r/Iv1SZA==
+"@raclettejs/types@^0.1.18":
+  version "0.1.18"
+  resolved "https://registry.yarnpkg.com/@raclettejs/types/-/types-0.1.18.tgz#7df0eb1b86db015694fabfafa089a277e654b350"
+  integrity sha512-mvQI2sO48z6+QKj/s5A5JMBKnY8piE+8D8N0soctfsU7tAKg8nEwlxOiQHZiqJyR1k+gX2p+VBMRGbxHCYAGFw==
   dependencies:
     "@types/node" "24.5.2"
     fastify "5.6.0"