@skyhook-io/k8s-ui 1.7.14 → 1.8.0

package/src/components/issues/IssuesView.tsx

@@ -271,11 +271,9 @@ function Diagnosis({ issue }: { issue: Issue }) {
           .join(' · ')
       : null;
   const { headline, detail } = issueMessageParts(issue);
-  // When the issue carries a parsed plain-English cause (GitOps controller
-  // errors), lead with it — the raw controller message is long and buries the
-  // useful part, and the detector reason ("OperationFailed") just repeats the
-  // category chip. The raw message is kept below as de-emphasized detail.
-  const rawMessage = [headline, detail].filter(Boolean).join(' ');
+  // When the issue carries a parsed plain-English cause, lead with it. The raw
+  // detector message is kept below as de-emphasized detail.
+  const rawMessage = issue.cause ? issue.message ?? '' : [headline, detail].filter(Boolean).join(' ');
   return (
     <section className="flex flex-col gap-1">
       <h4 className="text-[11px] font-semibold uppercase tracking-wide text-theme-text-tertiary">What's wrong</h4>
@@ -310,7 +308,7 @@ function Diagnosis({ issue }: { issue: Issue }) {
           {issue.operation_retry_count ? ` · retried ${issue.operation_retry_count}×` : ''}
         </p>
       ) : null}
-      {/* Raw controller message, de-emphasized — shown below the parsed cause so
+      {/* Raw detector message, de-emphasized — shown below the parsed cause so
           the precise error (URLs, resource names) is available without leading. */}
       {issue.cause && rawMessage ? (
         <p className="break-words font-mono text-[11px] leading-relaxed text-theme-text-tertiary">{rawMessage}</p>

package/src/components/issues/severity.ts

@@ -1,23 +1,21 @@
 import type { IssueSeverity } from './types';
+import { BADGE_SEVERITY_COLORS as sev } from '../ui/Badge';
 
-// Visual language for the 2-tier Issues severity, deliberately reusing the
-// SAME class strings as the Checks queue (components/checks/severity.ts):
-// critical = red (= Checks `critical`), warning = amber (= Checks `medium`).
-// Issues and Checks are different severity axes, but the queues must read as
-// one product — sharing the exact hues makes the rails/pills pixel-identical.
-//
-// Class strings are literal so each consuming app's Tailwind @source scan emits
-// them.
+// Visual language for the 2-tier Issues severity. critical = red, warning =
+// amber. Issues and Checks are different severity axes but must read as one
+// product — both pull from the canonical Badge severity tones
+// (BADGE_SEVERITY_COLORS), so their pills match each other and every status
+// badge elsewhere.
 
 export const ISSUE_SEVERITY_LABEL: Record<IssueSeverity, string> = {
   critical: 'Critical',
   warning: 'Warning',
 };
 
-// Pill badge — the loud, explicit severity signal on a row.
+// Pill badge — the loud, explicit severity signal on a row (rendered with `badge-sm`).
 export const ISSUE_SEVERITY_BADGE_CLASS: Record<IssueSeverity, string> = {
-  critical: 'bg-red-50 text-red-700 ring-1 ring-red-200 dark:bg-red-950/50 dark:text-red-300 dark:ring-red-900',
-  warning: 'bg-amber-50 text-amber-700 ring-1 ring-amber-200 dark:bg-amber-950/50 dark:text-amber-300 dark:ring-amber-900',
+  critical: sev.error,
+  warning: sev.warning,
 };
 
 // Solid fill — dots + the proportional distribution bar segments.
@@ -73,12 +71,18 @@ const CATEGORY_LABEL: Record<string, string> = {
   high_restart: 'High restart count',
   missing_config_ref: 'Missing reference',
   pdb_blocks_evictions: 'PDB blocks evictions',
+  secret_sync_failed: 'Secret sync failed',
   service_no_endpoints: 'No endpoints',
   ingress_backend_missing: 'Ingress backend missing',
+  load_balancer_pending: 'Load balancer pending',
+  gateway_not_ready: 'Gateway not ready',
+  gateway_route_invalid: 'Gateway route invalid',
   dns_failure: 'DNS failure',
   network_policy_block: 'Network policy block',
   pvc_pending: 'PVC pending',
   pvc_lost: 'PVC lost',
+  pv_failed: 'PV failed',
+  pvc_resize_failed: 'PVC resize failed',
   volume_mount_failed: 'Volume mount failed',
   volume_access_mode_conflict: 'Volume access conflict',
   job_failed: 'Job failed',
@@ -89,6 +93,10 @@ const CATEGORY_LABEL: Record<string, string> = {
   certificate_not_ready: 'Certificate not ready',
   pod_security_violation: 'Pod Security violation',
   node_not_ready: 'Node not ready',
+  node_provisioning_failed: 'Node provisioning failed',
+  apiservice_unavailable: 'APIService unavailable',
+  crossplane_reconcile_failed: 'Crossplane reconcile failed',
+  termination_stuck: 'Stuck terminating',
   operator_condition_failed: 'Controller condition',
   gitops_sync_failed: 'GitOps sync failed',
   gitops_render_failed: 'GitOps render failed',

package/src/components/issues/types.ts

@@ -108,6 +108,16 @@ export interface IssueRecentChange {
   change_category?: 'spec_config' | 'lifecycle' | 'runtime_status' | string;
   rank_reason?: string;
   fields?: IssueRecentChangeField[];
+  /** Workloads that mount/reference this ConfigMap directly ("Deployment/flagd").
+   *  Direct spec references only — runtime consumers via an intermediary
+   *  service are not captured. */
+  consumed_by?: string[];
+}
+
+/** "No tracked non-status changes in the window" — the claim is scoped by
+ *  window_seconds so a change just outside it can't be misread as absent. */
+export interface IssueNoRecentChanges {
+  window_seconds: number;
 }
 
 /**
@@ -143,8 +153,8 @@ export interface Issue {
 
   reason: string;
   message?: string;
-  /** Parsed domain diagnosis (today GitOps controller errors): plain-English
-   *  cause, suggested next step, and an optional structured one-click fix.
+  /** Parsed domain diagnosis: plain-English cause, suggested next step, and
+   *  an optional structured one-click fix.
    *  Server-emitted (omitempty); empty for issues without a parser. */
   cause?: string;
   action?: string;
@@ -185,6 +195,16 @@ export interface Issue {
   issue_timing?: 'started_at_resource_creation' | 'started_after_resource_was_healthy';
   /** The evidence that determined issue_timing (for auditability). */
   issue_timing_basis?: 'condition' | 'owner_condition' | 'pod_creation' | 'deletion' | 'phase' | 'spec';
+
+  /** Recent non-status changes (spec/config and lifecycle) on this issue's
+   *  subject (and, for workload subjects, its referenced ConfigMaps) —
+   *  deterministic evidence, not a causal claim. Populated only on
+   *  single-namespace MCP issue responses; never set on /api/issues today. */
+  correlated_changes?: IssueRecentChange[];
+  /** Explicit "no tracked changes in the window" evidence. An issue with
+   *  NEITHER correlation field was not checked — absence must not be read as
+   *  "no changes". MCP-only, like correlated_changes. */
+  no_recent_changes?: IssueNoRecentChanges;
 }
 
 /** subjectRef builds a deep-linkable ref for an issue's subject — the row's

package/src/components/logs/WorkloadLogsViewer.tsx

@@ -82,6 +82,11 @@ export function WorkloadLogsViewer({ name, fetchAll, createStream, overrideDownl
     pods.forEach((pod, i) => m.set(pod.name, i))
     return m
   }, [pods])
+  const podColorIndexRef = useRef<Map<string, number>>(new Map())
+
+  useEffect(() => {
+    podColorIndexRef.current = podColorIndex
+  }, [podColorIndex])
 
   const podsInitialized = useRef(false)
 
@@ -94,6 +99,7 @@ export function WorkloadLogsViewer({ name, fetchAll, createStream, overrideDownl
       const resultPods = result.pods ?? []
       const resultLogs = result.logs ?? []
 
+      podColorIndexRef.current = new Map(resultPods.map((pod, i) => [pod.name, i]))
       setPods(resultPods)
 
       if (!podsInitialized.current && resultPods.length > 0) {
@@ -148,10 +154,12 @@ export function WorkloadLogsViewer({ name, fetchAll, createStream, overrideDownl
       {
         onConnected: (data: any) => {
           if (data?.pods) {
-            setPods(data.pods)
-            if (selectedPods.size === 0) {
-              setSelectedPods(new Set((data.pods as WorkloadPodInfo[]).map((p: WorkloadPodInfo) => p.name)))
-            }
+            const nextPods = data.pods as WorkloadPodInfo[]
+            podColorIndexRef.current = new Map(nextPods.map((pod, i) => [pod.name, i]))
+            setPods(nextPods)
+            setSelectedPods(prev => (
+              prev.size === 0 ? new Set(nextPods.map((p: WorkloadPodInfo) => p.name)) : prev
+            ))
           }
         },
         onLog: (data: any) => {
@@ -161,7 +169,7 @@ export function WorkloadLogsViewer({ name, fetchAll, createStream, overrideDownl
               content: data.content || '',
               container: data.container || '',
               pod: data.pod || '',
-              podColorIndex: podColorIndex.get(data.pod || ''),
+              podColorIndex: podColorIndexRef.current.get(data.pod || ''),
             })
           }
         },
@@ -171,7 +179,8 @@ export function WorkloadLogsViewer({ name, fetchAll, createStream, overrideDownl
             setPods(prev => {
               const existing = new Set(prev.map(p => p.name))
               const toAdd = newPods.filter(p => !existing.has(p.name))
-              return toAdd.length > 0 ? [...prev, ...toAdd] : prev
+              if (toAdd.length === 0) return prev
+              return [...prev, ...toAdd]
             })
             setSelectedPods(prev => {
               const next = new Set(prev)
@@ -191,7 +200,7 @@ export function WorkloadLogsViewer({ name, fetchAll, createStream, overrideDownl
       },
       'Workload log stream connection failed',
     )
-  }, [createStream, startStreaming, selectedContainer, sinceSeconds, append, podColorIndex, selectedPods.size, clear])
+  }, [createStream, startStreaming, selectedContainer, sinceSeconds, append, clear])
 
   const handleStopStreaming = useCallback(() => {
     userStoppedRef.current = true

package/src/components/resources/ResourcesSidebar.tsx

@@ -464,7 +464,9 @@ export function ResourcesSidebar({
 
   return (
     <div className={clsx('w-56 2xl:w-72 bg-theme-surface dark:bg-theme-base border-r border-theme-border overflow-y-auto overflow-x-hidden shrink-0', className)}>
-      <div className="px-2 py-2 border-b border-theme-border">
+      {/* py-3 matches the table toolbar's vertical padding so the sidebar
+          header and the toolbar align (same band height + border line). */}
+      <div className="px-2 py-3 border-b border-theme-border">
         <div className="relative">
           <Search className="absolute left-2 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-theme-text-tertiary" />
           <input

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)
@@ -2701,6 +2722,19 @@ export function ResourcesView({
       scope: 'resources',
       handler: () => handleSort('status'),
     },
+    {
+      id: 'resources-bulk-select',
+      keys: 'b',
+      description: 'Toggle bulk select',
+      category: 'Table',
+      scope: 'resources',
+      handler: () => {
+        if (bulkMode) { exitBulkMode(); return }
+        if (!canBulkSelect) return
+        exitCompareMode()
+        setBulkMode(true)
+      },
+    },
     {
       id: 'resources-clear-highlight',
       keys: 'Escape',
@@ -3652,13 +3686,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 +4395,7 @@ export function ResourcesView({
               </button>
             </Tooltip>
           )}
-          {onBulkDelete && (
+          {canBulkSelect && (
             <Tooltip content={bulkMode ? 'Exit bulk select mode' : 'Select multiple resources'}>
               <button
                 onClick={() => {
@@ -4358,15 +4423,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 +4815,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 +4826,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 +4842,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/index.ts

@@ -1,4 +1,5 @@
 export * from './resource-utils'
+export * from './resource-utils-hpa'
 export * from './resource-utils-argo'
 export * from './resource-utils-certmanager'
 export * from './resource-utils-cnpg'