@skyhook-io/k8s-ui 1.13.0 → 1.13.4

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

@@ -0,0 +1,114 @@
+// KAITO CRD utility functions
+
+import type { StatusBadge } from './resource-utils'
+import { healthColors } from './resource-utils'
+
+// ============================================================================
+// KAITO WORKSPACE UTILITIES
+// ============================================================================
+
+// Workspace has top-level resource/inference/tuning fields, not under spec
+export function getKaitoWorkspaceStatus(resource: any): StatusBadge {
+  const state = resource.status?.state
+  if (state === 'Failed') {
+    return { text: 'Failed', color: healthColors.unhealthy, level: 'unhealthy' }
+  }
+  if (state === 'NotReady') {
+    return { text: 'NotReady', color: healthColors.degraded, level: 'degraded' }
+  }
+  if (state === 'Ready' || state === 'Running') {
+    return { text: state, color: healthColors.healthy, level: 'healthy' }
+  }
+  if (state === 'Succeeded') {
+    return { text: 'Succeeded', color: healthColors.neutral, level: 'neutral' }
+  }
+  if (state === 'Pending') {
+    return { text: 'Pending', color: healthColors.neutral, level: 'neutral' }
+  }
+
+  const conditions = resource.status?.conditions || []
+  if (conditions.length === 0) {
+    return { text: 'Unknown', color: healthColors.unknown, level: 'unknown' }
+  }
+
+  const find = (type: string) => conditions.find((c: any) => c.type === type)
+  const succeeded = find('WorkspaceSucceeded')
+  const resourceReady = find('ResourceReady')
+  const inferenceReady = find('InferenceReady')
+  const jobStarted = find('JobStarted')
+
+  if (succeeded?.status === 'True') {
+    return { text: 'Succeeded', color: healthColors.neutral, level: 'neutral' }
+  }
+  if (resourceReady?.status === 'False') {
+    return { text: resourceReady.reason || 'ResourcesNotReady', color: healthColors.alert, level: 'alert' }
+  }
+  if (inferenceReady?.status === 'False') {
+    return { text: inferenceReady.reason || 'InferenceNotReady', color: healthColors.degraded, level: 'degraded' }
+  }
+  if (succeeded?.status === 'False') {
+    return { text: succeeded.reason || 'NotReady', color: healthColors.degraded, level: 'degraded' }
+  }
+  if (resourceReady?.status === 'True' || inferenceReady?.status === 'True' || jobStarted?.status === 'True') {
+    return { text: 'Progressing', color: healthColors.degraded, level: 'degraded' }
+  }
+
+  return { text: 'Unknown', color: healthColors.unknown, level: 'unknown' }
+}
+
+export function getKaitoWorkspaceInstanceType(resource: any): string {
+  return resource.resource?.instanceType || '-'
+}
+
+export function getKaitoWorkspacePreset(resource: any): string {
+  return resource.inference?.preset?.name || resource.tuning?.preset?.name || '-'
+}
+
+export function getKaitoWorkspaceNodeCount(resource: any): string {
+  const actual = (resource.status?.workerNodes || []).length
+  const desired = resource.status?.targetNodeCount ?? resource.resource?.count
+  if (desired !== undefined && desired !== null) return `${actual}/${desired}`
+  return `${actual}`
+}
+
+// ============================================================================
+// KAITO RAGENGINE UTILITIES
+// ============================================================================
+
+export function getRAGEngineStatus(resource: any): StatusBadge {
+  const conditions = resource.status?.conditions || []
+  if (conditions.length === 0) {
+    return { text: 'Unknown', color: healthColors.unknown, level: 'unknown' }
+  }
+
+  const find = (type: string) => conditions.find((c: any) => c.type === type)
+  const resourceReady = find('ResourceReady')
+  const serviceReady = find('ServiceReady')
+
+  if (resourceReady?.status === 'False') {
+    return { text: resourceReady.reason || 'ResourcesNotReady', color: healthColors.alert, level: 'alert' }
+  }
+  if (serviceReady?.status === 'False') {
+    return { text: serviceReady.reason || 'ServiceNotReady', color: healthColors.degraded, level: 'degraded' }
+  }
+  if (resourceReady?.status === 'True' && serviceReady?.status === 'True') {
+    return { text: 'Ready', color: healthColors.healthy, level: 'healthy' }
+  }
+  if (resourceReady?.status === 'True' || serviceReady?.status === 'True') {
+    return { text: 'Progressing', color: healthColors.degraded, level: 'degraded' }
+  }
+
+  return { text: 'Unknown', color: healthColors.unknown, level: 'unknown' }
+}
+
+export function getRAGEngineEmbeddingModel(resource: any): string {
+  const embedding = resource.spec?.embedding
+  if (!embedding) return '-'
+  if (embedding.local) return embedding.local.modelID || embedding.local.image || '-'
+  if (embedding.remote) return embedding.remote.url || 'remote'
+  return '-'
+}
+
+export function getRAGEngineInstanceType(resource: any): string {
+  return resource.spec?.compute?.instanceType || '-'
+}

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

