@skyhook-io/k8s-ui 1.7.13 → 1.7.15

package/src/components/resources/ResourcesView.tsx

@@ -25,6 +25,8 @@ import {
   GitCompare,
   Regex,
   ListChecks,
+  Minus,
+  Scale,
 } from 'lucide-react'
 import { clsx } from 'clsx'
 import { ResourceBar } from '../ui/ResourceBar'
@@ -165,6 +167,8 @@ import { ConfirmDialog } from '../ui/ConfirmDialog'
 const POD_PROBLEMS = ['CrashLoopBackOff', 'ImagePullBackOff', 'OOMKilled', 'Unschedulable', 'Not Ready', 'High Restarts', 'Init Failed', 'Exit Code Error', 'Failed', 'Other'] as const
 const WORKLOAD_PROBLEMS = ['Unavailable', 'Rollout Stuck', 'Rollout In Progress'] as const
 const WORKLOAD_KINDS = new Set(['deployments', 'statefulsets', 'daemonsets'])
+const BULK_RESTART_WORKLOAD_KINDS = new Set(['deployments', 'statefulsets', 'daemonsets', 'rollouts'])
+const BULK_SCALE_WORKLOAD_KINDS = new Set(['deployments', 'statefulsets'])
 
 // Columns to skip for auto-detected filters (high cardinality, text-like, or non-filterable)
 export const SKIP_FILTER_COLUMNS = new Set([
@@ -203,6 +207,8 @@ interface Column {
   minWidth?: number // minimum width in px
 }
 
+type BulkResourceItem = { kind: string; group?: string; namespace: string; name: string }
+
 /**
  * Extra column injected by the parent — for example, a leading "Cluster"
  * column when the table is rendered inside a multi-cluster host.
@@ -1906,8 +1912,12 @@ interface ResourcesViewProps {
    */
   onClearNamespaces?: () => void
   // Bulk operations
-  onBulkDelete?: (items: Array<{ kind: string; group?: string; namespace: string; name: string }>, options?: { force?: boolean; onSuccess?: () => void }) => void
+  onBulkDelete?: (items: BulkResourceItem[], options?: { force?: boolean; onSuccess?: () => void }) => void
   isBulkDeleting?: boolean
+  onBulkRestart?: (items: BulkResourceItem[], options?: { onSuccess?: () => void }) => void
+  isBulkRestarting?: boolean
+  onBulkScale?: (items: BulkResourceItem[], replicas: number, options?: { onSuccess?: () => void }) => void
+  isBulkScaling?: boolean
 }
 
 // Default selected kind
@@ -2058,6 +2068,10 @@ export function ResourcesView({
   onClearNamespaces,
   onBulkDelete,
   isBulkDeleting = false,
+  onBulkRestart,
+  isBulkRestarting = false,
+  onBulkScale,
+  isBulkScaling = false,
 }: ResourcesViewProps) {
   const initialFilters = getInitialFiltersFromURL()
   const [selectedKind, setSelectedKind] = useState<SelectedKindInfo>(() => getInitialKindFromURL(basePath, defaultKind, locationPathname, locationSearch))
@@ -2077,6 +2091,10 @@ export function ResourcesView({
     onSelectedKindChange?.(selectedKind)
     setBulkMode(false)
     setCheckedResources(new Set())
+    setShowBulkDeleteConfirm(false)
+    setShowBulkRestartConfirm(false)
+    setShowBulkScaleDialog(false)
+    setBulkForceDelete(false)
   }, [selectedKind.name, selectedKind.group]) // eslint-disable-line react-hooks/exhaustive-deps
   const [searchTerm, setSearchTerm] = useState(initialFilters.search)
   const [regexMode, setRegexMode] = useState(false)
@@ -2112,12 +2130,15 @@ export function ResourcesView({
   const [ownerName, setOwnerName] = useState<string>(initialFilters.ownerName)
 
   // Multi-select state for bulk operations. Checkboxes only render while
-  // bulk mode is active — entered via the toolbar toggle — so the risky
-  // bulk-delete surface stays out of the way during normal browsing.
+  // bulk mode is active — entered via the toolbar toggle — so mutating
+  // actions stay out of the way during normal browsing.
   const [bulkMode, setBulkMode] = useState(false)
   const [checkedResources, setCheckedResources] = useState<Set<string>>(new Set())
   const [showBulkDeleteConfirm, setShowBulkDeleteConfirm] = useState(false)
+  const [showBulkRestartConfirm, setShowBulkRestartConfirm] = useState(false)
+  const [showBulkScaleDialog, setShowBulkScaleDialog] = useState(false)
   const [bulkForceDelete, setBulkForceDelete] = useState(false)
+  const [bulkScaleReplicas, setBulkScaleReplicas] = useState(0)
 
   const exitBulkMode = useCallback(() => {
     setBulkMode(false)
@@ -3652,13 +3673,44 @@ export function ResourcesView({
     return filteredResources.filter(r => checkedResources.has(getResourceKey(r)))
   }, [filteredResources, checkedResources, getResourceKey])
 
+  const checkedBulkItems = useMemo(() => {
+    return checkedItems.map(r => ({
+      kind: selectedKind.name,
+      group: selectedKind.group,
+      namespace: r.metadata?.namespace || '',
+      name: r.metadata?.name || '',
+    }))
+  }, [checkedItems, selectedKind.name, selectedKind.group])
+
+  const checkedItemDetails = useMemo(() => {
+    return checkedItems.map(r => `${r.metadata?.namespace ? r.metadata.namespace + '/' : ''}${r.metadata?.name}`).join('\n')
+  }, [checkedItems])
+
+  const selectedKindName = selectedKind.name.toLowerCase()
+  const canBulkRestartSelectedKind = onBulkRestart != null && BULK_RESTART_WORKLOAD_KINDS.has(selectedKindName)
+  const canBulkScaleSelectedKind = onBulkScale != null && BULK_SCALE_WORKLOAD_KINDS.has(selectedKindName)
+  const canBulkSelect = onBulkDelete != null || canBulkRestartSelectedKind || canBulkScaleSelectedKind
+  const isBulkMutating = isBulkDeleting || isBulkRestarting || isBulkScaling
+
+  const openBulkScaleDialog = useCallback(() => {
+    const replicas = checkedItems[0]?.spec?.replicas
+    setBulkScaleReplicas(typeof replicas === 'number' ? replicas : 0)
+    setShowBulkScaleDialog(true)
+  }, [checkedItems])
+
+  const commonBulkScaleReplicas = useMemo(() => {
+    if (checkedItems.length === 0) return null
+    const first = checkedItems[0]?.spec?.replicas ?? 0
+    return checkedItems.every(r => (r.spec?.replicas ?? 0) === first) ? first : null
+  }, [checkedItems])
+
   const allVisibleChecked = filteredResources.length > 0 && checkedItems.length === filteredResources.length
 
   const toggleCheckAll = useCallback(() => {
     setCheckedResources(allVisibleChecked ? new Set() : new Set(filteredResources.map(getResourceKey)))
   }, [allVisibleChecked, filteredResources, getResourceKey])
 
-  const isCheckboxMode = onBulkDelete != null && bulkMode
+  const isCheckboxMode = canBulkSelect && bulkMode
 
   // Filter columns by visibility
   const columns = useMemo(() => {
@@ -4330,7 +4382,7 @@ export function ResourcesView({
               </button>
             </Tooltip>
           )}
-          {onBulkDelete && (
+          {canBulkSelect && (
             <Tooltip content={bulkMode ? 'Exit bulk select mode' : 'Select multiple resources'}>
               <button
                 onClick={() => {
@@ -4358,15 +4410,41 @@ export function ResourcesView({
             <span className="text-sm font-medium text-theme-text-primary">
               {checkedItems.length} selected
             </span>
+            {canBulkRestartSelectedKind && (
+              <button
+                type="button"
+                onClick={() => setShowBulkRestartConfirm(true)}
+                disabled={checkedItems.length === 0 || isBulkMutating}
+                className="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium btn-brand-muted disabled:opacity-50 disabled:pointer-events-none rounded-lg transition-colors"
+              >
+                <RefreshCw className={clsx('w-3.5 h-3.5', isBulkRestarting && 'animate-spin')} />
+                {isBulkRestarting ? 'Restarting...' : 'Restart'}
+              </button>
+            )}
+            {canBulkScaleSelectedKind && (
+              <button
+                type="button"
+                onClick={openBulkScaleDialog}
+                disabled={checkedItems.length === 0 || isBulkMutating}
+                className="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium bg-theme-elevated hover:bg-theme-hover disabled:opacity-50 disabled:pointer-events-none text-theme-text-primary border border-theme-border rounded-lg transition-colors"
+              >
+                <Scale className="w-3.5 h-3.5" />
+                {isBulkScaling ? 'Scaling...' : 'Scale'}
+              </button>
+            )}
+            {onBulkDelete && (
+              <button
+                type="button"
+                onClick={() => setShowBulkDeleteConfirm(true)}
+                disabled={checkedItems.length === 0 || isBulkMutating}
+                className="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium bg-red-600 hover:bg-red-700 disabled:opacity-50 disabled:pointer-events-none text-white rounded-lg transition-colors"
+              >
+                <Trash2 className="w-3.5 h-3.5" />
+                Delete
+              </button>
+            )}
             <button
-              onClick={() => setShowBulkDeleteConfirm(true)}
-              disabled={checkedItems.length === 0}
-              className="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium bg-red-600 hover:bg-red-700 disabled:opacity-50 disabled:pointer-events-none text-white rounded-lg transition-colors"
-            >
-              <Trash2 className="w-3.5 h-3.5" />
-              Delete
-            </button>
-            <button
+              type="button"
               onClick={exitBulkMode}
               className="px-3 py-1.5 text-xs text-theme-text-secondary hover:text-theme-text-primary hover:bg-theme-elevated rounded-lg transition-colors"
             >
@@ -4724,13 +4802,7 @@ export function ResourcesView({
       open={showBulkDeleteConfirm}
       onClose={() => { setShowBulkDeleteConfirm(false); setBulkForceDelete(false) }}
       onConfirm={() => {
-        const items = checkedItems.map(r => ({
-          kind: selectedKind.name,
-          group: selectedKind.group,
-          namespace: r.metadata?.namespace || '',
-          name: r.metadata?.name || '',
-        }))
-        onBulkDelete?.(items, {
+        onBulkDelete?.(checkedBulkItems, {
           force: bulkForceDelete,
           onSuccess: () => {
             exitBulkMode()
@@ -4741,7 +4813,7 @@ export function ResourcesView({
       }}
       title={`Delete ${checkedItems.length} ${selectedKind.kind}${checkedItems.length > 1 ? 's' : ''}?`}
       message={`You are about to delete ${checkedItems.length} resource${checkedItems.length > 1 ? 's' : ''}. This action cannot be undone.`}
-      details={checkedItems.map(r => `${r.metadata?.namespace ? r.metadata.namespace + '/' : ''}${r.metadata?.name}`).join('\n')}
+      details={checkedItemDetails}
       confirmLabel={bulkForceDelete ? `Force Delete ${checkedItems.length} resource${checkedItems.length > 1 ? 's' : ''}` : `Delete ${checkedItems.length} resource${checkedItems.length > 1 ? 's' : ''}`}
       variant="danger"
       isLoading={isBulkDeleting}
@@ -4757,6 +4829,80 @@ export function ResourcesView({
         <span>Force delete (strips finalizers and bypasses grace period)</span>
       </label>
     </ConfirmDialog>
+    <ConfirmDialog
+      open={showBulkRestartConfirm}
+      onClose={() => setShowBulkRestartConfirm(false)}
+      onConfirm={() => {
+        onBulkRestart?.(checkedBulkItems, {
+          onSuccess: () => {
+            exitBulkMode()
+            setShowBulkRestartConfirm(false)
+          },
+        })
+      }}
+      title={`Restart ${checkedItems.length} ${selectedKind.kind}${checkedItems.length > 1 ? 's' : ''}?`}
+      message={`This will trigger a rolling restart for ${checkedItems.length} selected workload${checkedItems.length > 1 ? 's' : ''}.`}
+      details={checkedItemDetails}
+      confirmLabel={`Restart ${checkedItems.length} workload${checkedItems.length > 1 ? 's' : ''}`}
+      variant="warning"
+      isLoading={isBulkRestarting}
+      isClosable
+    />
+    <ConfirmDialog
+      open={showBulkScaleDialog}
+      onClose={() => setShowBulkScaleDialog(false)}
+      onConfirm={() => {
+        onBulkScale?.(checkedBulkItems, bulkScaleReplicas, {
+          onSuccess: () => {
+            exitBulkMode()
+            setShowBulkScaleDialog(false)
+          },
+        })
+      }}
+      title={`Scale ${checkedItems.length} ${selectedKind.kind}${checkedItems.length > 1 ? 's' : ''}?`}
+      message={`Set every selected workload to exactly ${bulkScaleReplicas} replica${bulkScaleReplicas === 1 ? '' : 's'}.`}
+      details={checkedItemDetails}
+      confirmLabel={`Scale to ${bulkScaleReplicas}`}
+      variant={bulkScaleReplicas === 0 ? 'danger' : 'warning'}
+      isLoading={isBulkScaling}
+      isClosable
+    >
+      <div className="space-y-3">
+        <div className="flex items-center justify-center gap-3">
+          <button
+            type="button"
+            onClick={() => setBulkScaleReplicas(Math.max(0, bulkScaleReplicas - 1))}
+            disabled={bulkScaleReplicas <= 0}
+            className="p-2 rounded-lg bg-theme-elevated hover:bg-theme-hover text-theme-text-secondary hover:text-theme-text-primary transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+          >
+            <Minus className="w-5 h-5" />
+          </button>
+          <input
+            type="number"
+            min="0"
+            max="10000"
+            value={bulkScaleReplicas}
+            onChange={(e) => setBulkScaleReplicas(Math.min(10000, Math.max(0, Number.parseInt(e.target.value, 10) || 0)))}
+            className="w-24 text-center text-2xl font-semibold bg-theme-elevated border border-theme-border rounded-lg py-2 text-theme-text-primary focus:outline-none focus:border-skyhook-500"
+            autoFocus
+          />
+          <button
+            type="button"
+            onClick={() => setBulkScaleReplicas(Math.min(10000, bulkScaleReplicas + 1))}
+            disabled={bulkScaleReplicas >= 10000}
+            className="p-2 rounded-lg bg-theme-elevated hover:bg-theme-hover text-theme-text-secondary hover:text-theme-text-primary transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+          >
+            <Plus className="w-5 h-5" />
+          </button>
+        </div>
+        <div className="text-xs text-theme-text-tertiary text-center">
+          {commonBulkScaleReplicas === null ? 'Current replicas vary across the selected workloads.' : `Current: ${commonBulkScaleReplicas} replicas`}
+        </div>
+        <p className="text-xs text-theme-text-secondary text-center">
+          All selected workloads will be set to the same replica count. Autoscalers may override it.
+        </p>
+      </div>
+    </ConfirmDialog>
     </ResourcesViewDataContext.Provider>
   )
 }

package/src/components/resources/get-pod-problems.test.ts

@@ -0,0 +1,127 @@
+import { describe, expect, it } from 'vitest'
+import { getPodProblems } from './resource-utils'
+
+describe('getPodProblems', () => {
+  it('includes the pod status message for evicted pods', () => {
+    const detail = 'Usage of EmptyDir volume "logs-nginx" exceeds the limit "2Gi".'
+
+    expect(
+      getPodProblems({
+        status: {
+          phase: 'Failed',
+          reason: 'Evicted',
+          message: detail,
+        },
+      }),
+    ).toContainEqual({ severity: 'high', message: 'Evicted', detail })
+  })
+
+  it('keeps exit-code labels stable while surfacing terminated messages', () => {
+    const detail = 'Container process exited after receiving SIGKILL.'
+
+    expect(
+      getPodProblems({
+        status: {
+          phase: 'Running',
+          containerStatuses: [
+            {
+              name: 'api',
+              restartCount: 0,
+              state: {
+                terminated: {
+                  exitCode: 137,
+                  reason: 'Error',
+                  message: detail,
+                },
+              },
+            },
+          ],
+        },
+      }),
+    ).toContainEqual({ severity: 'high', message: 'Exit Code 137', detail })
+  })
+
+  it('keeps waiting-state labels stable while surfacing kubelet messages', () => {
+    const detail = 'Back-off pulling image "registry.example.com/api:missing".'
+
+    expect(
+      getPodProblems({
+        status: {
+          phase: 'Pending',
+          containerStatuses: [
+            {
+              name: 'api',
+              restartCount: 0,
+              state: {
+                waiting: {
+                  reason: 'ImagePullBackOff',
+                  message: detail,
+                },
+              },
+            },
+          ],
+        },
+      }),
+    ).toContainEqual({ severity: 'critical', message: 'ImagePullBackOff', detail })
+  })
+
+  it('infers sandbox startup stalls only for scheduled pods and follows backend severity gates', () => {
+    expect(
+      getPodProblems({
+        metadata: { creationTimestamp: new Date(Date.now() - 20 * 60 * 1000).toISOString() },
+        spec: { nodeName: 'worker-1' },
+        status: {
+          phase: 'Pending',
+          containerStatuses: [
+            {
+              name: 'api',
+              restartCount: 0,
+              state: { waiting: { reason: 'ContainerCreating' } },
+            },
+          ],
+        },
+      }),
+    ).toContainEqual({ severity: 'high', message: 'Sandbox Startup Stalled' })
+
+    expect(
+      getPodProblems({
+        metadata: { creationTimestamp: new Date(Date.now() - 45 * 60 * 1000).toISOString() },
+        spec: { nodeName: 'worker-1' },
+        status: {
+          phase: 'Pending',
+          containerStatuses: [
+            {
+              name: 'api',
+              restartCount: 0,
+              state: { waiting: { reason: 'ContainerCreating' } },
+            },
+          ],
+        },
+      }),
+    ).toContainEqual({ severity: 'critical', message: 'Sandbox Startup Stalled' })
+
+    expect(
+      getPodProblems({
+        metadata: { creationTimestamp: new Date(Date.now() - 45 * 60 * 1000).toISOString() },
+        spec: { nodeName: 'worker-1' },
+        status: {
+          phase: 'Pending',
+          conditions: [
+            {
+              type: 'PodScheduled',
+              status: 'False',
+              reason: 'Unschedulable',
+            },
+          ],
+          containerStatuses: [
+            {
+              name: 'api',
+              restartCount: 0,
+              state: { waiting: { reason: 'ContainerCreating' } },
+            },
+          ],
+        },
+      }),
+    ).not.toContainEqual(expect.objectContaining({ message: 'Sandbox Startup Stalled' }))
+  })
+})

package/src/components/resources/renderers/PodRenderer.test.tsx

@@ -51,3 +51,59 @@ describe('PodRenderer envFrom expansion', () => {
     expect(html).not.toContain('PUBLIC_URL<!-- -->=')
   })
 })
+
+describe('PodRenderer issues banner', () => {
+  it('renders pod status messages for evicted pods', () => {
+    const html = renderToString(
+      <PodRenderer
+        data={{
+          metadata: { name: 'nginx', namespace: 'default' },
+          spec: { containers: [{ name: 'nginx', image: 'nginx:latest' }] },
+          status: {
+            phase: 'Failed',
+            reason: 'Evicted',
+            message: 'Usage of EmptyDir volume "logs-nginx" exceeds the limit "2Gi".',
+          },
+        }}
+        onCopy={() => undefined}
+        copied={null}
+      />,
+    )
+
+    expect(html).toContain('Issues Detected')
+    expect(html).toContain('Evicted')
+    expect(html).toContain('Usage of EmptyDir volume')
+    expect(html).toContain('exceeds the limit')
+  })
+
+  it('wraps long issue detail text inside the banner', () => {
+    const html = renderToString(
+      <PodRenderer
+        data={{
+          metadata: { name: 'api', namespace: 'default' },
+          spec: { containers: [{ name: 'api', image: 'registry.example.com/api:missing' }] },
+          status: {
+            phase: 'Pending',
+            containerStatuses: [
+              {
+                name: 'api',
+                restartCount: 0,
+                state: {
+                  waiting: {
+                    reason: 'ImagePullBackOff',
+                    message: `Back-off pulling image "${'a'.repeat(240)}"`,
+                  },
+                },
+              },
+            ],
+          },
+        }}
+        onCopy={() => undefined}
+        copied={null}
+      />,
+    )
+
+    expect(html).toContain('ImagePullBackOff')
+    expect(html).toContain('min-w-0 break-words')
+  })
+})

package/src/components/resources/renderers/PodRenderer.tsx

@@ -347,7 +347,7 @@ export function PodRenderer({
             {podProblems.map((p, i) => (
               <li key={i} className="flex items-start gap-1.5">
                 <span className={clsx('w-1.5 h-1.5 rounded-full shrink-0 mt-1', SEVERITY_DOT_COLOR[p.severity])} />
-                <span className="text-red-600 dark:text-red-400">
+                <span className="min-w-0 break-words text-red-600 dark:text-red-400">
                   {p.message}
                   {p.detail && <span className="text-theme-text-secondary">: {p.detail}</span>}
                 </span>

package/src/components/resources/resource-utils.ts

@@ -267,26 +267,39 @@ export function getPodProblems(pod: any): PodProblem[] {
   const initContainerStatuses = pod.status?.initContainerStatuses || []
   const conditions = pod.status?.conditions || []
   const phase = pod.status?.phase
+  const podStatusMessage = pod.status?.message || undefined
+  const hasPodIP = Boolean(pod.status?.podIP || pod.status?.podIPs?.some((ip: any) => ip?.ip))
+  const hasScheduledNode = Boolean(pod.spec?.nodeName)
+  const hasUnschedulableCondition = conditions.some((cond: any) => cond.type === 'PodScheduled' && cond.status === 'False')
+  const hasContainerCreating = containerStatuses.some((cs: any) => cs.state?.waiting?.reason === 'ContainerCreating')
+  const createdAtMs = pod.metadata?.creationTimestamp ? new Date(pod.metadata.creationTimestamp).getTime() : NaN
+  const podAgeMs = Number.isFinite(createdAtMs) ? Date.now() - createdAtMs : 0
+  const sandboxStartupStallAgeMs = 10 * 60 * 1000
+  const sandboxStartupStallCriticalAgeMs = 30 * 60 * 1000
+  const inferredSandboxStartupStall = phase === 'Pending' && hasScheduledNode && !hasUnschedulableCondition && hasContainerCreating && !hasPodIP && podAgeMs > sandboxStartupStallAgeMs
+  const inferredSandboxStartupStallSeverity: PodProblem['severity'] = podAgeMs >= sandboxStartupStallCriticalAgeMs ? 'critical' : 'high'
+  let hasSandboxStartupStallProblem = false
 
   // Failed or Unknown phase
   if (phase === 'Failed' && pod.status?.reason !== 'Evicted') {
-    problems.push({ severity: 'critical', message: 'Failed' })
+    problems.push({ severity: 'critical', message: 'Failed', detail: podStatusMessage })
   } else if (phase === 'Unknown') {
-    problems.push({ severity: 'high', message: 'Unknown' })
+    problems.push({ severity: 'high', message: 'Unknown', detail: podStatusMessage })
   }
 
   // Init container failures
   for (const cs of initContainerStatuses) {
     if (cs.state?.waiting?.reason && cs.state.waiting.reason !== 'PodInitializing') {
       const reason = cs.state.waiting.reason
+      const detail = cs.state.waiting.message || undefined
       if (['CrashLoopBackOff', 'ImagePullBackOff', 'ErrImagePull'].includes(reason)) {
-        problems.push({ severity: 'critical', message: `Init: ${reason}` })
+        problems.push({ severity: 'critical', message: `Init: ${reason}`, detail })
       } else {
-        problems.push({ severity: 'high', message: `Init: ${reason}` })
+        problems.push({ severity: 'high', message: `Init: ${reason}`, detail })
       }
     }
     if (cs.state?.terminated?.exitCode && cs.state.terminated.exitCode !== 0) {
-      problems.push({ severity: 'high', message: `Init: Exit Code ${cs.state.terminated.exitCode}` })
+      problems.push({ severity: 'high', message: `Init: Exit Code ${cs.state.terminated.exitCode}`, detail: cs.state.terminated.message || undefined })
     }
   }
 
@@ -294,30 +307,32 @@ export function getPodProblems(pod: any): PodProblem[] {
     // Check waiting state
     if (cs.state?.waiting?.reason) {
       const reason = cs.state.waiting.reason
+      const detail = cs.state.waiting.message || undefined
       if (['CrashLoopBackOff', 'ImagePullBackOff', 'ErrImagePull'].includes(reason)) {
-        problems.push({ severity: 'critical', message: reason })
+        problems.push({ severity: 'critical', message: reason, detail })
       } else if (reason === 'CreateContainerConfigError') {
-        problems.push({ severity: 'critical', message: 'Config Error' })
+        problems.push({ severity: 'critical', message: 'Config Error', detail })
       } else if (reason === 'ContainerCannotRun') {
-        problems.push({ severity: 'critical', message: 'Cannot Run' })
+        problems.push({ severity: 'critical', message: 'Cannot Run', detail })
       } else if (reason !== 'ContainerCreating' && reason !== 'PodInitializing') {
-        problems.push({ severity: 'high', message: reason })
+        problems.push({ severity: 'high', message: reason, detail })
       }
     }
     // Check terminated state
     if (cs.state?.terminated?.reason === 'OOMKilled') {
-      problems.push({ severity: 'critical', message: 'OOMKilled' })
+      problems.push({ severity: 'critical', message: 'OOMKilled', detail: cs.state.terminated.message || undefined })
     } else if (cs.state?.terminated?.exitCode && cs.state.terminated.exitCode !== 0) {
-      problems.push({ severity: 'high', message: `Exit Code ${cs.state.terminated.exitCode}` })
+      problems.push({ severity: 'high', message: `Exit Code ${cs.state.terminated.exitCode}`, detail: cs.state.terminated.message || undefined })
     }
     // High restart count
     if (cs.restartCount > 5) {
       problems.push({ severity: 'medium', message: `${cs.restartCount} restarts` })
     }
     // Volume mount issues from last state
-    const lastMsg = cs.lastState?.terminated?.message?.toLowerCase() || ''
+    const lastMsgRaw = cs.lastState?.terminated?.message || ''
+    const lastMsg = lastMsgRaw.toLowerCase()
     if (lastMsg.includes('failed to mount') || lastMsg.includes('failedattachvolume')) {
-      problems.push({ severity: 'high', message: 'Volume Mount Failed' })
+      problems.push({ severity: 'high', message: 'Volume Mount Failed', detail: lastMsgRaw || undefined })
     }
   }
 
@@ -332,23 +347,29 @@ export function getPodProblems(pod: any): PodProblem[] {
     if (cond.type === 'ContainersReady' && cond.status === 'False') {
       const msg = (cond.message || '').toLowerCase()
       if (msg.includes('readiness')) {
-        problems.push({ severity: 'medium', message: 'Readiness Probe Failing' })
+        problems.push({ severity: 'medium', message: 'Readiness Probe Failing', detail: cond.message || undefined })
       } else if (msg.includes('liveness')) {
-        problems.push({ severity: 'high', message: 'Liveness Probe Failing' })
+        problems.push({ severity: 'high', message: 'Liveness Probe Failing', detail: cond.message || undefined })
       }
     }
     // IP allocation failures (subnet exhaustion)
     if (cond.type === 'PodReadyToStartContainers' && cond.status === 'False') {
       const msg = (cond.message || '').toLowerCase()
-      if (msg.includes('failed to assign an ip') || msg.includes('pod sandbox')) {
-        problems.push({ severity: 'critical', message: 'IP Allocation Failed' })
+      if (msg.includes('failed to assign an ip')) {
+        problems.push({ severity: 'critical', message: 'IP Allocation Failed', detail: cond.message || undefined })
+      } else if (msg.includes('pod sandbox')) {
+        problems.push({ severity: 'critical', message: 'Sandbox Startup Stalled', detail: cond.message || undefined })
+        hasSandboxStartupStallProblem = true
       }
     }
   }
+  if (inferredSandboxStartupStall && !hasSandboxStartupStallProblem) {
+    problems.push({ severity: inferredSandboxStartupStallSeverity, message: 'Sandbox Startup Stalled' })
+  }
 
   // Evicted pods
   if (phase === 'Failed' && pod.status?.reason === 'Evicted') {
-    problems.push({ severity: 'high', message: 'Evicted' })
+    problems.push({ severity: 'high', message: 'Evicted', detail: podStatusMessage })
   }
 
   // Stuck terminating (zombie pod)

package/src/components/shared/ResourceActionsBar.tsx

@@ -23,7 +23,7 @@ import { ForceDeleteConfirmDialog, type CascadeDependent } from '../ui/ForceDele
 import { ConfirmDialog } from '../ui/ConfirmDialog'
 import { DialogPortal } from '../ui/DialogPortal'
 import type { SelectedResource, WorkloadRevision } from '../../types'
-import { formatKindName } from '../ui/drawer-components'
+import { displayKindName } from '../ui/drawer-components'
 import { getDefaultContainerName } from '../resources/resource-utils'
 
 // ============================================================================
@@ -517,20 +517,20 @@ export function ResourceActionsBar({
           <Tooltip
             content={
               onCompareTo && onCompareAcrossClusters
-                ? `Compare ${formatKindName(resource.kind).toLowerCase()}`
+                ? `Compare ${displayKindName(resource.kind, data?.kind).toLowerCase()}`
                 : onCompareAcrossClusters
                   ? `Compare across clusters`
-                  : `Compare to another ${formatKindName(resource.kind).toLowerCase()}`
+                  : `Compare to another ${displayKindName(resource.kind, data?.kind).toLowerCase()}`
             }
           >
             <button
               onClick={onCompareTo ?? onCompareAcrossClusters}
               aria-label={
                 onCompareTo && onCompareAcrossClusters
-                  ? `Compare ${formatKindName(resource.kind).toLowerCase()}`
+                  ? `Compare ${displayKindName(resource.kind, data?.kind).toLowerCase()}`
                   : onCompareAcrossClusters
                     ? `Compare across clusters`
-                    : `Compare to another ${formatKindName(resource.kind).toLowerCase()}`
+                    : `Compare to another ${displayKindName(resource.kind, data?.kind).toLowerCase()}`
               }
               className="p-1.5 text-theme-text-secondary border border-theme-border-light rounded-lg hover:text-theme-text-primary hover:bg-theme-elevated transition-colors flex items-center"
             >
@@ -577,7 +577,7 @@ export function ResourceActionsBar({
         onClose={() => setShowDeleteConfirm(false)}
         onConfirm={handleDeleteConfirm}
         resourceName={resource.name}
-        resourceKind={formatKindName(resource.kind)}
+        resourceKind={displayKindName(resource.kind, data?.kind)}
         namespaceName={resource.namespace}
         isLoading={isDeleting ?? false}
         cascadeDependents={cascadeDependents}

package/src/components/ui/ForceDeleteConfirmDialog.tsx

@@ -1,7 +1,6 @@
 import { useState, useMemo } from 'react'
 import { ChevronDown, ChevronRight, Loader2 } from 'lucide-react'
 import { ConfirmDialog } from './ConfirmDialog'
-import { formatKindName } from './drawer-components'
 import { pluralize } from '../../utils/pluralize'
 
 export interface CascadeDependent {
@@ -115,7 +114,7 @@ function CascadeDependentsList({ dependents }: { dependents: CascadeDependent[]
         <div className="px-3 pb-2.5 space-y-1.5">
           {grouped.map(([kind, names]) => (
             <div key={kind} className="text-xs">
-              <span className="font-medium text-theme-text-primary">{formatKindName(kind)}</span>
+              <span className="font-medium text-theme-text-primary">{kind}</span>
               <span className="text-theme-text-tertiary ml-1">({names.length})</span>
               <div className="ml-3 mt-0.5 text-theme-text-secondary font-mono break-all">
                 {names.slice(0, MAX_NAMES_PER_KIND).join(', ')}