diff --git a/frontend/src/components/common/Resource/DeleteMultipleButton.stories.tsx b/frontend/src/components/common/Resource/DeleteMultipleButton.stories.tsx
new file mode 100644
index 00000000000..a5da6266cdb
--- /dev/null
+++ b/frontend/src/components/common/Resource/DeleteMultipleButton.stories.tsx
@@ -0,0 +1,199 @@
+/*
+ * Copyright 2025 The Kubernetes Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Meta, StoryFn } from '@storybook/react';
+import { getTestDate } from '../../../helpers/testHelpers';
+import { KubeObject } from '../../../lib/k8s/KubeObject';
+import { TestContext } from '../../../test';
+import { PureDeleteMultipleButton, PureDeleteMultipleButtonProps } from './DeleteMultipleButton';
+
+const createMockPod = (name: string, namespace: string = 'default', cluster: string = 'default') =>
+  new KubeObject(
+    {
+      kind: 'Pod',
+      apiVersion: 'v1',
+      metadata: {
+        name,
+        namespace,
+        uid: `uid-${name}`,
+        creationTimestamp: getTestDate().toISOString(),
+      },
+    },
+    cluster
+  );
+
+const createMockDeployment = (
+  name: string,
+  namespace: string = 'default',
+  cluster: string = 'default'
+) =>
+  new KubeObject(
+    {
+      kind: 'Deployment',
+      apiVersion: 'apps/v1',
+      metadata: {
+        name,
+        namespace,
+        uid: `uid-${name}`,
+        creationTimestamp: getTestDate().toISOString(),
+      },
+    },
+    cluster
+  );
+
+const createMockService = (
+  name: string,
+  namespace: string = 'default',
+  cluster: string = 'default'
+) =>
+  new KubeObject(
+    {
+      kind: 'Service',
+      apiVersion: 'v1',
+      metadata: {
+        name,
+        namespace,
+        uid: `uid-${name}`,
+        creationTimestamp: getTestDate().toISOString(),
+      },
+    },
+    cluster
+  );
+
+const singlePod = [createMockPod('nginx-pod')];
+
+const multiplePods = [
+  createMockPod('nginx-pod-1'),
+  createMockPod('nginx-pod-2'),
+  createMockPod('redis-pod'),
+];
+
+const mixedResources = [
+  createMockDeployment('nginx-deployment'),
+  createMockService('redis-service'),
+  createMockPod('app-pod'),
+];
+
+const multiClusterItems = [
+  createMockPod('nginx-pod', 'default', 'cluster-1'),
+  createMockPod('redis-pod', 'default', 'cluster-2'),
+  createMockPod('app-pod', 'kube-system', 'cluster-1'),
+];
+
+export default {
+  title: 'Resource/DeleteMultipleButton',
+  component: PureDeleteMultipleButton,
+  argTypes: {
+    onToggleOpen: { action: 'toggle open' },
+    onConfirm: { action: 'confirm delete' },
+  },
+  decorators: [
+    Story => (
+      <TestContext>
+        <Story />
+      </TestContext>
+    ),
+  ],
+} as Meta;
+
+const Template: StoryFn<PureDeleteMultipleButtonProps> = args => (
+  <PureDeleteMultipleButton {...args} />
+);
+
+const defaultArgs = {
+  items: multiplePods,
+  open: false,
+  loading: false,
+  error: undefined,
+};
+
+// Button disabled with no selection
+export const NoSelection = Template.bind({});
+NoSelection.args = {
+  ...defaultArgs,
+  items: [],
+};
+
+// Button enabled showing selection count
+export const SingleItem = Template.bind({});
+SingleItem.args = {
+  ...defaultArgs,
+  items: singlePod,
+};
+
+export const MultipleItems = Template.bind({});
+MultipleItems.args = {
+  ...defaultArgs,
+  items: multiplePods,
+};
+
+// Batch delete confirmation dialog
+export const ConfirmDialogOpen = Template.bind({});
+ConfirmDialogOpen.args = {
+  ...defaultArgs,
+  open: true,
+};
+
+export const ConfirmDialogMixedTypes = Template.bind({});
+ConfirmDialogMixedTypes.args = {
+  ...defaultArgs,
+  items: mixedResources,
+  open: true,
+};
+
+export const ConfirmDialogMultiCluster = Template.bind({});
+ConfirmDialogMultiCluster.args = {
+  ...defaultArgs,
+  items: multiClusterItems,
+  open: true,
+};
+
+// Delete progress indicator
+export const DeleteProgressIndicator = Template.bind({});
+DeleteProgressIndicator.args = {
+  ...defaultArgs,
+  open: true,
+  loading: true,
+};
+// Error states
+export const NetworkError = Template.bind({});
+NetworkError.args = {
+  ...defaultArgs,
+  open: true,
+  error: 'Network error: Unable to connect to cluster.',
+};
+
+export const PermissionDeniedError = Template.bind({});
+PermissionDeniedError.args = {
+  ...defaultArgs,
+  items: mixedResources,
+  open: true,
+  error:
+    'Permission denied: You do not have permission to delete resources in namespace "default".',
+};
+
+// Button style variants
+export const ActionButtonStyle = Template.bind({});
+ActionButtonStyle.args = {
+  ...defaultArgs,
+  buttonStyle: 'action',
+};
+
+export const MenuButtonStyle = Template.bind({});
+MenuButtonStyle.args = {
+  ...defaultArgs,
+  buttonStyle: 'menu',
+};
diff --git a/frontend/src/components/common/Resource/DeleteMultipleButton.tsx b/frontend/src/components/common/Resource/DeleteMultipleButton.tsx
index ba8dd5544dd..371e108961a 100644
--- a/frontend/src/components/common/Resource/DeleteMultipleButton.tsx
+++ b/frontend/src/components/common/Resource/DeleteMultipleButton.tsx
@@ -14,6 +14,9 @@
  * limitations under the License.
  */
 
+import Box from '@mui/material/Box';
+import CircularProgress from '@mui/material/CircularProgress';
+import Typography from '@mui/material/Typography';
 import _, { uniq } from 'lodash';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