@@ -0,0 +1,186 @@
+// KServe CRD utility functions
+
+import type { StatusBadge } from './resource-utils'
+import { healthColors } from './resource-utils'
+
+// ============================================================================
+// SHARED HELPERS
+// ============================================================================
+
+function findCondition(resource: any, type: string): any {
+  const conditions = resource.status?.conditions
+  if (!Array.isArray(conditions)) return undefined
+  return conditions.find((c: any) => c?.type === type)
+}
+
+function truncateMiddle(value: string, max = 44): string {
+  if (value.length <= max) return value
+  const keep = Math.floor((max - 1) / 2)
+  return `${value.slice(0, keep)}…${value.slice(-keep)}`
+}
+
+// ============================================================================
+// KSERVE INFERENCESERVICE UTILITIES
+// ============================================================================
+
+export function getInferenceServiceStatus(resource: any): StatusBadge {
+  const transition = resource.status?.modelStatus?.transitionStatus
+  if (transition === 'BlockedByFailedLoad') {
+    return { text: 'Load failed', color: healthColors.unhealthy, level: 'unhealthy' }
+  }
+  if (transition === 'InvalidSpec') {
+    return { text: 'Invalid spec', color: healthColors.unhealthy, level: 'unhealthy' }
+  }
+
+  const readyCond = findCondition(resource, 'Ready')
+  if (readyCond?.status === 'True') {
+    return { text: 'Ready', color: healthColors.healthy, level: 'healthy' }
+  }
+  if (readyCond) {
+    return { text: readyCond.reason || 'NotReady', color: healthColors.degraded, level: 'degraded' }
+  }
+
+  return { text: 'Unknown', color: healthColors.unknown, level: 'unknown' }
+}
+
+export function getInferenceServiceUrl(resource: any): string {
+  const url = resource.status?.url
+  return typeof url === 'string' && url ? url : '-'
+}
+
+export function getInferenceServiceModelFormat(resource: any): string {
+  return resource.spec?.predictor?.model?.modelFormat?.name || '-'
+}
+
+export function getInferenceServiceRuntime(resource: any): string {
+  return resource.spec?.predictor?.model?.runtime || '-'
+}
+
+export function getInferenceServiceDeploymentMode(resource: any): string {
+  const annotations = resource.metadata?.annotations || {}
+  return annotations['serving.kserve.io/deploymentMode'] || resource.status?.deploymentMode || '-'
+}
+
+// ============================================================================
+// KSERVE SERVINGRUNTIME / CLUSTERSERVINGRUNTIME UTILITIES
+// ============================================================================
+
+export function getServingRuntimeStatus(resource: any): StatusBadge {
+  if (resource.spec?.disabled === true) {
+    return { text: 'Disabled', color: healthColors.neutral, level: 'neutral' }
+  }
+  return { text: 'Enabled', color: healthColors.neutral, level: 'neutral' }
+}
+
+export function getServingRuntimeModelFormats(resource: any): string {
+  const formats = resource.spec?.supportedModelFormats
+  if (!Array.isArray(formats) || formats.length === 0) return '-'
+  const names = [...new Set(formats.map((f: any) => f?.name).filter(Boolean))] as string[]
+  if (names.length === 0) return '-'
+  if (names.length > 3) return `${names.slice(0, 3).join(', ')} +${names.length - 3}`
+  return names.join(', ')
+}
+
+export function getServingRuntimeImage(resource: any): string {
+  const containers = resource.spec?.containers
+  if (!Array.isArray(containers) || containers.length === 0) return '-'
+  return containers[0]?.image || '-'
+}
+
+// ============================================================================
+// KSERVE INFERENCEGRAPH UTILITIES
+// ============================================================================
+
+export function getInferenceGraphStatus(resource: any): StatusBadge {
+  const readyCond = findCondition(resource, 'Ready')
+  if (readyCond?.status === 'True') {
+    return { text: 'Ready', color: healthColors.healthy, level: 'healthy' }
+  }
+  if (readyCond?.status === 'False') {
+    return { text: readyCond.reason || 'NotReady', color: healthColors.unhealthy, level: 'unhealthy' }
+  }
+  return { text: 'Unknown', color: healthColors.unknown, level: 'unknown' }
+}
+
+export function getInferenceGraphNodeCount(resource: any): number {
+  const nodes = resource.spec?.nodes
+  if (!nodes || typeof nodes !== 'object' || Array.isArray(nodes)) return 0
+  return Object.keys(nodes).length
+}
+
+// ============================================================================
+// KSERVE TRAINEDMODEL UTILITIES
+// ============================================================================
+
+export function getTrainedModelStatus(resource: any): StatusBadge {
+  const readyCond = findCondition(resource, 'Ready')
+  if (readyCond?.status === 'True') {
+    return { text: 'Ready', color: healthColors.healthy, level: 'healthy' }
+  }
+  if (readyCond?.status === 'False') {
+    return { text: readyCond.reason || 'NotReady', color: healthColors.unhealthy, level: 'unhealthy' }
+  }
+  return { text: 'Unknown', color: healthColors.unknown, level: 'unknown' }
+}
+
+export function getTrainedModelFramework(resource: any): string {
+  return resource.spec?.model?.framework || '-'
+}
+
+export function getTrainedModelStorageUri(resource: any): string {
+  const uri = resource.spec?.model?.storageUri
+  if (typeof uri !== 'string' || !uri) return '-'
+  return truncateMiddle(uri)
+}
+
+export function getTrainedModelInferenceService(resource: any): string {
+  return resource.spec?.inferenceService || '-'
+}
+
+// ============================================================================
+// KSERVE LLMINFERENCESERVICE UTILITIES
+// ============================================================================
+
+export function getLLMInferenceServiceStatus(resource: any): StatusBadge {
+  const conditions = Array.isArray(resource.status?.conditions) ? resource.status.conditions : []
+
+  const readyCond = conditions.find((c: any) => c?.type === 'Ready')
+  if (readyCond?.status === 'True') {
+    return { text: 'Ready', color: healthColors.healthy, level: 'healthy' }
+  }
+  if (readyCond?.status === 'False') {
+    return { text: readyCond.reason || 'NotReady', color: healthColors.unhealthy, level: 'unhealthy' }
+  }
+
+  if (conditions.length > 0) {
+    const failing = conditions.find((c: any) => c?.status === 'False')
+    if (failing) {
+      return { text: failing.reason || failing.type || 'NotReady', color: healthColors.degraded, level: 'degraded' }
+    }
+    if (conditions.every((c: any) => c?.status === 'True')) {
+      return { text: 'Ready', color: healthColors.healthy, level: 'healthy' }
+    }
+  }
+
+  return { text: 'Unknown', color: healthColors.unknown, level: 'unknown' }
+}
+
+export function getLLMInferenceServiceModel(resource: any): string {
+  const model = resource.spec?.model
+  if (!model || typeof model !== 'object') return '-'
+  if (model.name) return model.name
+  if (typeof model.uri === 'string' && model.uri) return truncateMiddle(model.uri)
+  return '-'
+}
+
+export function getLLMInferenceServiceModelUri(resource: any): string {
+  const uri = resource.spec?.model?.uri
+  if (typeof uri !== 'string' || !uri) return '-'
+  return truncateMiddle(uri)
+}
+
+export function getLLMInferenceServiceReplicas(resource: any): string {
+  const replicas = resource.spec?.replicas
+  if (replicas === undefined || replicas === null) return '-'
+  return String(replicas)
+}

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

