diff --git a/ui/src/components/resource-table.tsx b/ui/src/components/resource-table.tsx
index bfae039e..118c47ac 100644
--- a/ui/src/components/resource-table.tsx
+++ b/ui/src/components/resource-table.tsx
@@ -132,17 +132,34 @@ export function ResourceTable<T>({
   })
   const [refreshInterval, setRefreshInterval] = useState(5000)
 
-  const [selectedNamespace, setSelectedNamespace] = useState<
-    string | undefined
-  >(() => {
-    // Try to get the stored namespace from localStorage
-    const storedNamespace = localStorage.getItem(
+  const [selectedNamespaces, setSelectedNamespaces] = useState<string[]>(() => {
+    const stored = localStorage.getItem(
+      localStorage.getItem('current-cluster') + 'selectedNamespaces'
+    )
+    if (clusterScope) {
+      return []
+    }
+    if (stored) {
+      try {
+        const parsed = JSON.parse(stored)
+        return Array.isArray(parsed) ? parsed : [parsed]
+      } catch {
+        return [stored]
+      }
+    }
+    const oldNamespace = localStorage.getItem(
       localStorage.getItem('current-cluster') + 'selectedNamespace'
     )
-    return clusterScope
-      ? undefined // No namespace for cluster scope
-      : storedNamespace || 'default' // Default to 'default' if not set
+    return oldNamespace ? [oldNamespace] : ['default']
   })
+
+  const apiNamespace = useMemo(() => {
+    if (selectedNamespaces.length === 0) return undefined
+    if (selectedNamespaces.length === 1 && selectedNamespaces[0] !== '_all') {
+      return selectedNamespaces[0]
+    }
+    return '_all'
+  }, [selectedNamespaces])
   const [useSSE, setUseSSE] = useState(false)
   const {
     isLoading: queryLoading,
@@ -152,7 +169,7 @@ export function ResourceTable<T>({
     refetch: queryRefetch,
   } = useResources(
     resourceType ?? (resourceName.toLowerCase() as ResourceType),
-    selectedNamespace,
+    apiNamespace,
     {
       refreshInterval: useSSE ? 0 : refreshInterval, // disable polling when SSE
       reduce: true, // Fetch reduced data for performance
@@ -171,7 +188,7 @@ export function ResourceTable<T>({
   } = useResourcesWatch(
     (resourceType ??
       (resourceName.toLowerCase() as ResourceType)) as ResourceType,
-    selectedNamespace,
+    apiNamespace,
     { reduce: true, enabled: useSSE }
   )
 
@@ -218,21 +235,19 @@ export function ResourceTable<T>({
     setPagination((prev) => ({ ...prev, pageIndex: 0 }))
   }, [columnFilters, searchQuery])
 
-  // Handle namespace change
   const handleNamespaceChange = useCallback(
-    (value: string) => {
-      if (setSelectedNamespace) {
-        localStorage.setItem(
-          localStorage.getItem('current-cluster') + 'selectedNamespace',
-          value
-        )
-        setSelectedNamespace(value)
-        // Reset pagination and search when changing namespace
-        setPagination({ pageIndex: 0, pageSize: pagination.pageSize })
-        setSearchQuery('')
-      }
+    (namespaces: string[]) => {
+      const currentCluster = localStorage.getItem('current-cluster')
+      localStorage.setItem(
+        currentCluster + 'selectedNamespaces',
+        JSON.stringify(namespaces)
+      )
+      localStorage.removeItem(currentCluster + 'selectedNamespace')
+      setSelectedNamespaces(namespaces)
+      setPagination({ pageIndex: 0, pageSize: pagination.pageSize })
+      setSearchQuery('')
     },
-    [setSelectedNamespace, pagination.pageSize]
+    [pagination.pageSize]
   )
 
   // Add namespace column when showing all namespaces
@@ -262,12 +277,10 @@ export function ResourceTable<T>({
 
     const baseColumns = [selectColumn, ...columns]
 
-    // Only add namespace column if not cluster scope, showing all namespaces,
-    // and there isn't already a namespace column in the provided columns
-    if (!clusterScope && selectedNamespace === '_all') {
-      // Check if namespace column already exists in the provided columns
+    const showMultipleNamespaces = selectedNamespaces.length > 1 || 
+      (selectedNamespaces.length === 1 && selectedNamespaces[0] === '_all')
+    if (!clusterScope && showMultipleNamespaces) {
       const hasNamespaceColumn = columns.some((col) => {
-        // Check if the column accesses namespace data
         if ('accessorKey' in col && col.accessorKey === 'metadata.namespace') {
           return true
         }
@@ -277,13 +290,11 @@ export function ResourceTable<T>({
         return false
       })
 
-      // Only add namespace column if it doesn't already exist
       if (!hasNamespaceColumn) {
         const namespaceColumn = {
           id: 'namespace',
           header: t('resourceTable.namespace'),
           accessorFn: (row: T) => {
-            // Try to get namespace from metadata.namespace
             const metadata = (row as { metadata?: { namespace?: string } })
               ?.metadata
             return metadata?.namespace || '-'
@@ -295,14 +306,13 @@ export function ResourceTable<T>({
           ),
         }
 
-        // Insert namespace column after select and first column (typically name)
         const columnsWithNamespace = [...baseColumns]
         columnsWithNamespace.splice(2, 0, namespaceColumn)
         return columnsWithNamespace
       }
     }
     return baseColumns
-  }, [columns, clusterScope, selectedNamespace, t])
+  }, [columns, clusterScope, selectedNamespaces, t])
 
   const data = useMemo(() => {
     if (useSSE) return watchData
@@ -315,7 +325,24 @@ export function ResourceTable<T>({
     : (queryError as unknown as Error | null)
   const refetch = useSSE ? reconnectSSE : queryRefetch
 
-  const memoizedData = useMemo(() => (data || []) as T[], [data])
+  const filteredData = useMemo(() => {
+    const allData = (data || []) as T[]
+    if (selectedNamespaces.length === 0) return allData
+    if (selectedNamespaces.length === 1 && selectedNamespaces[0] === '_all') {
+      return allData
+    }
+    if (selectedNamespaces.length === 1) {
+      return allData
+    }
+    const selectedSet = new Set(selectedNamespaces)
+    return allData.filter((item) => {
+      const metadata = (item as { metadata?: { namespace?: string } })?.metadata
+      const namespace = metadata?.namespace
+      return namespace && selectedSet.has(namespace)
+    })
+  }, [data, selectedNamespaces])
+
+  const memoizedData = useMemo(() => filteredData, [filteredData])
 
   useEffect(() => {
     if (!useSSE && error) {
@@ -462,8 +489,14 @@ export function ResourceTable<T>({
           </h3>
           <p className="text-muted-foreground">
             Retrieving data
-            {!clusterScope && selectedNamespace
-              ? ` from ${selectedNamespace === '_all' ? 'All Namespaces' : `namespace ${selectedNamespace}`}`
+            {!clusterScope && selectedNamespaces.length > 0
+              ? ` from ${
+                  selectedNamespaces.length === 1 && selectedNamespaces[0] === '_all'
+                    ? 'All Namespaces'
+                    : selectedNamespaces.length === 1
+                      ? `namespace ${selectedNamespaces[0]}`
+                      : `${selectedNamespaces.length} namespaces`
+                }`
               : ''}
           </p>
         </div>
@@ -494,7 +527,9 @@ export function ResourceTable<T>({
               ? `No results match your search query: "${searchQuery}"`
               : clusterScope
                 ? `There are no ${resourceName.toLowerCase()} found`
-                : `There are no ${resourceName.toLowerCase()} in the ${selectedNamespace} namespace`}
+                : selectedNamespaces.length === 1 && selectedNamespaces[0] !== '_all'
+                  ? `There are no ${resourceName.toLowerCase()} in the ${selectedNamespaces[0]} namespace`
+                  : `There are no ${resourceName.toLowerCase()} in the selected namespaces`}
           </p>
           {searchQuery && (
             <Button
@@ -519,14 +554,20 @@ export function ResourceTable<T>({
       <div className="flex flex-col md:flex-row md:items-center md:justify-between gap-4">
         <div>
           <h1 className="text-2xl font-bold capitalize">{resourceName}</h1>
-          {!clusterScope && selectedNamespace && (
-            <div className="text-muted-foreground flex items-center mt-1">
-              <span>Namespace:</span>
-              <Badge variant="outline" className="ml-2 ">
-                {selectedNamespace === '_all'
-                  ? 'All Namespaces'
-                  : selectedNamespace}
-              </Badge>
+          {!clusterScope && selectedNamespaces.length > 0 && (
+            <div className="text-muted-foreground flex items-center mt-1 gap-2">
+              <span>Namespace{selectedNamespaces.length > 1 ? 's' : ''}:</span>
+              {selectedNamespaces.length === 1 && selectedNamespaces[0] === '_all' ? (
+                <Badge variant="outline">All Namespaces</Badge>
+              ) : (
+                <div className="flex flex-wrap gap-1">
+                  {selectedNamespaces.map((ns) => (
+                    <Badge key={ns} variant="outline">
+                      {ns}
+                    </Badge>
+                  ))}
+                </div>
+              )}
             </div>
           )}
         </div>
@@ -588,9 +629,10 @@ export function ResourceTable<T>({
             </Select>
             {!clusterScope && (
               <NamespaceSelector
-                selectedNamespace={selectedNamespace}
-                handleNamespaceChange={handleNamespaceChange}
+                selectedNamespaces={selectedNamespaces}
+                handleNamespacesChange={handleNamespaceChange}
                 showAll={true}
+                multiSelect={true}
               />
             )}
             {/* Column Filters */}
diff --git a/ui/src/components/selector/namespace-selector.tsx b/ui/src/components/selector/namespace-selector.tsx
index 8b6c59db..a9e714b4 100644
--- a/ui/src/components/selector/namespace-selector.tsx
+++ b/ui/src/components/selector/namespace-selector.tsx
@@ -1,6 +1,17 @@
+import { useState } from 'react'
 import { Namespace } from 'kubernetes-types/core/v1'
+import { X } from 'lucide-react'
 
 import { useResources } from '@/lib/api'
+import { Badge } from '@/components/ui/badge'
+import { Button } from '@/components/ui/button'
+import { Checkbox } from '@/components/ui/checkbox'
+import { Input } from '@/components/ui/input'
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from '@/components/ui/popover'
 import {
   Select,
   SelectContent,
@@ -11,14 +22,22 @@ import {
 
 export function NamespaceSelector({
   selectedNamespace,
+  selectedNamespaces,
   handleNamespaceChange,
+  handleNamespacesChange,
   showAll = false,
+  multiSelect = false,
 }: {
   selectedNamespace?: string
-  handleNamespaceChange: (namespace: string) => void
+  selectedNamespaces?: string[]
+  handleNamespaceChange?: (namespace: string) => void
+  handleNamespacesChange?: (namespaces: string[]) => void
   showAll?: boolean
+  multiSelect?: boolean
 }) {
   const { data, isLoading } = useResources('namespaces')
+  const [open, setOpen] = useState(false)
+  const [searchTerm, setSearchTerm] = useState('')
 
   const sortedNamespaces = data?.sort((a, b) => {
     const nameA = a.metadata?.name?.toLowerCase() || ''
@@ -26,28 +45,200 @@ export function NamespaceSelector({
     return nameA.localeCompare(nameB)
   }) || [{ metadata: { name: 'default' } }]
 
+  const filteredNamespaces = sortedNamespaces.filter((ns) => {
+    const name = ns.metadata?.name?.toLowerCase() || ''
+    return name.includes(searchTerm.toLowerCase())
+  })
+
+  const isMultiSelect = multiSelect || handleNamespacesChange !== undefined
+  const currentSelected = isMultiSelect 
+    ? (selectedNamespaces || [])
+    : (selectedNamespace ? [selectedNamespace] : [])
+  
+  const selectedSet = new Set(currentSelected)
+  const allSelected = showAll && selectedSet.has('_all')
+
+  const handleToggleNamespace = (namespace: string) => {
+    if (!isMultiSelect && handleNamespaceChange) {
+      handleNamespaceChange(namespace === '_all' ? '' : namespace)
+      setOpen(false)
+      return
+    }
+
+    if (!handleNamespacesChange) return
+    
+    const newSelected = new Set(currentSelected)
+    
+    if (namespace === '_all') {
+      if (allSelected) {
+        newSelected.clear()
+      } else {
+        newSelected.clear()
+        newSelected.add('_all')
+      }
+    } else {
+      newSelected.delete('_all')
+      if (newSelected.has(namespace)) {
+        newSelected.delete(namespace)
+      } else {
+        newSelected.add(namespace)
+      }
+    }
+    
+    handleNamespacesChange(Array.from(newSelected))
+  }
+
+  const handleRemoveNamespace = (namespace: string) => {
+    if (!isMultiSelect || !handleNamespacesChange) return
+    const newSelected = new Set(currentSelected)
+    newSelected.delete(namespace)
+    handleNamespacesChange(Array.from(newSelected))
+  }
+
+  const displayText = () => {
+    if (!isMultiSelect) {
+      if (selectedNamespace === '_all') {
+        return 'All Namespaces'
+      }
+      return selectedNamespace || 'Select a namespace'
+    }
+    
+    if (allSelected) {
+      return 'All Namespaces'
+    }
+    if (currentSelected.length > 0) {
+      if (currentSelected.length === 1) {
+        return currentSelected[0]
+      }
+      return `${currentSelected.length} namespaces`
+    }
+    return 'Select namespaces'
+  }
+
+  if (!isMultiSelect && handleNamespaceChange) {
+    return (
+      <Select value={selectedNamespace} onValueChange={handleNamespaceChange}>
+        <SelectTrigger className="max-w-48">
+          <SelectValue placeholder="Select a namespace" />
+        </SelectTrigger>
+        <SelectContent>
+          {isLoading && (
+            <SelectItem disabled value="_loading">
+              Loading namespaces...
+            </SelectItem>
+          )}
+          {showAll && (
+            <SelectItem key="all" value="_all">
+              All Namespaces
+            </SelectItem>
+          )}
+          {sortedNamespaces?.map((ns: Namespace) => (
+            <SelectItem key={ns.metadata!.name} value={ns.metadata!.name!}>
+              {ns.metadata!.name}
+            </SelectItem>
+          ))}
+        </SelectContent>
+      </Select>
+    )
+  }
+
   return (
-    <Select value={selectedNamespace} onValueChange={handleNamespaceChange}>
-      <SelectTrigger className="max-w-48">
-        <SelectValue placeholder="Select a namespace" />
-      </SelectTrigger>
-      <SelectContent>
-        {isLoading && (
-          <SelectItem disabled value="_loading">
-            Loading namespaces...
-          </SelectItem>
-        )}
-        {showAll && (
-          <SelectItem key="all" value="_all">
-            All Namespaces
-          </SelectItem>
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          variant="outline"
+          className="max-w-64 justify-start text-left font-normal"
+        >
+          <span className="truncate">{displayText()}</span>
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className="w-80 p-0" align="start">
+        <div className="p-3 border-b">
+          <Input
+            placeholder="Search namespaces..."
+            value={searchTerm}
+            onChange={(e) => setSearchTerm(e.target.value)}
+            className="h-8"
+          />
+        </div>
+        <div className="max-h-64 overflow-auto p-2">
+          {isLoading && (
+            <div className="p-2 text-sm text-muted-foreground">
+              Loading namespaces...
+            </div>
+          )}
+          {showAll && (
+            <div className="flex items-center space-x-2 p-2 hover:bg-accent rounded">
+              <Checkbox
+                checked={allSelected}
+                onCheckedChange={() => handleToggleNamespace('_all')}
+                id="namespace-all"
+              />
+              <label
+                htmlFor="namespace-all"
+                className="flex-1 text-sm font-medium cursor-pointer"
+              >
+                All Namespaces
+              </label>
+            </div>
+          )}
+          {filteredNamespaces.map((ns: Namespace) => {
+            const name = ns.metadata!.name!
+            const isSelected = selectedSet.has(name)
+            return (
+              <div
+                key={name}
+                className="flex items-center space-x-2 p-2 hover:bg-accent rounded cursor-pointer"
+                onClick={() => handleToggleNamespace(name)}
+              >
+                {isMultiSelect ? (
+                  <>
+                    <Checkbox
+                      checked={isSelected}
+                      onCheckedChange={() => handleToggleNamespace(name)}
+                      id={`namespace-${name}`}
+                    />
+                    <label
+                      htmlFor={`namespace-${name}`}
+                      className="flex-1 text-sm font-medium cursor-pointer"
+                    >
+                      {name}
+                    </label>
+                  </>
+                ) : (
+                  <span className="flex-1 text-sm font-medium">{name}</span>
+                )}
+              </div>
+            )
+          })}
+          {!isLoading && filteredNamespaces.length === 0 && (
+            <div className="p-2 text-sm text-muted-foreground">
+              No namespaces found
+            </div>
+          )}
+        </div>
+        {isMultiSelect && currentSelected.length > 0 && !allSelected && (
+          <div className="p-3 border-t">
+            <div className="flex flex-wrap gap-2">
+              {currentSelected.map((ns) => (
+                <Badge
+                  key={ns}
+                  variant="secondary"
+                  className="flex items-center gap-1"
+                >
+                  {ns}
+                  <button
+                    onClick={() => handleRemoveNamespace(ns)}
+                    className="ml-1 hover:bg-accent rounded-full p-0.5"
+                  >
+                    <X className="h-3 w-3" />
+                  </button>
+                </Badge>
+              ))}
+            </div>
+          </div>
         )}
-        {sortedNamespaces?.map((ns: Namespace) => (
-          <SelectItem key={ns.metadata!.name} value={ns.metadata!.name!}>
-            {ns.metadata!.name}
-          </SelectItem>
-        ))}
-      </SelectContent>
-    </Select>
+      </PopoverContent>
+    </Popover>
   )
 }