@@ -41,16 +44,48 @@ interface DeleteMultipleButtonProps {
 
 interface DeleteMultipleButtonDescriptionProps {
   items?: KubeObject[];
+  loading?: boolean;
+  error?: string;
 }
 
 function DeleteMultipleButtonDescription(props: DeleteMultipleButtonDescriptionProps) {
+  const { items, loading, error } = props;
   const { t } = useTranslation(['translation']);
   const clusters = uniq(props.items?.map(it => it.cluster));
+  if (loading) {
+    return (
+      <Box display="flex" alignItems="center" justifyContent="center" p={2}>
+        <CircularProgress size={24} sx={{ mr: 2 }} />
+        <Typography>{t('Deleting {{ count }} items…', { count: items?.length || 0 })}</Typography>
+      </Box>
+    );
+  }
+
+  if (error) {
+    return (
+      <Box>
+        <Typography color="error" gutterBottom>
+          {error}
+        </Typography>
+        <Typography variant="body2">
+          {t('The following items were selected for deletion:')}
+        </Typography>
+        <ul>
+          {items?.map(item => (
+            <li key={item.metadata.uid}>
+              {item.kind}: {item.metadata.name}{' '}
+              {clusters.length > 1 ? `(cluster: ${item.cluster})` : ''}
+            </li>
+          ))}
+        </ul>
+      </Box>
+    );
+  }
   return (
     <p>
       {t('Are you sure you want to delete the following items?')}
       <ul>
-        {props.items?.map(item => (
+        {items?.map(item => (
           <li key={item.metadata.uid}>
             {item.kind}: {item.metadata.name}{' '}
             {clusters.length > 0 ? `(cluster: ${item.cluster})` : ''}
@@ -61,83 +96,137 @@ function DeleteMultipleButtonDescription(props: DeleteMultipleButtonDescriptionP
   );
 }
 
+export interface PureDeleteMultipleButtonProps {
+  items?: KubeObject[];
+  buttonStyle?: ButtonStyle;
+  open: boolean;
+  onToggleOpen: (open: boolean) => void;
+  onConfirm: () => void;
+  loading?: boolean;
+  error?: string;
+}
+
+export function PureDeleteMultipleButton(props: PureDeleteMultipleButtonProps) {
+  const { items, buttonStyle, open, onToggleOpen, onConfirm, loading, error } = props;
+  const { t } = useTranslation(['translation']);
+
+  if (!items || items.length === 0) {
+    return null;
+  }
+
+  return (
+    <>
+      <ActionButton
+        description={t('translation|Delete items')}
+        buttonStyle={buttonStyle}
+        onClick={() => onToggleOpen(true)}
+        icon="mdi:delete"
+      />
+      <ConfirmDialog
+        open={open}
+        title={error ? t('translation|Delete failed') : t('translation|Delete items')}
+        description={
+          <DeleteMultipleButtonDescription items={items} loading={loading} error={error} />
+        }
+        handleClose={() => !loading && onToggleOpen(false)}
+        onConfirm={onConfirm}
+      />
+    </>
+  );
+}
+
 export default function DeleteMultipleButton(props: DeleteMultipleButtonProps) {
   const dispatch: AppDispatch = useDispatch();
   const settingsObj = useSettings();
 
   const { items, options, afterConfirm, buttonStyle } = props;
   const [openAlert, setOpenAlert] = React.useState(false);
+  const [loading, setLoading] = React.useState(false);
+  const [error, setError] = React.useState<string | undefined>(undefined);
   const { t } = useTranslation(['translation']);
   const location = useLocation();
   const dispatchDeleteEvent = useEventCallback(HeadlampEventType.DELETE_RESOURCES);
 
   const deleteFunc = React.useCallback(
-    (items: KubeObject[]) => {
+    async (items: KubeObject[]) => {
       if (!items || items.length === 0) {
         return;
       }
       const clonedItems = _.cloneDeep(items);
       const itemsLength = clonedItems.length;
+      setLoading(true);
+      setError(undefined);
 
-      dispatch(
-        clusterAction(
-          async () => {
-            await Promise.all(
-              items.map(item => {
-                if (settingsObj.useEvict && item.kind === 'Pod') {
-                  const pod = item as Pod;
-                  return pod.evict();
-                }
-                return item.delete();
-              })
-            );
-          },
-          {
-            startMessage: t('Deleting {{ itemsLength }} items…', { itemsLength }),
-            cancelledMessage: t('Cancelled deletion of {{ itemsLength }} items.', { itemsLength }),
-            successMessage: t('Deleted {{ itemsLength }} items.', { itemsLength }),
-            errorMessage: t('Error deleting {{ itemsLength }} items.', { itemsLength }),
-            cancelUrl: location.pathname,
-            startUrl: location.pathname,
-            errorUrl: location.pathname,
-            ...options,
-          }
-        )
-      );
+      try {
+        await dispatch(
+          clusterAction(
+            async () => {
+              await Promise.all(
+                items.map(item => {
+                  if (settingsObj.useEvict && item.kind === 'Pod') {
+                    const pod = item as Pod;
+                    return pod.evict();
+                  }
+                  return item.delete();
+                })
+              );
+            },
+            {
+              startMessage: t('Deleting {{ itemsLength }} items…', { itemsLength }),
+              cancelledMessage: t('Cancelled deletion of {{ itemsLength }} items.', {
+                itemsLength,
+              }),
+              successMessage: t('Deleted {{ itemsLength }} items.', { itemsLength }),
+              errorMessage: t('Error deleting {{ itemsLength }} items.', { itemsLength }),
+              cancelUrl: location.pathname,
+              startUrl: location.pathname,
+              errorUrl: location.pathname,
+              ...options,
+            }
+          )
+        );
+        setLoading(false);
+        setOpenAlert(false);
+        if (afterConfirm) {
+          afterConfirm();
+        }
+      } catch (err) {
+        setLoading(false);
+        setError(
+          err instanceof Error
+            ? err.message
+            : t('Error deleting {{ itemsLength }} items.', { itemsLength })
+        );
+      }
     },
-    [options]
+    [options, afterConfirm]
   );
 
-  if (!items || items.length === 0) {
-    return null;
-  }
+  const handleConfirm = () => {
+    if (!items) return;
+    dispatchDeleteEvent({
+      resources: items,
+      status: EventStatus.CONFIRMED,
+    });
+    deleteFunc(items);
+  };
+
+  const handleToggleOpen = (open: boolean) => {
+    setOpenAlert(open);
+    if (!open) {
+      setError(undefined);
+    }
+  };
 
   return (
-    <>
-      <ActionButton
-        description={t('translation|Delete items')}
-        buttonStyle={buttonStyle}
-        onClick={() => {
-          setOpenAlert(true);
-        }}
-        icon="mdi:delete"
-      />
-      <ConfirmDialog
-        open={openAlert}
-        title={t('translation|Delete items')}
-        description={<DeleteMultipleButtonDescription items={items} />}
-        handleClose={() => setOpenAlert(false)}
-        onConfirm={() => {
-          deleteFunc(items);
-          dispatchDeleteEvent({
-            resources: items,
-            status: EventStatus.CONFIRMED,
-          });
-          if (afterConfirm) {
-            afterConfirm();
-          }
-        }}
-      />
-    </>
+    <PureDeleteMultipleButton
+      items={items}
+      buttonStyle={buttonStyle}
+      open={openAlert}
+      onToggleOpen={handleToggleOpen}
+      onConfirm={handleConfirm}
+      loading={loading}
+      error={error}
+    />
   );
 }
diff --git a/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.ActionButtonStyle.stories.storyshot b/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.ActionButtonStyle.stories.storyshot
new file mode 100644
index 00000000000..34997ffba10
--- /dev/null
+++ b/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.ActionButtonStyle.stories.storyshot
@@ -0,0 +1,16 @@
+<body>
+  <div>
+    <button
+      aria-label="Delete items"
+      class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root"
+      data-mui-internal-clone-element="true"
+      tabindex="0"
+      type="button"
+    >
+      <span
+        class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+      />
+    </button>
+    <div />
+  </div>
+</body>
\ No newline at end of file
diff --git a/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.ConfirmDialogMixedTypes.stories.storyshot b/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.ConfirmDialogMixedTypes.stories.storyshot
new file mode 100644
index 00000000000..212accb9c72
--- /dev/null
+++ b/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.ConfirmDialogMixedTypes.stories.storyshot
@@ -0,0 +1,132 @@
+<body>
+  <div
+    aria-hidden="true"
+  >
+    <button
+      aria-label="Delete items"
+      class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root"
+      data-mui-internal-clone-element="true"
+      tabindex="0"
+      type="button"
+    >
+      <span
+        class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+      />
+    </button>
+    <div />
+  </div>
+  <div
+    class="MuiDialog-root MuiModal-root css-zw3mfo-MuiModal-root-MuiDialog-root"
+    role="presentation"
+  >
+    <div
+      aria-hidden="true"
+      class="MuiBackdrop-root MuiModal-backdrop css-yiavyu-MuiBackdrop-root-MuiDialog-backdrop"
+      style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
+    />
+    <div
+      data-testid="sentinelStart"
+      tabindex="0"
+    />
+    <div
+      class="MuiDialog-container MuiDialog-scrollPaper css-hz1bth-MuiDialog-container"
+      role="presentation"
+      style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
+      tabindex="-1"
+    >
+      <div
+        aria-describedby="alert-dialog-description"
+        aria-labelledby="alert-dialog-title"
+        class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm css-1a0zqad-MuiPaper-root-MuiDialog-paper"
+        role="dialog"
+      >
+        <h2
+          class="MuiTypography-root MuiTypography-h6 MuiDialogTitle-root css-8yphvn-MuiTypography-root-MuiDialogTitle-root"
+          id="alert-dialog-title"
+          style="display: flex;"
+        >
+          <div
+            class="MuiGrid-root MuiGrid-container css-9cyib4-MuiGrid-root"
+          >
+            <div
+              class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 css-1kazmbo-MuiTypography-root"
+                style="font-size: 1.25rem; font-weight: 500; line-height: 1.6;"
+              >
+                Delete items
+              </h1>
+            </div>
+          </div>
+        </h2>
+        <div
+          class="MuiDialogContent-root css-9hw3b4-MuiDialogContent-root"
+          tabindex="-1"
+        >
+          <div
+            class="MuiTypography-root MuiDialogContentText-root MuiTypography-body1 MuiDialogContentText-root css-1tmyuhs-MuiTypography-root-MuiDialogContentText-root"
+            id="alert-dialog-description"
+          >
+            <p>
+              Are you sure you want to delete the following items?
+              <ul>
+                <li>
+                  Deployment
+                  : 
+                  nginx-deployment
+                   
+                  (cluster: default)
+                </li>
+                <li>
+                  Service
+                  : 
+                  redis-service
+                   
+                  (cluster: default)
+                </li>
+                <li>
+                  Pod
+                  : 
+                  app-pod
+                   
+                  (cluster: default)
+                </li>
+              </ul>
+            </p>
+          </div>
+        </div>
+        <div
+          class="MuiDialogActions-root MuiDialogActions-spacing css-knqc4i-MuiDialogActions-root"
+        >
+          <button
+            aria-label="cancel-button"
+            class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorSecondary MuiButton-disableElevation MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorSecondary MuiButton-disableElevation css-14f6w6s-MuiButtonBase-root-MuiButton-root"
+            tabindex="0"
+            type="button"
+          >
+            No
+            <span
+              class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+            />
+          </button>
+          <button
+            aria-label="confirm-button"
+            class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-disableElevation MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-disableElevation css-gn8fa3-MuiButtonBase-root-MuiButton-root"
+            tabindex="0"
+            type="button"
+          >
+            Yes
+            <span
+              class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+            />
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      data-testid="sentinelEnd"
+      tabindex="0"
+    />
+  </div>
+</body>
\ No newline at end of file
diff --git a/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.ConfirmDialogMultiCluster.stories.storyshot b/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.ConfirmDialogMultiCluster.stories.storyshot
new file mode 100644
index 00000000000..08f48b64ce0
--- /dev/null
+++ b/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.ConfirmDialogMultiCluster.stories.storyshot
@@ -0,0 +1,132 @@
+<body>
+  <div
+    aria-hidden="true"
+  >
+    <button
+      aria-label="Delete items"
+      class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root"
+      data-mui-internal-clone-element="true"
+      tabindex="0"
+      type="button"
+    >
+      <span
+        class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+      />
+    </button>
+    <div />
+  </div>
+  <div
+    class="MuiDialog-root MuiModal-root css-zw3mfo-MuiModal-root-MuiDialog-root"
+    role="presentation"
+  >
+    <div
+      aria-hidden="true"
+      class="MuiBackdrop-root MuiModal-backdrop css-yiavyu-MuiBackdrop-root-MuiDialog-backdrop"
+      style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
+    />
+    <div
+      data-testid="sentinelStart"
+      tabindex="0"
+    />
+    <div
+      class="MuiDialog-container MuiDialog-scrollPaper css-hz1bth-MuiDialog-container"
+      role="presentation"
+      style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
+      tabindex="-1"
+    >
+      <div
+        aria-describedby="alert-dialog-description"
+        aria-labelledby="alert-dialog-title"
+        class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm css-1a0zqad-MuiPaper-root-MuiDialog-paper"
+        role="dialog"
+      >
+        <h2
+          class="MuiTypography-root MuiTypography-h6 MuiDialogTitle-root css-8yphvn-MuiTypography-root-MuiDialogTitle-root"
+          id="alert-dialog-title"
+          style="display: flex;"
+        >
+          <div
+            class="MuiGrid-root MuiGrid-container css-9cyib4-MuiGrid-root"
+          >
+            <div
+              class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 css-1kazmbo-MuiTypography-root"
+                style="font-size: 1.25rem; font-weight: 500; line-height: 1.6;"
+              >
+                Delete items
+              </h1>
+            </div>
+          </div>
+        </h2>
+        <div
+          class="MuiDialogContent-root css-9hw3b4-MuiDialogContent-root"
+          tabindex="-1"
+        >
+          <div
+            class="MuiTypography-root MuiDialogContentText-root MuiTypography-body1 MuiDialogContentText-root css-1tmyuhs-MuiTypography-root-MuiDialogContentText-root"
+            id="alert-dialog-description"
+          >
+            <p>
+              Are you sure you want to delete the following items?
+              <ul>
+                <li>
+                  Pod
+                  : 
+                  nginx-pod
+                   
+                  (cluster: cluster-1)
+                </li>
+                <li>
+                  Pod
+                  : 
+                  redis-pod
+                   
+                  (cluster: cluster-2)
+                </li>
+                <li>
+                  Pod
+                  : 
+                  app-pod
+                   
+                  (cluster: cluster-1)
+                </li>
+              </ul>
+            </p>
+          </div>
+        </div>
+        <div
+          class="MuiDialogActions-root MuiDialogActions-spacing css-knqc4i-MuiDialogActions-root"
+        >
+          <button
+            aria-label="cancel-button"
+            class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorSecondary MuiButton-disableElevation MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorSecondary MuiButton-disableElevation css-14f6w6s-MuiButtonBase-root-MuiButton-root"
+            tabindex="0"
+            type="button"
+          >
+            No
+            <span
+              class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+            />
+          </button>
+          <button
+            aria-label="confirm-button"
+            class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-disableElevation MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-disableElevation css-gn8fa3-MuiButtonBase-root-MuiButton-root"
+            tabindex="0"
+            type="button"
+          >
+            Yes
+            <span
+              class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+            />
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      data-testid="sentinelEnd"
+      tabindex="0"
+    />
+  </div>
+</body>
\ No newline at end of file
diff --git a/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.ConfirmDialogOpen.stories.storyshot b/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.ConfirmDialogOpen.stories.storyshot
new file mode 100644
index 00000000000..230e6385bc3
--- /dev/null
+++ b/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.ConfirmDialogOpen.stories.storyshot
@@ -0,0 +1,132 @@
+<body>
+  <div
+    aria-hidden="true"
+  >
+    <button
+      aria-label="Delete items"
+      class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root"
+      data-mui-internal-clone-element="true"
+      tabindex="0"
+      type="button"
+    >
+      <span
+        class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+      />
+    </button>
+    <div />
+  </div>
+  <div
+    class="MuiDialog-root MuiModal-root css-zw3mfo-MuiModal-root-MuiDialog-root"
+    role="presentation"
+  >
+    <div
+      aria-hidden="true"
+      class="MuiBackdrop-root MuiModal-backdrop css-yiavyu-MuiBackdrop-root-MuiDialog-backdrop"
+      style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
+    />
+    <div
+      data-testid="sentinelStart"
+      tabindex="0"
+    />
+    <div
+      class="MuiDialog-container MuiDialog-scrollPaper css-hz1bth-MuiDialog-container"
+      role="presentation"
+      style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
+      tabindex="-1"
+    >
+      <div
+        aria-describedby="alert-dialog-description"
+        aria-labelledby="alert-dialog-title"
+        class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm css-1a0zqad-MuiPaper-root-MuiDialog-paper"
+        role="dialog"
+      >
+        <h2
+          class="MuiTypography-root MuiTypography-h6 MuiDialogTitle-root css-8yphvn-MuiTypography-root-MuiDialogTitle-root"
+          id="alert-dialog-title"
+          style="display: flex;"
+        >
+          <div
+            class="MuiGrid-root MuiGrid-container css-9cyib4-MuiGrid-root"
+          >
+            <div
+              class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 css-1kazmbo-MuiTypography-root"
+                style="font-size: 1.25rem; font-weight: 500; line-height: 1.6;"
+              >
+                Delete items
+              </h1>
+            </div>
+          </div>
+        </h2>
+        <div
+          class="MuiDialogContent-root css-9hw3b4-MuiDialogContent-root"
+          tabindex="-1"
+        >
+          <div
+            class="MuiTypography-root MuiDialogContentText-root MuiTypography-body1 MuiDialogContentText-root css-1tmyuhs-MuiTypography-root-MuiDialogContentText-root"
+            id="alert-dialog-description"
+          >
+            <p>
+              Are you sure you want to delete the following items?
+              <ul>
+                <li>
+                  Pod
+                  : 
+                  nginx-pod-1
+                   
+                  (cluster: default)
+                </li>
+                <li>
+                  Pod
+                  : 
+                  nginx-pod-2
+                   
+                  (cluster: default)
+                </li>
+                <li>
+                  Pod
+                  : 
+                  redis-pod
+                   
+                  (cluster: default)
+                </li>
+              </ul>
+            </p>
+          </div>
+        </div>
+        <div
+          class="MuiDialogActions-root MuiDialogActions-spacing css-knqc4i-MuiDialogActions-root"
+        >
+          <button
+            aria-label="cancel-button"
+            class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorSecondary MuiButton-disableElevation MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorSecondary MuiButton-disableElevation css-14f6w6s-MuiButtonBase-root-MuiButton-root"
+            tabindex="0"
+            type="button"
+          >
+            No
+            <span
+              class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+            />
+          </button>
+          <button
+            aria-label="confirm-button"
+            class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-disableElevation MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-disableElevation css-gn8fa3-MuiButtonBase-root-MuiButton-root"
+            tabindex="0"
+            type="button"
+          >
+            Yes
+            <span
+              class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+            />
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      data-testid="sentinelEnd"
+      tabindex="0"
+    />
+  </div>
+</body>
\ No newline at end of file
diff --git a/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.DeleteProgressIndicator.stories.storyshot b/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.DeleteProgressIndicator.stories.storyshot
new file mode 100644
index 00000000000..d4444eb80ef
--- /dev/null
+++ b/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.DeleteProgressIndicator.stories.storyshot
@@ -0,0 +1,134 @@
+<body>
+  <div
+    aria-hidden="true"
+  >
+    <button
+      aria-label="Delete items"
+      class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root"
+      data-mui-internal-clone-element="true"
+      tabindex="0"
+      type="button"
+    >
+      <span
+        class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+      />
+    </button>
+    <div />
+  </div>
+  <div
+    class="MuiDialog-root MuiModal-root css-zw3mfo-MuiModal-root-MuiDialog-root"
+    role="presentation"
+  >
+    <div
+      aria-hidden="true"
+      class="MuiBackdrop-root MuiModal-backdrop css-yiavyu-MuiBackdrop-root-MuiDialog-backdrop"
+      style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
+    />
+    <div
+      data-testid="sentinelStart"
+      tabindex="0"
+    />
+    <div
+      class="MuiDialog-container MuiDialog-scrollPaper css-hz1bth-MuiDialog-container"
+      role="presentation"
+      style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
+      tabindex="-1"
+    >
+      <div
+        aria-describedby="alert-dialog-description"
+        aria-labelledby="alert-dialog-title"
+        class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm css-1a0zqad-MuiPaper-root-MuiDialog-paper"
+        role="dialog"
+      >
+        <h2
+          class="MuiTypography-root MuiTypography-h6 MuiDialogTitle-root css-8yphvn-MuiTypography-root-MuiDialogTitle-root"
+          id="alert-dialog-title"
+          style="display: flex;"
+        >
+          <div
+            class="MuiGrid-root MuiGrid-container css-9cyib4-MuiGrid-root"
+          >
+            <div
+              class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 css-1kazmbo-MuiTypography-root"
+                style="font-size: 1.25rem; font-weight: 500; line-height: 1.6;"
+              >
+                Delete items
+              </h1>
+            </div>
+          </div>
+        </h2>
+        <div
+          class="MuiDialogContent-root css-9hw3b4-MuiDialogContent-root"
+          tabindex="-1"
+        >
+          <div
+            class="MuiTypography-root MuiDialogContentText-root MuiTypography-body1 MuiDialogContentText-root css-1tmyuhs-MuiTypography-root-MuiDialogContentText-root"
+            id="alert-dialog-description"
+          >
+            <div
+              class="MuiBox-root css-1vh6nji"
+            >
+              <span
+                class="MuiCircularProgress-root MuiCircularProgress-indeterminate MuiCircularProgress-colorPrimary css-1ypm3vs-MuiCircularProgress-root"
+                role="progressbar"
+                style="width: 24px; height: 24px;"
+              >
+                <svg
+                  class="MuiCircularProgress-svg css-1idz92c-MuiCircularProgress-svg"
+                  viewBox="22 22 44 44"
+                >
+                  <circle
+                    class="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate css-176wh8e-MuiCircularProgress-circle"
+                    cx="44"
+                    cy="44"
+                    fill="none"
+                    r="20.2"
+                    stroke-width="3.6"
+                  />
+                </svg>
+              </span>
+              <p
+                class="MuiTypography-root MuiTypography-body1 css-1ezega9-MuiTypography-root"
+              >
+                Deleting 3 items…
+              </p>
+            </div>
+          </div>
+        </div>
+        <div
+          class="MuiDialogActions-root MuiDialogActions-spacing css-knqc4i-MuiDialogActions-root"
+        >
+          <button
+            aria-label="cancel-button"
+            class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorSecondary MuiButton-disableElevation MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorSecondary MuiButton-disableElevation css-14f6w6s-MuiButtonBase-root-MuiButton-root"
+            tabindex="0"
+            type="button"
+          >
+            No
+            <span
+              class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+            />
+          </button>
+          <button
+            aria-label="confirm-button"
+            class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-disableElevation MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-disableElevation css-gn8fa3-MuiButtonBase-root-MuiButton-root"
+            tabindex="0"
+            type="button"
+          >
+            Yes
+            <span
+              class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+            />
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      data-testid="sentinelEnd"
+      tabindex="0"
+    />
+  </div>
+</body>
\ No newline at end of file
diff --git a/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.MenuButtonStyle.stories.storyshot b/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.MenuButtonStyle.stories.storyshot
new file mode 100644
index 00000000000..d8fea07de0e
--- /dev/null
+++ b/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.MenuButtonStyle.stories.storyshot
@@ -0,0 +1,26 @@
+<body>
+  <div>
+    <li
+      class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-1sgjfx9-MuiButtonBase-root-MuiMenuItem-root"
+      role="menuitem"
+      tabindex="-1"
+    >
+      <div
+        class="MuiListItemIcon-root css-cveggr-MuiListItemIcon-root"
+      />
+      <div
+        class="MuiListItemText-root css-tlelie-MuiListItemText-root"
+      >
+        <span
+          class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary css-nqgwvn-MuiTypography-root"
+        >
+          Delete items
+        </span>
+      </div>
+      <span
+        class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+      />
+    </li>
+    <div />
+  </div>
+</body>
\ No newline at end of file
diff --git a/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.MultipleItems.stories.storyshot b/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.MultipleItems.stories.storyshot
new file mode 100644
index 00000000000..34997ffba10
--- /dev/null
+++ b/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.MultipleItems.stories.storyshot
@@ -0,0 +1,16 @@
+<body>
+  <div>
+    <button
+      aria-label="Delete items"
+      class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root"
+      data-mui-internal-clone-element="true"
+      tabindex="0"
+      type="button"
+    >
+      <span
+        class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+      />
+    </button>
+    <div />
+  </div>
+</body>
\ No newline at end of file
diff --git a/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.NetworkError.stories.storyshot b/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.NetworkError.stories.storyshot
new file mode 100644
index 00000000000..225eab4945d
--- /dev/null
+++ b/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.NetworkError.stories.storyshot
@@ -0,0 +1,140 @@
+<body>
+  <div
+    aria-hidden="true"
+  >
+    <button
+      aria-label="Delete items"
+      class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root"
+      data-mui-internal-clone-element="true"
+      tabindex="0"
+      type="button"
+    >
+      <span
+        class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+      />
+    </button>
+    <div />
+  </div>
+  <div
+    class="MuiDialog-root MuiModal-root css-zw3mfo-MuiModal-root-MuiDialog-root"
+    role="presentation"
+  >
+    <div
+      aria-hidden="true"
+      class="MuiBackdrop-root MuiModal-backdrop css-yiavyu-MuiBackdrop-root-MuiDialog-backdrop"
+      style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
+    />
+    <div
+      data-testid="sentinelStart"
+      tabindex="0"
+    />
+    <div
+      class="MuiDialog-container MuiDialog-scrollPaper css-hz1bth-MuiDialog-container"
+      role="presentation"
+      style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
+      tabindex="-1"
+    >
+      <div
+        aria-describedby="alert-dialog-description"
+        aria-labelledby="alert-dialog-title"
+        class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm css-1a0zqad-MuiPaper-root-MuiDialog-paper"
+        role="dialog"
+      >
+        <h2
+          class="MuiTypography-root MuiTypography-h6 MuiDialogTitle-root css-8yphvn-MuiTypography-root-MuiDialogTitle-root"
+          id="alert-dialog-title"
+          style="display: flex;"
+        >
+          <div
+            class="MuiGrid-root MuiGrid-container css-9cyib4-MuiGrid-root"
+          >
+            <div
+              class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 css-1kazmbo-MuiTypography-root"
+                style="font-size: 1.25rem; font-weight: 500; line-height: 1.6;"
+              >
+                Delete failed
+              </h1>
+            </div>
+          </div>
+        </h2>
+        <div
+          class="MuiDialogContent-root css-9hw3b4-MuiDialogContent-root"
+          tabindex="-1"
+        >
+          <div
+            class="MuiTypography-root MuiDialogContentText-root MuiTypography-body1 MuiDialogContentText-root css-1tmyuhs-MuiTypography-root-MuiDialogContentText-root"
+            id="alert-dialog-description"
+          >
+            <div
+              class="MuiBox-root css-0"
+            >
+              <p
+                class="MuiTypography-root MuiTypography-body1 MuiTypography-gutterBottom css-mq7ihv-MuiTypography-root"
+              >
+                Network error: Unable to connect to cluster.
+              </p>
+              <p
+                class="MuiTypography-root MuiTypography-body2 css-ab4e19-MuiTypography-root"
+              >
+                The following items were selected for deletion:
+              </p>
+              <ul>
+                <li>
+                  Pod
+                  : 
+                  nginx-pod-1
+                   
+                </li>
+                <li>
+                  Pod
+                  : 
+                  nginx-pod-2
+                   
+                </li>
+                <li>
+                  Pod
+                  : 
+                  redis-pod
+                   
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+        <div
+          class="MuiDialogActions-root MuiDialogActions-spacing css-knqc4i-MuiDialogActions-root"
+        >
+          <button
+            aria-label="cancel-button"
+            class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorSecondary MuiButton-disableElevation MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorSecondary MuiButton-disableElevation css-14f6w6s-MuiButtonBase-root-MuiButton-root"
+            tabindex="0"
+            type="button"
+          >
+            No
+            <span
+              class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+            />
+          </button>
+          <button
+            aria-label="confirm-button"
+            class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-disableElevation MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-disableElevation css-gn8fa3-MuiButtonBase-root-MuiButton-root"
+            tabindex="0"
+            type="button"
+          >
+            Yes
+            <span
+              class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+            />
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      data-testid="sentinelEnd"
+      tabindex="0"
+    />
+  </div>
+</body>
\ No newline at end of file
diff --git a/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.NoSelection.stories.storyshot b/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.NoSelection.stories.storyshot
new file mode 100644
index 00000000000..92f068f62c9
--- /dev/null
+++ b/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.NoSelection.stories.storyshot
@@ -0,0 +1,3 @@
+<body>
+  <div />
+</body>
\ No newline at end of file
diff --git a/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.PermissionDeniedError.stories.storyshot b/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.PermissionDeniedError.stories.storyshot
new file mode 100644
index 00000000000..3534e6613dd
--- /dev/null
+++ b/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.PermissionDeniedError.stories.storyshot
@@ -0,0 +1,140 @@
+<body>
+  <div
+    aria-hidden="true"
+  >
+    <button
+      aria-label="Delete items"
+      class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root"
+      data-mui-internal-clone-element="true"
+      tabindex="0"
+      type="button"
+    >
+      <span
+        class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+      />
+    </button>
+    <div />
+  </div>
+  <div
+    class="MuiDialog-root MuiModal-root css-zw3mfo-MuiModal-root-MuiDialog-root"
+    role="presentation"
+  >
+    <div
+      aria-hidden="true"
+      class="MuiBackdrop-root MuiModal-backdrop css-yiavyu-MuiBackdrop-root-MuiDialog-backdrop"
+      style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
+    />
+    <div
+      data-testid="sentinelStart"
+      tabindex="0"
+    />
+    <div
+      class="MuiDialog-container MuiDialog-scrollPaper css-hz1bth-MuiDialog-container"
+      role="presentation"
+      style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
+      tabindex="-1"
+    >
+      <div
+        aria-describedby="alert-dialog-description"
+        aria-labelledby="alert-dialog-title"
+        class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm css-1a0zqad-MuiPaper-root-MuiDialog-paper"
+        role="dialog"
+      >
+        <h2
+          class="MuiTypography-root MuiTypography-h6 MuiDialogTitle-root css-8yphvn-MuiTypography-root-MuiDialogTitle-root"
+          id="alert-dialog-title"
+          style="display: flex;"
+        >
+          <div
+            class="MuiGrid-root MuiGrid-container css-9cyib4-MuiGrid-root"
+          >
+            <div
+              class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 css-1kazmbo-MuiTypography-root"
+                style="font-size: 1.25rem; font-weight: 500; line-height: 1.6;"
+              >
+                Delete failed
+              </h1>
+            </div>
+          </div>
+        </h2>
+        <div
+          class="MuiDialogContent-root css-9hw3b4-MuiDialogContent-root"
+          tabindex="-1"
+        >
+          <div
+            class="MuiTypography-root MuiDialogContentText-root MuiTypography-body1 MuiDialogContentText-root css-1tmyuhs-MuiTypography-root-MuiDialogContentText-root"
+            id="alert-dialog-description"
+          >
+            <div
+              class="MuiBox-root css-0"
+            >
+              <p
+                class="MuiTypography-root MuiTypography-body1 MuiTypography-gutterBottom css-mq7ihv-MuiTypography-root"
+              >
+                Permission denied: You do not have permission to delete resources in namespace "default".
+              </p>
+              <p
+                class="MuiTypography-root MuiTypography-body2 css-ab4e19-MuiTypography-root"
+              >
+                The following items were selected for deletion:
+              </p>
+              <ul>
+                <li>
+                  Deployment
+                  : 
+                  nginx-deployment
+                   
+                </li>
+                <li>
+                  Service
+                  : 
+                  redis-service
+                   
+                </li>
+                <li>
+                  Pod
+                  : 
+                  app-pod
+                   
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+        <div
+          class="MuiDialogActions-root MuiDialogActions-spacing css-knqc4i-MuiDialogActions-root"
+        >
+          <button
+            aria-label="cancel-button"
+            class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorSecondary MuiButton-disableElevation MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorSecondary MuiButton-disableElevation css-14f6w6s-MuiButtonBase-root-MuiButton-root"
+            tabindex="0"
+            type="button"
+          >
+            No
+            <span
+              class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+            />
+          </button>
+          <button
+            aria-label="confirm-button"
+            class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-disableElevation MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-disableElevation css-gn8fa3-MuiButtonBase-root-MuiButton-root"
+            tabindex="0"
+            type="button"
+          >
+            Yes
+            <span
+              class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+            />
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      data-testid="sentinelEnd"
+      tabindex="0"
+    />
+  </div>
+</body>
\ No newline at end of file
diff --git a/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.SingleItem.stories.storyshot b/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.SingleItem.stories.storyshot
new file mode 100644
index 00000000000..34997ffba10
--- /dev/null
+++ b/frontend/src/components/common/Resource/__snapshots__/DeleteMultipleButton.SingleItem.stories.storyshot
@@ -0,0 +1,16 @@
+<body>
+  <div>
+    <button
+      aria-label="Delete items"
+      class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-whz9ym-MuiButtonBase-root-MuiIconButton-root"
+      data-mui-internal-clone-element="true"
+      tabindex="0"
+      type="button"
+    >
+      <span
+        class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+      />
+    </button>
+    <div />
+  </div>
+</body>
\ No newline at end of file
diff --git a/frontend/src/i18n/locales/de/translation.json b/frontend/src/i18n/locales/de/translation.json
index d0b72a30106..33583916a25 100644
--- a/frontend/src/i18n/locales/de/translation.json
+++ b/frontend/src/i18n/locales/de/translation.json
@@ -294,12 +294,16 @@
   "Are you sure you want to evict pod {{ itemName }}?": "",
   "Are you sure you want to delete item {{ itemName }}?": "Sind Sie sicher, dass Sie dieses Element {{ itemName }} löschen möchten?",
   "Force Delete": "",
+  "Deleting {{ count }} items…_one": "",
+  "Deleting {{ count }} items…_other": "",
+  "The following items were selected for deletion:": "",
   "Are you sure you want to delete the following items?": "Sind Sie sicher, dass Sie die folgende Elemente löschen möchten?",
+  "Delete items": "Elemente löschen",
+  "Delete failed": "",
   "Deleting {{ itemsLength }} items…": "Löschen von {{ itemsLength }} Elementen…",
   "Cancelled deletion of {{ itemsLength }} items.": "Löschen von {{ itemsLength }} Elementen abgebrochen.",
   "Deleted {{ itemsLength }} items.": "{{ itemsLength }} Elemente gelöscht.",
   "Error deleting {{ itemsLength }} items.": "Fehler beim Löschen von {{ itemsLength }} Elementen.",
-  "Delete items": "Elemente löschen",
   "Resource details": "",
   "Loading documentation": "Dokumentation laden",
   "No documentation available.": "",
diff --git a/frontend/src/i18n/locales/en/translation.json b/frontend/src/i18n/locales/en/translation.json
index 0722fc69540..3cb7cf11c5a 100644
--- a/frontend/src/i18n/locales/en/translation.json
+++ b/frontend/src/i18n/locales/en/translation.json
@@ -294,12 +294,16 @@
   "Are you sure you want to evict pod {{ itemName }}?": "Are you sure you want to evict pod {{ itemName }}?",
   "Are you sure you want to delete item {{ itemName }}?": "Are you sure you want to delete item {{ itemName }}?",
   "Force Delete": "Force Delete",
+  "Deleting {{ count }} items…_one": "Deleting {{ count }} items…",
+  "Deleting {{ count }} items…_other": "Deleting {{ count }} items…",
+  "The following items were selected for deletion:": "The following items were selected for deletion:",
   "Are you sure you want to delete the following items?": "Are you sure you want to delete the following items?",
+  "Delete items": "Delete items",
+  "Delete failed": "Delete failed",
   "Deleting {{ itemsLength }} items…": "Deleting {{ itemsLength }} items…",
   "Cancelled deletion of {{ itemsLength }} items.": "Cancelled deletion of {{ itemsLength }} items.",
   "Deleted {{ itemsLength }} items.": "Deleted {{ itemsLength }} items.",
   "Error deleting {{ itemsLength }} items.": "Error deleting {{ itemsLength }} items.",
-  "Delete items": "Delete items",
   "Resource details": "Resource details",
   "Loading documentation": "Loading documentation",
   "No documentation available.": "No documentation available.",
diff --git a/frontend/src/i18n/locales/es/translation.json b/frontend/src/i18n/locales/es/translation.json
index 92a34aea0ae..47fa2a272c3 100644
--- a/frontend/src/i18n/locales/es/translation.json
+++ b/frontend/src/i18n/locales/es/translation.json
@@ -295,12 +295,17 @@
   "Are you sure you want to evict pod {{ itemName }}?": "",
   "Are you sure you want to delete item {{ itemName }}?": "¿Seguro que quiere eliminar este item {{ itemName }}?",
   "Force Delete": "",
+  "Deleting {{ count }} items…_one": "",
+  "Deleting {{ count }} items…_many": "",
+  "Deleting {{ count }} items…_other": "",
+  "The following items were selected for deletion:": "",
   "Are you sure you want to delete the following items?": "¿Seguro que quiere eliminar los siguientes items?",
+  "Delete items": "Eliminar items",
+  "Delete failed": "",
   "Deleting {{ itemsLength }} items…": "Eliminando {{ itemsLength }} items…",
   "Cancelled deletion of {{ itemsLength }} items.": "Se ha cancelado la eliminación de {{ itemsLength }} items.",
   "Deleted {{ itemsLength }} items.": "Se ha eliminado {{ itemsLength }} items.",
   "Error deleting {{ itemsLength }} items.": "Error al eliminar {{ itemsLength }} items.",
-  "Delete items": "Eliminar items",
   "Resource details": "",
   "Loading documentation": "Cargando documentación",
   "No documentation available.": "No hay documentación disponible.",
diff --git a/frontend/src/i18n/locales/fr/translation.json b/frontend/src/i18n/locales/fr/translation.json
index 43aa077e52a..fc617e6efd2 100644
--- a/frontend/src/i18n/locales/fr/translation.json
+++ b/frontend/src/i18n/locales/fr/translation.json
@@ -295,12 +295,17 @@
   "Are you sure you want to evict pod {{ itemName }}?": "Êtes-vous sûr de vouloir évincer le pod {{ itemName }} ?",
   "Are you sure you want to delete item {{ itemName }}?": "Voulez-vous vraiment supprimer cet élément {{ itemName }}?",
   "Force Delete": "Forcer la suppression",
+  "Deleting {{ count }} items…_one": "",
+  "Deleting {{ count }} items…_many": "",
+  "Deleting {{ count }} items…_other": "",
+  "The following items were selected for deletion:": "",
   "Are you sure you want to delete the following items?": "Voulez-vous vraiment supprimer les éléments suivants?",
+  "Delete items": "Supprimer les éléments",
+  "Delete failed": "",
   "Deleting {{ itemsLength }} items…": "Suppression de {{ itemsLength }} éléments…",
   "Cancelled deletion of {{ itemsLength }} items.": "Suppression de {{ itemsLength }} éléments annulée.",
   "Deleted {{ itemsLength }} items.": "{{ itemsLength }} éléments supprimés.",
   "Error deleting {{ itemsLength }} items.": "Erreur lors de la suppression de {{ itemsLength }} éléments.",
-  "Delete items": "Supprimer les éléments",
   "Resource details": "détails de la ressource",
   "Loading documentation": "Chargement de la documentation",
   "No documentation available.": "Aucune documentation disponible.",
diff --git a/frontend/src/i18n/locales/hi/translation.json b/frontend/src/i18n/locales/hi/translation.json
index 036eff1b567..42fee742b19 100644
--- a/frontend/src/i18n/locales/hi/translation.json
+++ b/frontend/src/i18n/locales/hi/translation.json
@@ -294,12 +294,16 @@
   "Are you sure you want to evict pod {{ itemName }}?": "क्या आप वाकई pod {{ itemName }} को निष्कासित करना चाहते हैं?",
   "Are you sure you want to delete item {{ itemName }}?": "क्या आप वाकई आइटम {{ itemName }} को हटाना चाहते हैं?",
   "Force Delete": "बलपूर्वक हटाएँ",
+  "Deleting {{ count }} items…_one": "",
+  "Deleting {{ count }} items…_other": "",
+  "The following items were selected for deletion:": "",
   "Are you sure you want to delete the following items?": "क्या आप वाकई निम्नलिखित आइटम हटाना चाहते हैं?",
+  "Delete items": "आइटम हटाएँ",
+  "Delete failed": "",
   "Deleting {{ itemsLength }} items…": "{{ itemsLength }} आइटम हटा रहे हैं…",
   "Cancelled deletion of {{ itemsLength }} items.": "{{ itemsLength }} आइटम के हटाने को रद्द किया गया।",
   "Deleted {{ itemsLength }} items.": "{{ itemsLength }} आइटम हटा दिए गए।",
   "Error deleting {{ itemsLength }} items.": "{{ itemsLength }} आइटम हटाने में त्रुटि।",
-  "Delete items": "आइटम हटाएँ",
   "Resource details": "",
   "Loading documentation": "दस्तावेज़ीकरण लोड हो रहा है",
   "No documentation available.": "कोई दस्तावेज़ीकरण उपलब्ध नहीं है।",
diff --git a/frontend/src/i18n/locales/it/translation.json b/frontend/src/i18n/locales/it/translation.json
index 6a596daae46..834d51ab25a 100644
--- a/frontend/src/i18n/locales/it/translation.json
+++ b/frontend/src/i18n/locales/it/translation.json
@@ -295,12 +295,17 @@
   "Are you sure you want to evict pod {{ itemName }}?": "",
   "Are you sure you want to delete item {{ itemName }}?": "Sei sicuro di voler eliminare l'elemento {{ itemName }}?",
   "Force Delete": "",
+  "Deleting {{ count }} items…_one": "",
+  "Deleting {{ count }} items…_many": "",
+  "Deleting {{ count }} items…_other": "",
+  "The following items were selected for deletion:": "",
   "Are you sure you want to delete the following items?": "Sei sicuro di voler eliminare i seguenti elementi?",
+  "Delete items": "Elimina elementi",
+  "Delete failed": "",
   "Deleting {{ itemsLength }} items…": "Eliminazione di {{ itemsLength }} elementi…",
   "Cancelled deletion of {{ itemsLength }} items.": "Eliminazione di {{ itemsLength }} elementi annullata.",
   "Deleted {{ itemsLength }} items.": "{{ itemsLength }} elementi eliminati.",
   "Error deleting {{ itemsLength }} items.": "Errore durante l'eliminazione di {{ itemsLength }} elementi.",
-  "Delete items": "Elimina elementi",
   "Resource details": "",
   "Loading documentation": "Caricamento della documentazione",
   "No documentation available.": "Nessuna documentazione disponibile.",
diff --git a/frontend/src/i18n/locales/ja/translation.json b/frontend/src/i18n/locales/ja/translation.json
index 1767d4ad542..5daa62748b7 100644
--- a/frontend/src/i18n/locales/ja/translation.json
+++ b/frontend/src/i18n/locales/ja/translation.json
@@ -293,12 +293,15 @@
   "Are you sure you want to evict pod {{ itemName }}?": "",
   "Are you sure you want to delete item {{ itemName }}?": "アイテム {{ itemName }} を削除してもよろしいですか？",
   "Force Delete": "",
+  "Deleting {{ count }} items…_other": "",
+  "The following items were selected for deletion:": "",
   "Are you sure you want to delete the following items?": "以下のアイテムを削除してもよろしいですか？",
+  "Delete items": "アイテムの削除",
+  "Delete failed": "",
   "Deleting {{ itemsLength }} items…": "{{ itemsLength }} 個のアイテムを削除中…",
   "Cancelled deletion of {{ itemsLength }} items.": "{{ itemsLength }} 個のアイテムの削除をキャンセルしました。",
   "Deleted {{ itemsLength }} items.": "{{ itemsLength }} 個のアイテムを削除しました。",
   "Error deleting {{ itemsLength }} items.": "{{ itemsLength }} 個のアイテムの削除中にエラーが発生しました。",
-  "Delete items": "アイテムの削除",
   "Resource details": "",
   "Loading documentation": "ドキュメントの読み込み中",
   "No documentation available.": "利用可能なドキュメントがありません。",
diff --git a/frontend/src/i18n/locales/ko/translation.json b/frontend/src/i18n/locales/ko/translation.json
index f818d4b3fce..d4ba743684d 100644
--- a/frontend/src/i18n/locales/ko/translation.json
+++ b/frontend/src/i18n/locales/ko/translation.json
@@ -293,12 +293,15 @@
   "Are you sure you want to evict pod {{ itemName }}?": "",
   "Are you sure you want to delete item {{ itemName }}?": "{{ itemName }} 항목을 삭제하시겠습니까?",
   "Force Delete": "",
+  "Deleting {{ count }} items…_other": "",
+  "The following items were selected for deletion:": "",
   "Are you sure you want to delete the following items?": "다음 항목들을 삭제하시겠습니까?",
+  "Delete items": "항목 삭제",
+  "Delete failed": "",
   "Deleting {{ itemsLength }} items…": "{{ itemsLength }}개 항목 삭제 중…",
   "Cancelled deletion of {{ itemsLength }} items.": "{{ itemsLength }}개 항목 삭제 취소됨.",
   "Deleted {{ itemsLength }} items.": "{{ itemsLength }}개 항목 삭제됨.",
   "Error deleting {{ itemsLength }} items.": "{{ itemsLength }}개 항목 삭제 중 오류 발생.",
-  "Delete items": "항목 삭제",
   "Resource details": "",
   "Loading documentation": "문서 로딩 중",
   "No documentation available.": "사용 가능한 문서가 없습니다.",
diff --git a/frontend/src/i18n/locales/pt/translation.json b/frontend/src/i18n/locales/pt/translation.json
index a148ebb0707..ac13f808cad 100644
--- a/frontend/src/i18n/locales/pt/translation.json
+++ b/frontend/src/i18n/locales/pt/translation.json
@@ -295,12 +295,17 @@
   "Are you sure you want to evict pod {{ itemName }}?": "",
   "Are you sure you want to delete item {{ itemName }}?": "Tem a certeza de que pretende eliminar este item {{ itemName }}?",
   "Force Delete": "",
+  "Deleting {{ count }} items…_one": "",
+  "Deleting {{ count }} items…_many": "",
+  "Deleting {{ count }} items…_other": "",
+  "The following items were selected for deletion:": "",
   "Are you sure you want to delete the following items?": "Tem a certeza de que pretende eliminar os seguintes itens?",
+  "Delete items": "Eliminar itens",
+  "Delete failed": "",
   "Deleting {{ itemsLength }} items…": "A eliminar {{ itemsLength }} itens…",
   "Cancelled deletion of {{ itemsLength }} items.": "Cancelou-se a eliminação de {{ itemsLength }} itens.",
   "Deleted {{ itemsLength }} items.": "Eliminou-se {{ itemsLength }} itens.",
   "Error deleting {{ itemsLength }} items.": "Erro ao eliminar {{ itemsLength }} itens.",
-  "Delete items": "Eliminar itens",
   "Resource details": "",
   "Loading documentation": "A carregar documentação",
   "No documentation available.": "Sem documentação disponível.",
diff --git a/frontend/src/i18n/locales/ta/translation.json b/frontend/src/i18n/locales/ta/translation.json
index 51bdd9f3b08..cf0440b7958 100644
--- a/frontend/src/i18n/locales/ta/translation.json
+++ b/frontend/src/i18n/locales/ta/translation.json
@@ -294,12 +294,16 @@
   "Are you sure you want to evict pod {{ itemName }}?": "நீங்கள் {{ itemName }} பாட்டை வெளியேற்ற விரும்புகிறீர்களா?",
   "Are you sure you want to delete item {{ itemName }}?": "நீங்கள் {{ itemName }} உருப்படியை நீக்க விரும்புகிறீர்களா?",
   "Force Delete": "கட்டாயமாக நீக்கு",
+  "Deleting {{ count }} items…_one": "",
+  "Deleting {{ count }} items…_other": "",
+  "The following items were selected for deletion:": "",
   "Are you sure you want to delete the following items?": "பின்வரும் உருப்படிகளை நீக்க விரும்புகிறீர்களா?",
+  "Delete items": "உருப்படிகளை நீக்கு",
+  "Delete failed": "",
   "Deleting {{ itemsLength }} items…": "{{ itemsLength }} உருப்படிகளை நீக்குகிறது…",
   "Cancelled deletion of {{ itemsLength }} items.": "{{ itemsLength }} உருப்படிகளை நீக்குவது ரத்து செய்யப்பட்டது.",
   "Deleted {{ itemsLength }} items.": "{{ itemsLength }} உருப்படிகள் நீக்கப்பட்டன.",
   "Error deleting {{ itemsLength }} items.": "{{ itemsLength }} உருப்படிகளை நீக்குவதில் பிழை.",
-  "Delete items": "உருப்படிகளை நீக்கு",
   "Resource details": "",
   "Loading documentation": "ஆவணப்படுத்தலை ஏற்றுகிறது",
   "No documentation available.": "ஆவணப்படுத்தல் கிடைக்கவில்லை.",
diff --git a/frontend/src/i18n/locales/zh-tw/translation.json b/frontend/src/i18n/locales/zh-tw/translation.json
index 9cfee331c59..6ae18baf3c4 100644
--- a/frontend/src/i18n/locales/zh-tw/translation.json
+++ b/frontend/src/i18n/locales/zh-tw/translation.json
@@ -293,12 +293,15 @@
   "Are you sure you want to evict pod {{ itemName }}?": "",
   "Are you sure you want to delete item {{ itemName }}?": "您確定要刪除專案 {{ itemName }} 嗎？",
   "Force Delete": "強制刪除",
+  "Deleting {{ count }} items…_other": "",
+  "The following items were selected for deletion:": "",
   "Are you sure you want to delete the following items?": "您確定要刪除這些專案嗎？",
+  "Delete items": "刪除專案",
+  "Delete failed": "",
   "Deleting {{ itemsLength }} items…": "正在刪除 {{ itemsLength }} 個專案…",
   "Cancelled deletion of {{ itemsLength }} items.": "取消刪除 {{ itemsLength }} 個專案。",
   "Deleted {{ itemsLength }} items.": "已刪除 {{ itemsLength }} 個專案。",
   "Error deleting {{ itemsLength }} items.": "刪除 {{ itemsLength }} 個專案時出錯。",
-  "Delete items": "刪除專案",
   "Resource details": "",
   "Loading documentation": "讀取檔案",
   "No documentation available.": "無可用檔案。",
diff --git a/frontend/src/i18n/locales/zh/translation.json b/frontend/src/i18n/locales/zh/translation.json
index 5942573dc53..784406a1cb2 100644
--- a/frontend/src/i18n/locales/zh/translation.json
+++ b/frontend/src/i18n/locales/zh/translation.json
@@ -293,12 +293,15 @@
   "Are you sure you want to evict pod {{ itemName }}?": "您确定要驱逐 Pod {{ itemName }} 吗？",
   "Are you sure you want to delete item {{ itemName }}?": "您确定要删除资源 {{ itemName }} 吗？",
   "Force Delete": "强制删除",
+  "Deleting {{ count }} items…_other": "",
+  "The following items were selected for deletion:": "",
   "Are you sure you want to delete the following items?": "您确定要删除这些资源吗？",
+  "Delete items": "删除资源",
+  "Delete failed": "",
   "Deleting {{ itemsLength }} items…": "正在删除 {{ itemsLength }} 个资源…",
   "Cancelled deletion of {{ itemsLength }} items.": "取消删除 {{ itemsLength }} 个资源。",
   "Deleted {{ itemsLength }} items.": "已删除 {{ itemsLength }} 个资源。",
   "Error deleting {{ itemsLength }} items.": "删除 {{ itemsLength }} 个资源时出错。",
-  "Delete items": "删除资源",
   "Resource details": "",
   "Loading documentation": "读取文件",
   "No documentation available.": "暂无可用文件。",