@@ -0,0 +1,121 @@
+// Kubeflow training CRD utility functions
+// Covers training-operator v1 (PyTorchJob/TFJob/MPIJob at kubeflow.org/v1),
+// mpi-operator (MPIJob at kubeflow.org/v2beta1), and Trainer v2 (TrainJob at trainer.kubeflow.org/v1alpha1)
+
+import type { StatusBadge } from './resource-utils'
+import { healthColors, formatDuration } from './resource-utils'
+
+// ============================================================================
+// SHARED HELPERS (kubeflow.org JobCondition pattern)
+// ============================================================================
+
+const REPLICA_SPEC_KEYS = ['pytorchReplicaSpecs', 'tfReplicaSpecs', 'mpiReplicaSpecs']
+
+function getReplicaSpecs(resource: any): Record<string, any> {
+  const spec = resource.spec || {}
+  for (const key of REPLICA_SPEC_KEYS) {
+    if (spec[key]) return spec[key]
+  }
+  return {}
+}
+
+export function trainingJobStatus(resource: any): StatusBadge {
+  const conditions = resource.status?.conditions || []
+  const isTrue = (type: string) => conditions.some((condition: any) => condition?.type === type && condition?.status === 'True')
+  if (isTrue('Failed')) {
+    return { text: 'Failed', color: healthColors.unhealthy, level: 'unhealthy' }
+  }
+  if (isTrue('Succeeded')) {
+    return { text: 'Succeeded', color: healthColors.neutral, level: 'neutral' }
+  }
+  if (isTrue('Suspended')) {
+    return { text: 'Suspended', color: healthColors.degraded, level: 'degraded' }
+  }
+  if (isTrue('Restarting')) {
+    return { text: 'Restarting', color: healthColors.degraded, level: 'degraded' }
+  }
+  if (isTrue('Running')) {
+    return { text: 'Running', color: healthColors.healthy, level: 'healthy' }
+  }
+  return { text: 'Pending', color: healthColors.neutral, level: 'neutral' }
+}
+
+export function getTrainingJobReplicas(resource: any): string {
+  const specs = getReplicaSpecs(resource)
+  const statuses = resource.status?.replicaStatuses || {}
+  const types = Object.keys(specs)
+  for (const type of Object.keys(statuses)) {
+    if (!types.includes(type)) types.push(type)
+  }
+  if (types.length === 0) return '-'
+  return types
+    .map((type) => {
+      const status = statuses[type] || {}
+      const progress = (status.active ?? 0) + (status.succeeded ?? 0)
+      const failed = status.failed ?? 0
+      const desired = specs[type]?.replicas
+      // Unset spec replicas are defaulted in-controller (and the default
+      // differs per operator and replica type), so omit the denominator
+      // rather than guess
+      const count = desired == null ? `${type} ${progress}` : `${type} ${progress}/${desired}`
+      return failed > 0 ? `${count} (${failed} failed)` : count
+    })
+    .join(', ')
+}
+
+export function getTrainingJobElapsed(resource: any): string {
+  const startTime = resource.status?.startTime
+  if (!startTime) return '-'
+  const start = new Date(startTime)
+  const completionTime = resource.status?.completionTime
+  const end = completionTime ? new Date(completionTime) : new Date()
+  return formatDuration(end.getTime() - start.getTime())
+}
+
+// ============================================================================
+// PYTORCHJOB / TFJOB / MPIJOB STATUS
+// ============================================================================
+
+export function getPyTorchJobStatus(resource: any): StatusBadge {
+  return trainingJobStatus(resource)
+}
+
+export function getTFJobStatus(resource: any): StatusBadge {
+  return trainingJobStatus(resource)
+}
+
+export function getMPIJobStatus(resource: any): StatusBadge {
+  return trainingJobStatus(resource)
+}
+
+// ============================================================================
+// TRAINJOB (trainer.kubeflow.org/v1alpha1)
+// ============================================================================
+
+export function getTrainJobStatus(resource: any): StatusBadge {
+  const conditions = resource.status?.conditions || []
+  const isTrue = (type: string) => conditions.some((c: any) => c?.type === type && c?.status === 'True')
+
+  if (isTrue('Failed')) {
+    return { text: 'Failed', color: healthColors.unhealthy, level: 'unhealthy' }
+  }
+  if (isTrue('Complete')) {
+    return { text: 'Complete', color: healthColors.neutral, level: 'neutral' }
+  }
+  if (isTrue('Suspended') || resource.spec?.suspend === true) {
+    return { text: 'Suspended', color: healthColors.degraded, level: 'degraded' }
+  }
+  const jobsStatus = Array.isArray(resource.status?.jobsStatus) ? resource.status.jobsStatus : []
+  if (jobsStatus.some((job: any) => Number(job?.active) > 0)) {
+    return { text: 'Running', color: healthColors.healthy, level: 'healthy' }
+  }
+  return { text: 'Pending', color: healthColors.neutral, level: 'neutral' }
+}
+
+export function getTrainJobRuntime(resource: any): string {
+  return resource.spec?.runtimeRef?.name || '-'
+}
+
+export function getTrainJobSuspended(resource: any): boolean {
+  return resource.spec?.suspend === true
+}

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

