From 6dfb016f6e1c734745b593b324a3170bb0ff9f87 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Goral?= <lukasz.goral@sap.com>
Date: Thu, 17 Jul 2025 10:59:10 +0200
Subject: [PATCH 1/7] init

---
 src/components/Projects/ProjectsList.tsx      | 30 ++++++++++---
 .../Projects/ProjectsListItemMenu.tsx         | 45 +++++++++++++++++++
 2 files changed, 68 insertions(+), 7 deletions(-)
 create mode 100644 src/components/Projects/ProjectsListItemMenu.tsx

diff --git a/src/components/Projects/ProjectsList.tsx b/src/components/Projects/ProjectsList.tsx
index bbaf8c69..cc0cdc5c 100644
--- a/src/components/Projects/ProjectsList.tsx
+++ b/src/components/Projects/ProjectsList.tsx
@@ -1,7 +1,4 @@
-import {
-  AnalyticalTable,
-  AnalyticalTableColumnDefinition,
-} from '@ui5/webcomponents-react';
+import { AnalyticalTable, AnalyticalTableColumnDefinition } from '@ui5/webcomponents-react';
 import { ThemingParameters } from '@ui5/webcomponents-react-base';
 import { CopyButton } from '../Shared/CopyButton.tsx';
 import useLuigiNavigate from '../Shared/useLuigiNavigate.tsx';
@@ -14,6 +11,7 @@ import { ListProjectNames } from '../../lib/api/types/crate/listProjectNames';
 import { t } from 'i18next';
 import { YamlViewButtonWithLoader } from '../Yaml/YamlViewButtonWithLoader.tsx';
 import { useMemo } from 'react';
+import { ProjectsListItemMenu } from './ProjectsListItemMenu.tsx';
 
 export default function ProjectsList() {
   const navigate = useLuigiNavigate();
@@ -94,6 +92,26 @@ export default function ProjectsList() {
           </div>
         ),
       },
+      {
+        Header: t('common.options'),
+        accessor: 'options',
+        width: 85,
+        disableFilters: true,
+        hAlign: 'Center',
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        Cell: (instance: any) => (
+          <div
+            style={{
+              width: '100%',
+              display: 'flex',
+              justifyContent: 'end',
+              alignItems: 'center',
+            }}
+          >
+            <ProjectsListItemMenu setDialogDeleteProjectIsOpen={() => {}} />
+          </div>
+        ),
+      },
     ],
     [],
   );
