From 5765de4c860032c2bc867d96b563a53877f974f9 Mon Sep 17 00:00:00 2001
From: Richard Kello <xkello@stuba.sk>
Date: Mon, 1 Jun 2026 09:47:58 +0200
Subject: [PATCH 1/2] Add configurable confirm dialog logo and update Project
 Settings

---
 .../dialog/components/ConfirmDialog.vue       | 44 ++++++++++++++-----
 .../packages/lib/src/modules/dialog/types.ts  |  4 ++
 .../lib/src/modules/project/routes.ts         |  2 +-
 .../project/views/ProjectViewTemplate.vue     |  2 +-
 4 files changed, 38 insertions(+), 14 deletions(-)

diff --git a/web-app/packages/lib/src/modules/dialog/components/ConfirmDialog.vue b/web-app/packages/lib/src/modules/dialog/components/ConfirmDialog.vue
index 634cfb47..087af8d8 100644
--- a/web-app/packages/lib/src/modules/dialog/components/ConfirmDialog.vue
+++ b/web-app/packages/lib/src/modules/dialog/components/ConfirmDialog.vue
@@ -6,17 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-MerginMaps-Commercial
 
 <template>
   <div class="flex flex-column align-items-center pb-4 text-center gap-2">
-    <img
-      v-if="severity === 'danger'"
-      src="@/assets/trash.svg"
-      alt="Cover for confirm dialog"
-    />
-    <img
-      v-else-if="severity === 'warning'"
-      src="@/assets/warning-dialog.svg"
-      alt="Cover for confirm dialog"
-    />
-    <img v-else src="@/assets/neutral.svg" alt="Cover for confirm dialog" />
+    <img :src="logoSrc" alt="Cover for confirm dialog" />
     <span class="text-color-forest title-t1">{{ text }}</span>
     <span class="paragraph-p5 opacity-80">{{ description }}</span>
     <span v-if="hint" class="title-t2 my-2">{{ hint }}</span>
@@ -73,13 +63,18 @@ import { ref, computed, defineEmits, withDefaults } from 'vue'
 
 import { ConfirmDialogProps } from '../types'
 
+import negativeIcon from '@/assets/negative.svg'
+import neutralIcon from '@/assets/neutral.svg'
+import trashIcon from '@/assets/trash.svg'
+import warningIcon from '@/assets/warning-dialog.svg'
 import TipMessage from '@/common/components/TipMessage.vue'
 import { useDialogStore } from '@/modules/dialog/store'
 
 const props = withDefaults(defineProps<ConfirmDialogProps>(), {
   confirmText: 'Ok',
   cancelText: 'Cancel',
-  severity: 'primary'
+  severity: 'primary',
+  logoVariant: 'auto'
 })
 
 const confirmValue = ref('')
@@ -91,6 +86,31 @@ const isConfirmed = computed(() => {
     : true
 })
 
+const logoSrc = computed(() => {
+  const variant =
+    props.logoVariant === 'auto'
+      ? props.severity === 'danger'
+        ? 'danger'
+        : props.severity === 'warning'
+        ? 'warning'
+        : 'primary'
+      : props.logoVariant
+
+  if (variant === 'danger') {
+    return trashIcon
+  }
+
+  if (variant === 'warning') {
+    return warningIcon
+  }
+
+  if (variant === 'negative') {
+    return negativeIcon
+  }
+
+  return neutralIcon
+})
+
 const { close } = useDialogStore()
 
 function confirm() {
diff --git a/web-app/packages/lib/src/modules/dialog/types.ts b/web-app/packages/lib/src/modules/dialog/types.ts
index 133bce2e..49157d5b 100644
--- a/web-app/packages/lib/src/modules/dialog/types.ts
+++ b/web-app/packages/lib/src/modules/dialog/types.ts
@@ -9,6 +9,10 @@ import { TipMessageProps } from '@/common'
 export interface ConfirmDialogProps {
   text: string
   severity?: 'primary' | 'danger' | 'warning'
+  /**
+   * Optional logo override. When omitted, logo follows current severity behavior.
+   */
+  logoVariant?: 'auto' | 'primary' | 'danger' | 'warning' | 'negative'
   confirmText?: string
   cancelText?: string
   description?: string
diff --git a/web-app/packages/lib/src/modules/project/routes.ts b/web-app/packages/lib/src/modules/project/routes.ts
index b4fbc0b6..684cdc3c 100644
--- a/web-app/packages/lib/src/modules/project/routes.ts
+++ b/web-app/packages/lib/src/modules/project/routes.ts
@@ -59,7 +59,7 @@ export const getProjectTitle = (
       query.file_path || 'Files',
       route.params.projectName as string
     ],
-    [ProjectRouteName.ProjectSettings]: ['Settings', projectName],
+    [ProjectRouteName.ProjectSettings]: ['Settings & API', projectName],
     [ProjectRouteName.ProjectHistory]: [
       query.version_id || 'History',
       projectName
diff --git a/web-app/packages/lib/src/modules/project/views/ProjectViewTemplate.vue b/web-app/packages/lib/src/modules/project/views/ProjectViewTemplate.vue
index e8ea5b63..027b32f8 100644
--- a/web-app/packages/lib/src/modules/project/views/ProjectViewTemplate.vue
+++ b/web-app/packages/lib/src/modules/project/views/ProjectViewTemplate.vue
@@ -208,7 +208,7 @@ export default defineComponent({
           })
           tabs.push({
             route: ProjectRouteName.ProjectSettings,
-            header: 'Settings'
+            header: 'Settings & API'
           })
         }
       }

From 6b9aba40cf4c680f7a13622c8b4d6a0865f15daa Mon Sep 17 00:00:00 2001
From: Richard Kello <xkello@stuba.sk>
Date: Mon, 1 Jun 2026 11:24:23 +0200
Subject: [PATCH 2/2] Make some naming changes

---
 .../lib/src/modules/project/views/ProjectViewTemplate.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/web-app/packages/lib/src/modules/project/views/ProjectViewTemplate.vue b/web-app/packages/lib/src/modules/project/views/ProjectViewTemplate.vue
index 027b32f8..c0f517bb 100644
--- a/web-app/packages/lib/src/modules/project/views/ProjectViewTemplate.vue
+++ b/web-app/packages/lib/src/modules/project/views/ProjectViewTemplate.vue
@@ -164,7 +164,11 @@ export default defineComponent({
       type: Boolean,
       default: false
     },
-    mapRoute: String
+    mapRoute: String,
+    settingsTabHeader: {
+      type: String,
+      default: 'Settings'
+    }
   },
   data() {
     return {
@@ -208,7 +212,7 @@ export default defineComponent({
           })
           tabs.push({
             route: ProjectRouteName.ProjectSettings,
-            header: 'Settings & API'
+            header: this.settingsTabHeader
           })
         }
       }