@@ -0,0 +1,198 @@
+// Kueue + Cluster Autoscaler ProvisioningRequest CRD utility functions
+
+import type { StatusBadge } from './resource-utils'
+import { healthColors } from './resource-utils'
+
+// ============================================================================
+// SHARED HELPERS
+// ============================================================================
+
+function findCondition(resource: any, type: string): any {
+  return (resource?.status?.conditions || []).find((c: any) => c?.type === type)
+}
+
+function activeConditionStatus(resource: any): StatusBadge {
+  const active = findCondition(resource, 'Active')
+  if (active?.status === 'True') {
+    return { text: 'Active', color: healthColors.healthy, level: 'healthy' }
+  }
+  if (active?.status === 'False') {
+    return { text: active.reason || 'Inactive', color: healthColors.alert, level: 'alert' }
+  }
+  return { text: 'Unknown', color: healthColors.unknown, level: 'unknown' }
+}
+
+function formatWorkloadCount(value: any): string {
+  return typeof value === 'number' ? String(value) : '-'
+}
+
+// ============================================================================
+// KUEUE CLUSTERQUEUE UTILITIES
+// ============================================================================
+
+export function getClusterQueueStatus(resource: any): StatusBadge {
+  return activeConditionStatus(resource)
+}
+
+export function getClusterQueueCohort(resource: any): string {
+  // v1beta2 renamed spec.cohort to spec.cohortName
+  return resource?.spec?.cohortName || resource?.spec?.cohort || '-'
+}
+
+export function getClusterQueuePendingWorkloads(resource: any): string {
+  return formatWorkloadCount(resource?.status?.pendingWorkloads)
+}
+
+export function getClusterQueueAdmittedWorkloads(resource: any): string {
+  return formatWorkloadCount(resource?.status?.admittedWorkloads)
+}
+
+export function getClusterQueueFlavors(resource: any): string {
+  const groups = resource?.spec?.resourceGroups || []
+  const flavors = [
+    ...new Set(groups.flatMap((g: any) => (g?.flavors || []).map((f: any) => f?.name).filter(Boolean))),
+  ] as string[]
+  if (flavors.length === 0) return '-'
+  if (flavors.length > 3) return `${flavors.slice(0, 3).join(', ')} +${flavors.length - 3}`
+  return flavors.join(', ')
+}
+
+// ============================================================================
+// KUEUE LOCALQUEUE UTILITIES
+// ============================================================================
+
+export function getLocalQueueStatus(resource: any): StatusBadge {
+  return activeConditionStatus(resource)
+}
+
+export function getLocalQueueClusterQueue(resource: any): string {
+  return resource?.spec?.clusterQueue || '-'
+}
+
+export function getLocalQueuePendingWorkloads(resource: any): string {
+  return formatWorkloadCount(resource?.status?.pendingWorkloads)
+}
+
+export function getLocalQueueAdmittedWorkloads(resource: any): string {
+  return formatWorkloadCount(resource?.status?.admittedWorkloads)
+}
+
+// ============================================================================
+// KUEUE WORKLOAD UTILITIES
+// ============================================================================
+
+export function getKueueWorkloadStatus(resource: any): StatusBadge {
+  const finished = findCondition(resource, 'Finished')
+  if (finished?.status === 'True') {
+    if (finished.reason === 'Failed') {
+      return { text: 'Failed', color: healthColors.unhealthy, level: 'unhealthy' }
+    }
+    return { text: 'Finished', color: healthColors.neutral, level: 'neutral' }
+  }
+
+  const evicted = findCondition(resource, 'Evicted')
+  if (evicted?.status === 'True') {
+    return { text: 'Evicted', color: healthColors.degraded, level: 'degraded' }
+  }
+
+  const preempted = findCondition(resource, 'Preempted')
+  if (preempted?.status === 'True') {
+    return { text: 'Preempted', color: healthColors.degraded, level: 'degraded' }
+  }
+
+  const admitted = findCondition(resource, 'Admitted')
+  if (admitted?.status === 'True') {
+    return { text: 'Admitted', color: healthColors.healthy, level: 'healthy' }
+  }
+
+  const quotaReserved = findCondition(resource, 'QuotaReserved')
+  if (quotaReserved?.status === 'True') {
+    return { text: 'QuotaReserved', color: healthColors.neutral, level: 'neutral' }
+  }
+
+  return { text: 'Pending', color: healthColors.neutral, level: 'neutral' }
+}
+
+export function getKueueWorkloadQueueName(resource: any): string {
+  return resource?.spec?.queueName || '-'
+}
+
+export function getKueueWorkloadAdmittedBy(resource: any): string {
+  return resource?.status?.admission?.clusterQueue || '-'
+}
+
+export function getKueueWorkloadPriority(resource: any): string {
+  const priority = resource?.spec?.priority
+  if (typeof priority === 'number') return String(priority)
+  // v1beta1 uses spec.priorityClassName, v1beta2 uses spec.priorityClassRef
+  return resource?.spec?.priorityClassRef?.name || resource?.spec?.priorityClassName || '-'
+}
+
+// ============================================================================
+// KUEUE RESOURCEFLAVOR UTILITIES
+// ============================================================================
+
+export function getResourceFlavorStatus(_resource: any): StatusBadge {
+  return { text: 'Configured', color: healthColors.neutral, level: 'neutral' }
+}
+
+export function getResourceFlavorNodeLabelCount(resource: any): number {
+  return Object.keys(resource?.spec?.nodeLabels || {}).length
+}
+
+export function getResourceFlavorTaintCount(resource: any): number {
+  return (resource?.spec?.nodeTaints || []).length
+}
+
+// ============================================================================
+// KUEUE ADMISSIONCHECK UTILITIES
+// ============================================================================
+
+export function getAdmissionCheckStatus(resource: any): StatusBadge {
+  return activeConditionStatus(resource)
+}
+
+export function getAdmissionCheckControllerName(resource: any): string {
+  return resource?.spec?.controllerName || '-'
+}
+
+// ============================================================================
+// CLUSTER AUTOSCALER PROVISIONINGREQUEST UTILITIES
+// ============================================================================
+
+export function getProvisioningRequestStatus(resource: any): StatusBadge {
+  const failed = findCondition(resource, 'Failed')
+  if (failed?.status === 'True') {
+    return { text: 'Failed', color: healthColors.unhealthy, level: 'unhealthy' }
+  }
+
+  const capacityRevoked = findCondition(resource, 'CapacityRevoked')
+  if (capacityRevoked?.status === 'True') {
+    return { text: 'CapacityRevoked', color: healthColors.degraded, level: 'degraded' }
+  }
+
+  const bookingExpired = findCondition(resource, 'BookingExpired')
+  if (bookingExpired?.status === 'True') {
+    return { text: 'BookingExpired', color: healthColors.degraded, level: 'degraded' }
+  }
+
+  const provisioned = findCondition(resource, 'Provisioned')
+  if (provisioned?.status === 'True') {
+    return { text: 'Provisioned', color: healthColors.healthy, level: 'healthy' }
+  }
+
+  const accepted = findCondition(resource, 'Accepted')
+  if (accepted?.status === 'True') {
+    return { text: 'Accepted', color: healthColors.neutral, level: 'neutral' }
+  }
+
+  return { text: 'Pending', color: healthColors.neutral, level: 'neutral' }
+}
+
+export function getProvisioningRequestClassName(resource: any): string {
+  return resource?.spec?.provisioningClassName || '-'
+}
+
+export function getProvisioningRequestPodSetCount(resource: any): number {
+  return (resource?.spec?.podSets || []).length
+}