@@ -109,9 +127,7 @@ export default function ProjectsList() {
         data={stabilizedData}
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         onRowClick={(e: any) => {
-          navigate(
-            `/mcp/projects/${data ? [e.detail.row.values.projectName] : ''}`,
-          );
+          navigate(`/mcp/projects/${data ? [e.detail.row.values.projectName] : ''}`);
         }}
       />
     </>
diff --git a/src/components/Projects/ProjectsListItemMenu.tsx b/src/components/Projects/ProjectsListItemMenu.tsx
new file mode 100644
index 00000000..3a6e3bb6
--- /dev/null
+++ b/src/components/Projects/ProjectsListItemMenu.tsx
@@ -0,0 +1,45 @@
+import { Button, ButtonDomRef, Menu, MenuItem, Ui5CustomEvent, MenuDomRef } from '@ui5/webcomponents-react';
+import type { ButtonClickEventDetail } from '@ui5/webcomponents/dist/Button.js';
+import { Dispatch, FC, SetStateAction, useRef, useState } from 'react';
+import '@ui5/webcomponents-icons/dist/copy';
+import '@ui5/webcomponents-icons/dist/accept';
+
+import { useTranslation } from 'react-i18next';
+
+type ProjectsListItemMenuProps = {
+  setDialogDeleteProjectIsOpen: Dispatch<SetStateAction<boolean>>;
+};
+
+export const ProjectsListItemMenu: FC<ProjectsListItemMenuProps> = ({ setDialogDeleteProjectIsOpen }) => {
+  const popoverRef = useRef<MenuDomRef>(null);
+  const [open, setOpen] = useState(false);
+
+  const { t } = useTranslation();
+
+  const handleOpenerClick = (e: Ui5CustomEvent<ButtonDomRef, ButtonClickEventDetail>) => {
+    if (popoverRef.current && e.currentTarget) {
+      popoverRef.current.opener = e.currentTarget as HTMLElement;
+      setOpen((prev) => !prev);
+    }
+  };
+
+  return (
+    <div>
+      <Button icon="overflow" icon-end onClick={handleOpenerClick} />
+      <Menu
+        ref={popoverRef}
+        open={open}
+        onItemClick={(event) => {
+          const action = (event.detail.item as HTMLElement).dataset.action;
+          if (action === 'deleteProject') {
+            setDialogDeleteProjectIsOpen(true);
+          }
+
+          setOpen(false);
+        }}
+      >
+        <MenuItem key={'delete'} text={t('Project.deleteProject')} data-action="deleteProject" icon="delete" />
+      </Menu>
+    </div>
+  );
+};

From e32727e842ade6cced7adfd645ec0252a150f184 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Goral?= <lukasz.goral@sap.com>
Date: Thu, 17 Jul 2025 12:48:01 +0200
Subject: [PATCH 2/7] init

---
 public/locales/en.json                        |  7 +++-
 .../Dialogs/DeleteConfirmationDialog.tsx      | 27 +++----------
 src/components/Projects/ProjectsList.tsx      |  4 +-
 .../Projects/ProjectsListItemMenu.tsx         | 39 ++++++++++++++++---
 .../Yaml/YamlViewButtonWithLoader.tsx         | 12 +-----
 src/lib/api/types/crate/deleteProject.ts      | 15 +++++++
 6 files changed, 62 insertions(+), 42 deletions(-)
 create mode 100644 src/lib/api/types/crate/deleteProject.ts

diff --git a/public/locales/en.json b/public/locales/en.json
index 1850be24..1110e3fe 100644
--- a/public/locales/en.json
+++ b/public/locales/en.json
@@ -157,7 +157,9 @@
   },
   "ProjectsListView": {
     "pageTitle": "Let's get started",
-    "title": "Projects"
+    "title": "Projects",
+    "deleteProject": "Delete project",
+   "deleteConfirmationDialog": "Project deleted"
   },
   "ControlPlaneView": {
     "accessError": "Managed Control Plane does not have access information yet",
@@ -288,7 +290,8 @@
     "search": "Search",
     "components": "Components",
     "notSelected": "Not selected",
-    "btp": "BTP"
+    "btp": "BTP",
+    "options": "Options"
   },
   "buttons": {
     "viewResource": "View resource",
diff --git a/src/components/Dialogs/DeleteConfirmationDialog.tsx b/src/components/Dialogs/DeleteConfirmationDialog.tsx
index c63f1c57..6b51f8be 100644
--- a/src/components/Dialogs/DeleteConfirmationDialog.tsx
+++ b/src/components/Dialogs/DeleteConfirmationDialog.tsx
@@ -1,15 +1,5 @@
 import { ReactNode, useEffect, useRef, useState } from 'react';
-import {
-  Bar,
-  Button,
-  Dialog,
-  Form,
-  FormGroup,
-  FormItem,
-  Input,
-  InputDomRef,
-  Label,
-} from '@ui5/webcomponents-react';
+import { Bar, Button, Dialog, Form, FormGroup, FormItem, Input, InputDomRef, Label } from '@ui5/webcomponents-react';
 import ButtonDesign from '@ui5/webcomponents/dist/types/ButtonDesign.js';
 import { useTranslation } from 'react-i18next';
 
@@ -74,7 +64,7 @@ export function DeleteConfirmationDialog({
                 </Button>
                 <Button
                   design={ButtonDesign.Negative}
-                  disabled={confirmed === false}
+                  disabled={!confirmed}
                   onClick={() => {
                     setIsOpen(false);
                     onDeletionConfirmed && onDeletionConfirmed();
@@ -94,8 +84,7 @@ export function DeleteConfirmationDialog({
             </Label>
             <Label>
               {' '}
-              {t('DeleteConfirmationDialog.deleteMessageType')}{' '}
-              <b>{resourceName}</b>{' '}
+              {t('DeleteConfirmationDialog.deleteMessageType')} <b>{resourceName}</b>{' '}
               {t('DeleteConfirmationDialog.deleteMessageConfirm')}
             </Label>
           </FormGroup>
@@ -103,18 +92,12 @@ export function DeleteConfirmationDialog({
             <FormItem
               labelContent={
                 <Label>
-                  {t('DeleteConfirmationDialog.deleteMessageType')}{' '}
-                  {resourceName}{' '}
+                  {t('DeleteConfirmationDialog.deleteMessageType')} {resourceName}{' '}
                   {t('DeleteConfirmationDialog.deleteMessageConfirm')}
                 </Label>
               }
             >
-              <Input
-                ref={confirmationInput}
-                id="mcp-name-input"
-                placeholder=""
-                onInput={onConfirmationInputChange}
-              />
+              <Input ref={confirmationInput} id="mcp-name-input" placeholder="" onInput={onConfirmationInputChange} />
             </FormItem>
             <FormItem>{kubectl}</FormItem>
           </FormGroup>
diff --git a/src/components/Projects/ProjectsList.tsx b/src/components/Projects/ProjectsList.tsx
index cc0cdc5c..0b2fc959 100644
--- a/src/components/Projects/ProjectsList.tsx
+++ b/src/components/Projects/ProjectsList.tsx
@@ -108,7 +108,7 @@ export default function ProjectsList() {
               alignItems: 'center',
             }}
           >
-            <ProjectsListItemMenu setDialogDeleteProjectIsOpen={() => {}} />
+            <ProjectsListItemMenu projectName={instance.cell.row.original?.projectName ?? ''} />
           </div>
         ),
       },
@@ -127,7 +127,7 @@ export default function ProjectsList() {
         data={stabilizedData}
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         onRowClick={(e: any) => {
-          navigate(`/mcp/projects/${data ? [e.detail.row.values.projectName] : ''}`);
+          // navigate(`/mcp/projects/${data ? [e.detail.row.values.projectName] : ''}`);
         }}
       />
     </>
diff --git a/src/components/Projects/ProjectsListItemMenu.tsx b/src/components/Projects/ProjectsListItemMenu.tsx
index 3a6e3bb6..981d59c1 100644
--- a/src/components/Projects/ProjectsListItemMenu.tsx
+++ b/src/components/Projects/ProjectsListItemMenu.tsx
@@ -1,22 +1,31 @@
 import { Button, ButtonDomRef, Menu, MenuItem, Ui5CustomEvent, MenuDomRef } from '@ui5/webcomponents-react';
 import type { ButtonClickEventDetail } from '@ui5/webcomponents/dist/Button.js';
-import { Dispatch, FC, SetStateAction, useRef, useState } from 'react';
+import { FC, useRef, useState } from 'react';
 import '@ui5/webcomponents-icons/dist/copy';
 import '@ui5/webcomponents-icons/dist/accept';
 
 import { useTranslation } from 'react-i18next';
+import { DeleteConfirmationDialog } from '../Dialogs/DeleteConfirmationDialog.tsx';
+
+import { useToast } from '../../context/ToastContext.tsx';
+import { useApiResourceMutation } from '../../lib/api/useApiResource.ts';
+import { DeleteWorkspaceType } from '../../lib/api/types/crate/deleteWorkspace.ts';
+import { DeleteProjectResource } from '../../lib/api/types/crate/deleteProject.ts';
 
 type ProjectsListItemMenuProps = {
-  setDialogDeleteProjectIsOpen: Dispatch<SetStateAction<boolean>>;
+  projectName: string;
 };
 
-export const ProjectsListItemMenu: FC<ProjectsListItemMenuProps> = ({ setDialogDeleteProjectIsOpen }) => {
+export const ProjectsListItemMenu: FC<ProjectsListItemMenuProps> = ({ projectName }) => {
   const popoverRef = useRef<MenuDomRef>(null);
   const [open, setOpen] = useState(false);
-
+  const [dialogDeleteProjectIsOpen, setDialogDeleteProjectIsOpen] = useState(false);
   const { t } = useTranslation();
-
+  const toast = useToast();
+  const { trigger } = useApiResourceMutation<DeleteWorkspaceType>(DeleteProjectResource(projectName));
   const handleOpenerClick = (e: Ui5CustomEvent<ButtonDomRef, ButtonClickEventDetail>) => {
+    e.stopImmediatePropagation();
+    e.stopPropagation();
     if (popoverRef.current && e.currentTarget) {
       popoverRef.current.opener = e.currentTarget as HTMLElement;
       setOpen((prev) => !prev);
@@ -30,6 +39,8 @@ export const ProjectsListItemMenu: FC<ProjectsListItemMenuProps> = ({ setDialogD
         ref={popoverRef}
         open={open}
         onItemClick={(event) => {
+          event.stopImmediatePropagation();
+          event.stopPropagation();
           const action = (event.detail.item as HTMLElement).dataset.action;
           if (action === 'deleteProject') {
             setDialogDeleteProjectIsOpen(true);
@@ -38,8 +49,24 @@ export const ProjectsListItemMenu: FC<ProjectsListItemMenuProps> = ({ setDialogD
           setOpen(false);
         }}
       >
-        <MenuItem key={'delete'} text={t('Project.deleteProject')} data-action="deleteProject" icon="delete" />
+        <MenuItem key={'delete'} text={t('ProjectsListView.deleteProject')} data-action="deleteProject" icon="delete" />
       </Menu>
+
+      {dialogDeleteProjectIsOpen && (
+        <DeleteConfirmationDialog
+          resourceName={projectName}
+          kubectl={
+            // <KubectlDeleteWorkspace projectName={projectName} resourceName={workspaceName} />
+            <div />
+          }
+          isOpen={dialogDeleteProjectIsOpen}
+          setIsOpen={setDialogDeleteProjectIsOpen}
+          onDeletionConfirmed={async () => {
+            await trigger();
+            toast.show(t('ProjectsListView.deleteConfirmationDialog'));
+          }}
+        />
+      )}
     </div>
   );
 };
diff --git a/src/components/Yaml/YamlViewButtonWithLoader.tsx b/src/components/Yaml/YamlViewButtonWithLoader.tsx
index 30e55a2b..9e66a4e2 100644
--- a/src/components/Yaml/YamlViewButtonWithLoader.tsx
+++ b/src/components/Yaml/YamlViewButtonWithLoader.tsx
@@ -12,11 +12,7 @@ export type YamlViewButtonProps = {
   resourceName: string;
 };
 
-export const YamlViewButtonWithLoader: FC<YamlViewButtonProps> = ({
-  workspaceName,
-  resourceType,
-  resourceName,
-}) => {
+export const YamlViewButtonWithLoader: FC<YamlViewButtonProps> = ({ workspaceName, resourceType, resourceName }) => {
   const [isOpen, setIsOpen] = useState(false);
   const { t } = useTranslation();
   return (
@@ -25,11 +21,7 @@ export const YamlViewButtonWithLoader: FC<YamlViewButtonProps> = ({
         isOpen={isOpen}
         setIsOpen={setIsOpen}
         dialogContent={
-          <YamlLoader
-            workspaceName={workspaceName}
-            resourceName={resourceName}
-            resourceType={resourceType}
-          />
+          <YamlLoader workspaceName={workspaceName} resourceName={resourceName} resourceType={resourceType} />
         }
       />
 
diff --git a/src/lib/api/types/crate/deleteProject.ts b/src/lib/api/types/crate/deleteProject.ts
new file mode 100644
index 00000000..ff3b237d
--- /dev/null
+++ b/src/lib/api/types/crate/deleteProject.ts
@@ -0,0 +1,15 @@
+import { Resource } from '../resource';
+
+export interface DeleteProjectType {
+  name: string;
+  namespace: string;
+}
+
+export const DeleteProjectResource = (projectName: string): Resource<undefined> => {
+  return {
+    path: `/apis/core.openmcp.cloud/v1alpha1/projects/${projectName}`,
+    method: 'DELETE',
+    jq: undefined,
+    body: undefined,
+  };
+};

From 04e8a14b2718a0955aba13c5434b2258538915cc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Goral?= <lukasz.goral@sap.com>
Date: Thu, 17 Jul 2025 13:16:23 +0200
Subject: [PATCH 3/7] Update ProjectsList.tsx

---
 src/components/Projects/ProjectsList.tsx | 34 +++++++++++-------------
 1 file changed, 16 insertions(+), 18 deletions(-)

diff --git a/src/components/Projects/ProjectsList.tsx b/src/components/Projects/ProjectsList.tsx
index 0b2fc959..ffaa090d 100644
--- a/src/components/Projects/ProjectsList.tsx
+++ b/src/components/Projects/ProjectsList.tsx
@@ -1,4 +1,4 @@
-import { AnalyticalTable, AnalyticalTableColumnDefinition } from '@ui5/webcomponents-react';
+import { AnalyticalTable, AnalyticalTableColumnDefinition, Button, Link } from '@ui5/webcomponents-react';
 import { ThemingParameters } from '@ui5/webcomponents-react-base';
 import { CopyButton } from '../Shared/CopyButton.tsx';
 import useLuigiNavigate from '../Shared/useLuigiNavigate.tsx';
@@ -35,24 +35,30 @@ export default function ProjectsList() {
         accessor: 'projectName',
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         Cell: (instance: any) => (
-          <div
+          <Link
+            // design={'Transparent'}
             style={{
-              cursor: 'pointer',
+              // cursor: 'pointer',
               width: '100%',
-              color: ThemingParameters.sapLinkColor,
-              fontWeight: 'bold',
-              display: 'flex',
-              justifyContent: 'start',
-              alignItems: 'center',
+              textAlign: 'left',
+              // color: ThemingParameters.sapLinkColor,
+              // fontWeight: 'bold',
+              // display: 'flex',
+              // justifyContent: 'flex-start',
+              // alignItems: 'center',
+            }}
+            onClick={() => {
+              navigate(`/mcp/projects/${instance.cell.row.original?.projectName}`);
             }}
           >
             {instance.cell.value}
-          </div>
+          </Link>
         ),
       },
       {
         Header: 'Namespace',
         accessor: 'nameSpace',
+
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         Cell: (instance: any) => (
           <div
@@ -121,15 +127,7 @@ export default function ProjectsList() {
 
   return (
     <>
-      <AnalyticalTable
-        style={{ margin: '12px' }}
-        columns={stabilizedColumns}
-        data={stabilizedData}
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        onRowClick={(e: any) => {
-          // navigate(`/mcp/projects/${data ? [e.detail.row.values.projectName] : ''}`);
-        }}
-      />
+      <AnalyticalTable style={{ margin: '12px' }} columns={stabilizedColumns} data={stabilizedData} />
     </>
   );
 }

From 5621541ef0ee057a2764bc85ef977441841c9b37 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Goral?= <lukasz.goral@sap.com>
Date: Thu, 17 Jul 2025 13:38:56 +0200
Subject: [PATCH 4/7] Update ProjectsList.tsx

---
 src/components/Projects/ProjectsList.tsx | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/components/Projects/ProjectsList.tsx b/src/components/Projects/ProjectsList.tsx
index ffaa090d..7ffd5f5a 100644
--- a/src/components/Projects/ProjectsList.tsx
+++ b/src/components/Projects/ProjectsList.tsx
@@ -36,16 +36,12 @@ export default function ProjectsList() {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         Cell: (instance: any) => (
           <Link
-            // design={'Transparent'}
+            design={'Emphasized'}
             style={{
-              // cursor: 'pointer',
               width: '100%',
               textAlign: 'left',
-              // color: ThemingParameters.sapLinkColor,
-              // fontWeight: 'bold',
-              // display: 'flex',
-              // justifyContent: 'flex-start',
-              // alignItems: 'center',
+              paddingTop: '0.5rem',
+              paddingBottom: '0.5rem',
             }}
             onClick={() => {
               navigate(`/mcp/projects/${instance.cell.row.original?.projectName}`);
@@ -58,7 +54,7 @@ export default function ProjectsList() {
       {
         Header: 'Namespace',
         accessor: 'nameSpace',
-
+        width: 340,
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         Cell: (instance: any) => (
           <div
@@ -68,6 +64,7 @@ export default function ProjectsList() {
               gap: '0.5rem',
               alignItems: 'center',
               width: '100%',
+
               cursor: 'pointer',
             }}
           >
@@ -99,9 +96,9 @@ export default function ProjectsList() {
         ),
       },
       {
-        Header: t('common.options'),
+        Header: '',
         accessor: 'options',
-        width: 85,
+        width: 60,
         disableFilters: true,
         hAlign: 'Center',
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -110,7 +107,7 @@ export default function ProjectsList() {
             style={{
               width: '100%',
               display: 'flex',
-              justifyContent: 'end',
+              justifyContent: 'center',
               alignItems: 'center',
             }}
           >

From 07514965522723d98eebf6d912934e7fdcd48634 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Goral?= <lukasz.goral@sap.com>
Date: Fri, 18 Jul 2025 10:14:38 +0200
Subject: [PATCH 5/7] refactor

---
 public/locales/en.json                        |  8 ++-
 .../Controllers/KubectlDeleteProject.tsx      | 22 ++++++++
 .../KubectlDeleteProjectDialog.tsx            | 54 +++++++++++++++++++
 .../KubectlDeleteWorkspaceDialog.tsx          | 21 ++------
 src/components/Projects/ProjectsList.tsx      |  4 +-
 .../Projects/ProjectsListItemMenu.tsx         |  6 +--
 6 files changed, 90 insertions(+), 25 deletions(-)
 create mode 100644 src/components/Dialogs/KubectlCommandInfo/Controllers/KubectlDeleteProject.tsx
 create mode 100644 src/components/Dialogs/KubectlCommandInfo/KubectlDeleteProjectDialog.tsx

diff --git a/public/locales/en.json b/public/locales/en.json
index 1110e3fe..ccb57415 100644
--- a/public/locales/en.json
+++ b/public/locales/en.json
@@ -159,7 +159,7 @@
     "pageTitle": "Let's get started",
     "title": "Projects",
     "deleteProject": "Delete project",
-   "deleteConfirmationDialog": "Project deleted"
+    "deleteConfirmationDialog": "Project deleted"
   },
   "ControlPlaneView": {
     "accessError": "Managed Control Plane does not have access information yet",
@@ -192,6 +192,12 @@
     "mainCommandDescription": "Run this command to delete the workspace:",
     "verificationCommandDescription": "To verify the workspace has been deleted, run:"
   },
+  "DeleteProjectDialog": {
+    "title": "Delete a Project",
+    "introSection1": "The below instructions will help you delete the project named \"{{projectName}}\" using kubectl.",
+    "introSection2": "Remember that this action is <bold1>irreversible</bold1> and all resources within the project will be <bold2>permanently deleted</bold2>.",
+    "mainCommandDescription": "Run this command to delete the project:"
+  },
   "KubectlDeleteMcpDialog": {
     "title": "Delete a Managed Control Plane",
     "introSection1": "The below will help you delete the Managed Control Plane \"{{mcpName}}\" from workspace \"{{workspaceNamespace}}\" using kubectl.",
diff --git a/src/components/Dialogs/KubectlCommandInfo/Controllers/KubectlDeleteProject.tsx b/src/components/Dialogs/KubectlCommandInfo/Controllers/KubectlDeleteProject.tsx
new file mode 100644
index 00000000..183162f6
--- /dev/null
+++ b/src/components/Dialogs/KubectlCommandInfo/Controllers/KubectlDeleteProject.tsx
@@ -0,0 +1,22 @@
+import { useState } from 'react';
+
+import { KubectlInfoButton } from '../KubectlInfoButton';
+import { DeleteProjectDialog } from '../KubectlDeleteProjectDialog.tsx';
+
+interface KubectlDeleteWorkspaceProps {
+  projectName?: string;
+}
+
+export const KubectlDeleteProject = ({ projectName }: KubectlDeleteWorkspaceProps) => {
+  const [isInfoDialogOpen, setIsInfoDialogOpen] = useState(false);
+
+  const openInfoDialog = () => setIsInfoDialogOpen(true);
+  const closeInfoDialog = () => setIsInfoDialogOpen(false);
+
+  return (
+    <>
+      <KubectlInfoButton onClick={openInfoDialog} />
+      <DeleteProjectDialog projectName={projectName} isOpen={isInfoDialogOpen} onClose={closeInfoDialog} />
+    </>
+  );
+};
diff --git a/src/components/Dialogs/KubectlCommandInfo/KubectlDeleteProjectDialog.tsx b/src/components/Dialogs/KubectlCommandInfo/KubectlDeleteProjectDialog.tsx
new file mode 100644
index 00000000..58ecafdc
--- /dev/null
+++ b/src/components/Dialogs/KubectlCommandInfo/KubectlDeleteProjectDialog.tsx
@@ -0,0 +1,54 @@
+import { KubectlBaseDialog, CustomCommand } from './KubectlBaseDialog';
+import { Text } from '@ui5/webcomponents-react';
+import { useTranslation, Trans } from 'react-i18next';
+import { Fragment } from 'react/jsx-runtime';
+
+interface DeleteProjectDialogProps {
+  onClose: () => void;
+  resourceName?: string;
+  projectName?: string;
+  isOpen: boolean;
+}
+
+export const DeleteProjectDialog = ({ onClose, projectName, isOpen }: DeleteProjectDialogProps) => {
+  const { t } = useTranslation();
+
+  const projectNamespace = projectName ?? '<project-names>"';
+
+  const customCommands: CustomCommand[] = [
+    {
+      command: `kubectl delete project  ${projectNamespace}`,
+      description: t('DeleteProjectDialog.mainCommandDescription'),
+      isMainCommand: true,
+    },
+  ];
+
+  const introSection = [
+    <Fragment key="intro-1">
+      <Text>
+        {t('DeleteProjectDialog.introSection1', {
+          projectName,
+        })}
+      </Text>
+      <Text>
+        <Trans
+          i18nKey={t('DeleteProjectDialog.introSection2')}
+          components={{
+            bold1: <b />,
+            bold2: <b />,
+          }}
+        />
+      </Text>
+    </Fragment>,
+  ];
+
+  return (
+    <KubectlBaseDialog
+      title={t('DeleteProjectDialog.title')}
+      introSection={introSection}
+      customCommands={customCommands}
+      open={isOpen}
+      onClose={onClose}
+    />
+  );
+};
diff --git a/src/components/Dialogs/KubectlCommandInfo/KubectlDeleteWorkspaceDialog.tsx b/src/components/Dialogs/KubectlCommandInfo/KubectlDeleteWorkspaceDialog.tsx
index 67793c4b..91ffefe3 100644
--- a/src/components/Dialogs/KubectlCommandInfo/KubectlDeleteWorkspaceDialog.tsx
+++ b/src/components/Dialogs/KubectlCommandInfo/KubectlDeleteWorkspaceDialog.tsx
@@ -5,42 +5,27 @@ import { Fragment } from 'react/jsx-runtime';
 
 interface DeleteWorkspaceDialogProps {
   onClose: () => void;
-  resourceName?: string;
   projectName?: string;
   isOpen: boolean;
 }
 
-export const DeleteWorkspaceDialog = ({
-  onClose,
-  resourceName,
-  projectName,
-  isOpen,
-}: DeleteWorkspaceDialogProps) => {
+export const DeleteWorkspaceDialog = ({ onClose, projectName, isOpen }: DeleteWorkspaceDialogProps) => {
   const { t } = useTranslation();
 
-  const projectNamespace = projectName
-    ? `project-${projectName}`
-    : '<project-namespace>"';
-  const workspaceName = resourceName || '<workspace-name>';
+  const projectNamespace = projectName ?? '<project-name>"';
 
   const customCommands: CustomCommand[] = [
     {
-      command: `kubectl delete workspace ${resourceName} -n ${projectNamespace}`,
+      command: `kubectl delete project ${projectName}`,
       description: t('DeleteWorkspaceDialog.mainCommandDescription'),
       isMainCommand: true,
     },
-    {
-      command: `kubectl get workspace -n ${projectNamespace}`,
-      description: t('DeleteWorkspaceDialog.verificationCommandDescription'),
-      isMainCommand: true,
-    },
   ];
 
   const introSection = [
     <Fragment key="intro-1">
       <Text>
         {t('DeleteWorkspaceDialog.introSection1', {
-          workspaceName,
           projectNamespace,
         })}
       </Text>
diff --git a/src/components/Projects/ProjectsList.tsx b/src/components/Projects/ProjectsList.tsx
index 7ffd5f5a..be22fdb0 100644
--- a/src/components/Projects/ProjectsList.tsx
+++ b/src/components/Projects/ProjectsList.tsx
@@ -1,5 +1,5 @@
-import { AnalyticalTable, AnalyticalTableColumnDefinition, Button, Link } from '@ui5/webcomponents-react';
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { AnalyticalTable, AnalyticalTableColumnDefinition, Link } from '@ui5/webcomponents-react';
+
 import { CopyButton } from '../Shared/CopyButton.tsx';
 import useLuigiNavigate from '../Shared/useLuigiNavigate.tsx';
 import IllustratedError from '../Shared/IllustratedError.tsx';
diff --git a/src/components/Projects/ProjectsListItemMenu.tsx b/src/components/Projects/ProjectsListItemMenu.tsx
index 981d59c1..7a02fae0 100644
--- a/src/components/Projects/ProjectsListItemMenu.tsx
+++ b/src/components/Projects/ProjectsListItemMenu.tsx
@@ -11,6 +11,7 @@ import { useToast } from '../../context/ToastContext.tsx';
 import { useApiResourceMutation } from '../../lib/api/useApiResource.ts';
 import { DeleteWorkspaceType } from '../../lib/api/types/crate/deleteWorkspace.ts';
 import { DeleteProjectResource } from '../../lib/api/types/crate/deleteProject.ts';
+import { KubectlDeleteProject } from '../Dialogs/KubectlCommandInfo/Controllers/KubectlDeleteProject.tsx';
 
 type ProjectsListItemMenuProps = {
   projectName: string;
@@ -55,10 +56,7 @@ export const ProjectsListItemMenu: FC<ProjectsListItemMenuProps> = ({ projectNam
       {dialogDeleteProjectIsOpen && (
         <DeleteConfirmationDialog
           resourceName={projectName}
-          kubectl={
-            // <KubectlDeleteWorkspace projectName={projectName} resourceName={workspaceName} />
-            <div />
-          }
+          kubectl={<KubectlDeleteProject projectName={projectName} />}
           isOpen={dialogDeleteProjectIsOpen}
           setIsOpen={setDialogDeleteProjectIsOpen}
           onDeletionConfirmed={async () => {

From c7613d55b7e0a9ce25a2d72c626da093427743af Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Goral?= <lukasz.goral@sap.com>
Date: Fri, 18 Jul 2025 10:16:10 +0200
Subject: [PATCH 6/7] Update KubectlDeleteWorkspaceDialog.tsx

---
 .../KubectlDeleteWorkspaceDialog.tsx               | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/Dialogs/KubectlCommandInfo/KubectlDeleteWorkspaceDialog.tsx b/src/components/Dialogs/KubectlCommandInfo/KubectlDeleteWorkspaceDialog.tsx
index 91ffefe3..4ec8a73c 100644
--- a/src/components/Dialogs/KubectlCommandInfo/KubectlDeleteWorkspaceDialog.tsx
+++ b/src/components/Dialogs/KubectlCommandInfo/KubectlDeleteWorkspaceDialog.tsx
@@ -5,27 +5,35 @@ import { Fragment } from 'react/jsx-runtime';
 
 interface DeleteWorkspaceDialogProps {
   onClose: () => void;
+  resourceName?: string;
   projectName?: string;
   isOpen: boolean;
 }
 
-export const DeleteWorkspaceDialog = ({ onClose, projectName, isOpen }: DeleteWorkspaceDialogProps) => {
+export const DeleteWorkspaceDialog = ({ onClose, resourceName, projectName, isOpen }: DeleteWorkspaceDialogProps) => {
   const { t } = useTranslation();
 
-  const projectNamespace = projectName ?? '<project-name>"';
+  const projectNamespace = projectName ? `project-${projectName}` : '<project-namespace>"';
+  const workspaceName = resourceName || '<workspace-name>';
 
   const customCommands: CustomCommand[] = [
     {
-      command: `kubectl delete project ${projectName}`,
+      command: `kubectl delete workspace ${resourceName} -n ${projectNamespace}`,
       description: t('DeleteWorkspaceDialog.mainCommandDescription'),
       isMainCommand: true,
     },
+    {
+      command: `kubectl get workspace -n ${projectNamespace}`,
+      description: t('DeleteWorkspaceDialog.verificationCommandDescription'),
+      isMainCommand: true,
+    },
   ];
 
   const introSection = [
     <Fragment key="intro-1">
       <Text>
         {t('DeleteWorkspaceDialog.introSection1', {
+          workspaceName,
           projectNamespace,
         })}
       </Text>

From bbd9339ea40b6dd135e5a5920e7db4500abbaa15 Mon Sep 17 00:00:00 2001
From: Andreas Kienle <andreas.kienle@sap.com>
Date: Mon, 21 Jul 2025 15:11:11 +0200
Subject: [PATCH 7/7] Fixes

---
 public/locales/en.json                        |   9 +-
 .../Dialogs/DeleteConfirmationDialog.cy.tsx   |  34 ++--
 .../DeleteConfirmationDialog.module.css       |  20 +++
 .../Dialogs/DeleteConfirmationDialog.tsx      | 146 ++++++++----------
 .../Controllers/KubectlDeleteProject.tsx      |   8 +-
 .../KubectlDeleteProjectDialog.tsx            |   6 +-
 src/lib/api/types/crate/deleteProject.ts      |   5 -
 7 files changed, 105 insertions(+), 123 deletions(-)
 create mode 100644 src/components/Dialogs/DeleteConfirmationDialog.module.css

diff --git a/public/locales/en.json b/public/locales/en.json
index b805e14c..f6d20e58 100644
--- a/public/locales/en.json
+++ b/public/locales/en.json
@@ -119,9 +119,9 @@
   "DeleteConfirmationDialog": {
     "deleteButton": "Delete",
     "cancelButton": "Cancel",
-    "deleteMessage": "You are about to delete the resource",
-    "deleteMessageType": "Please type",
-    "deleteMessageConfirm": "to confirm deletion!"
+    "header": "Delete {{resourceName}}",
+    "deleteMessage": "You are about to delete the resource <b>{{resourceName}}</b>.",
+    "deleteConfirmation": "To confirm, type “{{resourceName}}” in the box below"
   },
   "Loading": {
     "title": "Getting Ready",
@@ -296,8 +296,7 @@
     "search": "Search",
     "components": "Components",
     "notSelected": "Not selected",
-    "btp": "BTP",
-    "options": "Options"
+    "btp": "BTP"
   },
   "buttons": {
     "viewResource": "View resource",
diff --git a/src/components/Dialogs/DeleteConfirmationDialog.cy.tsx b/src/components/Dialogs/DeleteConfirmationDialog.cy.tsx
index 37c7670e..498a4f56 100644
--- a/src/components/Dialogs/DeleteConfirmationDialog.cy.tsx
+++ b/src/components/Dialogs/DeleteConfirmationDialog.cy.tsx
@@ -22,11 +22,9 @@ describe('DeleteConfirmationDialog', () => {
 
     cy.get('ui5-dialog').should('be.visible').should('have.attr', 'open');
 
-    cy.contains('Confirm deletion').should('be.visible');
+    cy.contains('Delete test-resource').should('be.visible');
 
-    cy.contains('You are about to delete the resource test-resource').should(
-      'be.visible',
-    );
+    cy.contains('You are about to delete the resource test-resource').should('be.visible');
   });
 
   it('should not be visible when isOpen is false', () => {
@@ -44,9 +42,7 @@ describe('DeleteConfirmationDialog', () => {
   it('should enable Delete button when correct resource name is typed', () => {
     mountDialog();
 
-    cy.get('ui5-input[id*="mcp-name-input"]')
-      .find(' input[id*="inner"]')
-      .type('test-resource', { force: true });
+    cy.get('ui5-input[id*="mcp-name-input"]').find(' input[id*="inner"]').type('test-resource', { force: true });
 
     cy.get('ui5-button').contains('Delete').should('not.have.attr', 'disabled');
   });
@@ -54,9 +50,7 @@ describe('DeleteConfirmationDialog', () => {
   it('should keep Delete button disabled when incorrect name is typed', () => {
     mountDialog();
 
-    cy.get('ui5-input[id*="mcp-name-input"]')
-      .find(' input[id*="inner"]')
-      .type('wrong-name', { force: true });
+    cy.get('ui5-input[id*="mcp-name-input"]').find(' input[id*="inner"]').type('wrong-name', { force: true });
 
     cy.get('ui5-button').contains('Delete').should('have.attr', 'disabled');
   });
@@ -74,9 +68,7 @@ describe('DeleteConfirmationDialog', () => {
   it('should call onDeletionConfirmed and setIsOpen when Delete is confirmed', () => {
     mountDialog();
 
-    cy.get('ui5-input[id*="mcp-name-input"]')
-      .find(' input[id*="inner"]')
-      .type('test-resource');
+    cy.get('ui5-input[id*="mcp-name-input"]').find(' input[id*="inner"]').type('test-resource');
 
     cy.get('ui5-button').contains('Delete').click();
 
@@ -90,9 +82,7 @@ describe('DeleteConfirmationDialog', () => {
     mountDialog();
 
     // Type something
-    cy.get('ui5-input[id*="mcp-name-input"]')
-      .find(' input[id*="inner"]')
-      .type('test-resource', { force: true });
+    cy.get('ui5-input[id*="mcp-name-input"]').find(' input[id*="inner"]').type('test-resource', { force: true });
 
     // Close dialog
     cy.get('ui5-button').contains('Cancel').click();
@@ -100,20 +90,14 @@ describe('DeleteConfirmationDialog', () => {
     // Reopen dialog
     mountDialog();
 
-    cy.get('ui5-input[id*="mcp-name-input"]')
-      .find(' input[id*="inner"]')
-      .should('have.value', '');
+    cy.get('ui5-input[id*="mcp-name-input"]').find(' input[id*="inner"]').should('have.value', '');
   });
 
   it('should display correct resource name in all labels', () => {
     mountDialog({ resourceName: 'custom-resource' });
 
-    cy.contains('You are about to delete the resource custom-resource.').should(
-      'be.visible',
-    );
+    cy.contains('You are about to delete the resource custom-resource.').should('be.visible');
 
-    cy.contains('Please type custom-resource to confirm deletion!').should(
-      'be.visible',
-    );
+    cy.contains('To confirm, type “custom-resource” in the box below').should('be.visible');
   });
 });
diff --git a/src/components/Dialogs/DeleteConfirmationDialog.module.css b/src/components/Dialogs/DeleteConfirmationDialog.module.css
new file mode 100644
index 00000000..df880e65
--- /dev/null
+++ b/src/components/Dialogs/DeleteConfirmationDialog.module.css
@@ -0,0 +1,20 @@
+.dialogContent {
+  display: flex;
+  flex-direction: column;
+  margin-block-end: 1rem;
+  align-items: flex-start;
+}
+
+.message {
+  color: var(--sapContent_LabelColor);
+}
+
+.confirmLabel {
+  margin-block-start: 1rem;
+  font-weight: bold;
+}
+
+.confirmationInput {
+  width: 100%;
+}
+
diff --git a/src/components/Dialogs/DeleteConfirmationDialog.tsx b/src/components/Dialogs/DeleteConfirmationDialog.tsx
index 6b51f8be..06beb819 100644
--- a/src/components/Dialogs/DeleteConfirmationDialog.tsx
+++ b/src/components/Dialogs/DeleteConfirmationDialog.tsx
@@ -1,7 +1,10 @@
-import { ReactNode, useEffect, useRef, useState } from 'react';
-import { Bar, Button, Dialog, Form, FormGroup, FormItem, Input, InputDomRef, Label } from '@ui5/webcomponents-react';
+import { ReactNode, useState } from 'react';
+import { Bar, Button, Dialog, Input, InputDomRef, Label } from '@ui5/webcomponents-react';
 import ButtonDesign from '@ui5/webcomponents/dist/types/ButtonDesign.js';
-import { useTranslation } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
+
+import styles from './DeleteConfirmationDialog.module.css';
+import type { Ui5CustomEvent } from '@ui5/webcomponents-react-base';
 
 interface DeleteConfirmationDialogProps {
   isOpen: boolean;
@@ -20,89 +23,70 @@ export function DeleteConfirmationDialog({
   onCanceled,
   kubectl,
 }: DeleteConfirmationDialogProps) {
-  const [confirmed, setConfirmed] = useState(false);
-  const confirmationInput = useRef<InputDomRef>(null);
+  const [confirmationText, setConfirmationText] = useState('');
   const { t } = useTranslation();
 
-  useEffect(() => {
-    return () => {
-      setConfirmed(false);
-      if (confirmationInput.current) {
-        confirmationInput.current.value = '';
-      }
-    };
-  }, [isOpen]);
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const onConfirmationInputChange = (event: any) => {
-    if (event.target.value === resourceName) {
-      setConfirmed(true);
-    } else {
-      setConfirmed(false);
-    }
+  const onConfirmationInputChange = (event: Ui5CustomEvent<InputDomRef>) => {
+    setConfirmationText(event.target.value);
   };
 
+  const isConfirmed = confirmationText === resourceName;
+
   return (
-    <>
-      <Dialog
-        stretch={false}
-        headerText="Confirm deletion"
-        open={isOpen}
-        footer={
-          <Bar
-            design="Footer"
-            endContent={
-              <>
-                <Button
-                  design={ButtonDesign.Transparent}
-                  onClick={() => {
-                    setIsOpen(false);
-                    onCanceled && onCanceled();
-                  }}
-                >
-                  {t('DeleteConfirmationDialog.cancelButton')}
-                </Button>
-                <Button
-                  design={ButtonDesign.Negative}
-                  disabled={!confirmed}
-                  onClick={() => {
-                    setIsOpen(false);
-                    onDeletionConfirmed && onDeletionConfirmed();
-                  }}
-                >
-                  {t('DeleteConfirmationDialog.deleteButton')}
-                </Button>
-              </>
-            }
+    <Dialog
+      stretch={false}
+      headerText={t('DeleteConfirmationDialog.header', { resourceName })}
+      open={isOpen}
+      footer={
+        <Bar
+          design="Footer"
+          endContent={
+            <>
+              <Button
+                design={ButtonDesign.Transparent}
+                onClick={() => {
+                  setIsOpen(false);
+                  onCanceled && onCanceled();
+                }}
+              >
+                {t('DeleteConfirmationDialog.cancelButton')}
+              </Button>
+              <Button
+                design={ButtonDesign.Negative}
+                disabled={!isConfirmed}
+                onClick={() => {
+                  setIsOpen(false);
+                  onDeletionConfirmed && onDeletionConfirmed();
+                }}
+              >
+                {t('DeleteConfirmationDialog.deleteButton')}
+              </Button>
+              {kubectl}
+            </>
+          }
+        />
+      }
+    >
+      <div className={styles.dialogContent}>
+        <span className={styles.message}>
+          <Trans
+            i18nKey="DeleteConfirmationDialog.deleteMessage"
+            values={{ resourceName }}
+            components={{
+              b: <b />,
+            }}
           />
-        }
-      >
-        <Form layout="S1 M1 L1 XL1">
-          <FormGroup>
-            <Label>
-              {t('DeleteConfirmationDialog.deleteMessage')} {resourceName}.
-            </Label>
-            <Label>
-              {' '}
-              {t('DeleteConfirmationDialog.deleteMessageType')} <b>{resourceName}</b>{' '}
-              {t('DeleteConfirmationDialog.deleteMessageConfirm')}
-            </Label>
-          </FormGroup>
-          <FormGroup>
-            <FormItem
-              labelContent={
-                <Label>
-                  {t('DeleteConfirmationDialog.deleteMessageType')} {resourceName}{' '}
-                  {t('DeleteConfirmationDialog.deleteMessageConfirm')}
-                </Label>
-              }
-            >
-              <Input ref={confirmationInput} id="mcp-name-input" placeholder="" onInput={onConfirmationInputChange} />
-            </FormItem>
-            <FormItem>{kubectl}</FormItem>
-          </FormGroup>
-        </Form>
-      </Dialog>
-    </>
+        </span>
+        <Label className={styles.confirmLabel} for="mcp-name-input">
+          {t('DeleteConfirmationDialog.deleteConfirmation', { resourceName })}
+        </Label>
+        <Input
+          id="mcp-name-input"
+          value={confirmationText}
+          className={styles.confirmationInput}
+          onInput={onConfirmationInputChange}
+        />
+      </div>
+    </Dialog>
   );
 }
diff --git a/src/components/Dialogs/KubectlCommandInfo/Controllers/KubectlDeleteProject.tsx b/src/components/Dialogs/KubectlCommandInfo/Controllers/KubectlDeleteProject.tsx
index 183162f6..7e02d8e3 100644
--- a/src/components/Dialogs/KubectlCommandInfo/Controllers/KubectlDeleteProject.tsx
+++ b/src/components/Dialogs/KubectlCommandInfo/Controllers/KubectlDeleteProject.tsx
@@ -1,13 +1,13 @@
 import { useState } from 'react';
 
 import { KubectlInfoButton } from '../KubectlInfoButton';
-import { DeleteProjectDialog } from '../KubectlDeleteProjectDialog.tsx';
+import { KubectlDeleteProjectDialog } from '../KubectlDeleteProjectDialog.tsx';
 
-interface KubectlDeleteWorkspaceProps {
+interface KubectlDeleteProjectProps {
   projectName?: string;
 }
 
-export const KubectlDeleteProject = ({ projectName }: KubectlDeleteWorkspaceProps) => {
+export const KubectlDeleteProject = ({ projectName }: KubectlDeleteProjectProps) => {
   const [isInfoDialogOpen, setIsInfoDialogOpen] = useState(false);
 
   const openInfoDialog = () => setIsInfoDialogOpen(true);
@@ -16,7 +16,7 @@ export const KubectlDeleteProject = ({ projectName }: KubectlDeleteWorkspaceProp
   return (
     <>
       <KubectlInfoButton onClick={openInfoDialog} />
-      <DeleteProjectDialog projectName={projectName} isOpen={isInfoDialogOpen} onClose={closeInfoDialog} />
+      <KubectlDeleteProjectDialog projectName={projectName} isOpen={isInfoDialogOpen} onClose={closeInfoDialog} />
     </>
   );
 };
diff --git a/src/components/Dialogs/KubectlCommandInfo/KubectlDeleteProjectDialog.tsx b/src/components/Dialogs/KubectlCommandInfo/KubectlDeleteProjectDialog.tsx
index 58ecafdc..1ae3d95c 100644
--- a/src/components/Dialogs/KubectlCommandInfo/KubectlDeleteProjectDialog.tsx
+++ b/src/components/Dialogs/KubectlCommandInfo/KubectlDeleteProjectDialog.tsx
@@ -3,14 +3,14 @@ import { Text } from '@ui5/webcomponents-react';
 import { useTranslation, Trans } from 'react-i18next';
 import { Fragment } from 'react/jsx-runtime';
 
-interface DeleteProjectDialogProps {
+interface KubectlDeleteProjectDialogProps {
   onClose: () => void;
   resourceName?: string;
   projectName?: string;
   isOpen: boolean;
 }
 
-export const DeleteProjectDialog = ({ onClose, projectName, isOpen }: DeleteProjectDialogProps) => {
+export const KubectlDeleteProjectDialog = ({ onClose, projectName, isOpen }: KubectlDeleteProjectDialogProps) => {
   const { t } = useTranslation();
 
   const projectNamespace = projectName ?? '<project-names>"';
@@ -32,7 +32,7 @@ export const DeleteProjectDialog = ({ onClose, projectName, isOpen }: DeleteProj
       </Text>
       <Text>
         <Trans
-          i18nKey={t('DeleteProjectDialog.introSection2')}
+          i18nKey="DeleteProjectDialog.introSection2"
           components={{
             bold1: <b />,
             bold2: <b />,
diff --git a/src/lib/api/types/crate/deleteProject.ts b/src/lib/api/types/crate/deleteProject.ts
index ff3b237d..4b27abcf 100644
--- a/src/lib/api/types/crate/deleteProject.ts
+++ b/src/lib/api/types/crate/deleteProject.ts
@@ -1,10 +1,5 @@
 import { Resource } from '../resource';
 
-export interface DeleteProjectType {
-  name: string;
-  namespace: string;
-}
-
 export const DeleteProjectResource = (projectName: string): Resource<undefined> => {
   return {
     path: `/apis/core.openmcp.cloud/v1alpha1/projects/${projectName}`,