@skyhook-io/k8s-ui 1.12.0 → 1.13.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyhook-io/k8s-ui",
-  "version": "1.12.0",
+  "version": "1.13.3",
   "repository": {
     "type": "git",
     "url": "https://github.com/skyhook-io/radar",
@@ -71,7 +71,7 @@
     "html-to-image": "^1.11.0",
     "monaco-yaml": "5.5.1",
     "react-virtuoso": "^4.18.11",
-    "shiki": "^4.2.0"
+    "shiki": "^4.4.2"
   },
   "peerDependencies": {
     "@xterm/addon-fit": ">=0.10.0",
@@ -88,7 +88,7 @@
     "yaml": ">=2.0.0"
   },
   "devDependencies": {
-    "@types/node": "^26.1.1",
+    "@types/node": "^26.2.0",
     "@types/react": "^19.2.18",
     "@types/react-dom": "^19.2.3",
     "@xterm/addon-fit": "^0.11.0",
@@ -98,7 +98,7 @@
     "clsx": "^2.1.1",
     "diff": "^9.0.0",
     "elkjs": "^0.11.1",
-    "lucide-react": "^1.28.0",
+    "lucide-react": "^1.33.0",
     "monaco-editor": "0.55.1",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",

package/src/components/applications/ApplicationDetail.tsx

@@ -13,7 +13,7 @@ import {
   Boxes,
   ChevronDown,
   Clock3,
-  DollarSign,
+  Coins,
   ExternalLink,
   GitCommit,
   Layers,
@@ -988,7 +988,7 @@ function ApplicationViewTabs({
                 : "border-transparent text-theme-text-secondary hover:border-theme-border-light hover:text-theme-text-primary",
             )}
           >
-            <DollarSign className="h-4 w-4" />
+            <Coins className="h-4 w-4" />
             Cost
           </button>
         )}

package/src/components/cluster-switcher/ClusterSwitcher.tsx

@@ -18,6 +18,9 @@ export interface ClusterSwitcherItem {
   /** Raw context / display string. ClusterName collapses GKE/EKS/AKS
    *  shapes; user-named clusters pass through unchanged. */
   name: string
+  /** Short qualifier rendered after the parsed name without affecting
+   *  provider detection, e.g. a source suffix for colliding contexts. */
+  nameQualifier?: string
   secondary?: string
   badge?: string
   /** Origin label, rendered as a folder-icon line under the name.
@@ -44,6 +47,8 @@ export interface ClusterSwitcherProps {
   /** Raw context / display string. Pass it as-is — the trigger renders
    *  through ClusterName, which handles parse + provider badge + tooltip. */
   currentName: string
+  /** Trigger-side counterpart to {@link ClusterSwitcherItem.nameQualifier}. */
+  currentNameQualifier?: string
   /** Trigger-side counterpart to {@link ClusterSwitcherItem.sourceLabel}.
    *  Only pass when 2+ kubeconfig sources are loaded. */
   currentSourceLabel?: string
@@ -80,6 +85,7 @@ const TRIGGER_NAME_MAX_WIDTH = 'max-w-[140px] sm:max-w-[220px] xl:max-w-[340px]'
 export const ClusterSwitcher = forwardRef<ClusterSwitcherHandle, ClusterSwitcherProps>(({
   currentId,
   currentName,
+  currentNameQualifier,
   currentSourceLabel,
   items,
   onSelect,
@@ -114,6 +120,7 @@ export const ClusterSwitcher = forwardRef<ClusterSwitcherHandle, ClusterSwitcher
       if (!q) return true
       return (
         item.name.toLowerCase().includes(q) ||
+        item.nameQualifier?.toLowerCase().includes(q) ||
         item.secondary?.toLowerCase().includes(q) ||
         item.badge?.toLowerCase().includes(q) ||
         item.sourceLabel?.toLowerCase().includes(q) ||
@@ -209,7 +216,7 @@ export const ClusterSwitcher = forwardRef<ClusterSwitcherHandle, ClusterSwitcher
         disabled={disabled || loading}
         className={
           variant === 'segment'
-            ? `flex items-center gap-1.5 px-3 py-1.5 h-full min-w-[150px] max-w-[264px] text-[13px] font-medium
+            ? `flex items-center gap-1.5 px-3 py-1.5 h-full min-w-[150px] max-w-[264px] overflow-hidden text-[13px] font-medium
                text-theme-text-primary hover:bg-theme-hover transition-colors cursor-pointer
                disabled:opacity-50 disabled:cursor-not-allowed`
             : `flex items-center gap-1.5 px-2.5 py-1.5 min-w-[140px]
@@ -236,12 +243,22 @@ export const ClusterSwitcher = forwardRef<ClusterSwitcherHandle, ClusterSwitcher
           // context inline (per-row secondary line), and an extra hover
           // tooltip would just overlap the search input.
           <>
-            <ClusterName
-              name={currentName}
-              fallbackBadge={<Server className="w-3.5 h-3.5 text-theme-text-secondary" />}
-              className={variant === 'segment' ? 'min-w-0 max-w-[214px]' : TRIGGER_NAME_MAX_WIDTH}
-              noTooltip={isOpen}
-            />
+            <span className={variant === 'segment' ? 'min-w-0 flex-1' : 'min-w-0'}>
+              <ClusterName
+                name={currentName}
+                fallbackBadge={<Server className="w-3.5 h-3.5 text-theme-text-secondary" />}
+                className={variant === 'segment' ? 'min-w-0 max-w-full' : TRIGGER_NAME_MAX_WIDTH}
+                noTooltip={isOpen}
+              />
+            </span>
+            {currentNameQualifier && (
+              <span
+                className="shrink-0 max-w-[80px] truncate text-xs font-normal text-theme-text-tertiary"
+                title={currentNameQualifier}
+              >
+                {currentNameQualifier}
+              </span>
+            )}
             {currentSourceLabel && (
               // Icon-only on the trigger: long folder paths (the very case
               // that motivates the chip) middle-truncate to something
@@ -358,6 +375,14 @@ export const ClusterSwitcher = forwardRef<ClusterSwitcherHandle, ClusterSwitcher
                                     : 'text-theme-text-primary'
                               }`}
                             />
+                            {item.nameQualifier && (
+                              <span
+                                className="shrink-0 max-w-[120px] truncate text-xs font-normal text-theme-text-tertiary"
+                                title={item.nameQualifier}
+                              >
+                                {item.nameQualifier}
+                              </span>
+                            )}
                             {item.badge && (
                               <span className="shrink-0 text-[10px] text-theme-text-tertiary bg-theme-elevated px-1 rounded">
                                 {item.badge}

package/src/components/issues/severity.ts

@@ -85,6 +85,7 @@ const CATEGORY_LABEL: Record<string, string> = {
   volume_access_mode_conflict: 'Volume access conflict',
   backup_failed: 'Backup failed',
   backup_target_unavailable: 'Backup target unavailable',
+  backup_stalled: 'Backup not progressing',
   job_failed: 'Job failed',
   cronjob_failed: 'CronJob failed',
   rollout_stalled: 'Rollout stalled',

package/src/components/resources/ResourcesView.empty-note.test.ts

@@ -0,0 +1,41 @@
+import { describe, expect, it } from 'vitest'
+import { emptyKindNote } from './ResourcesView'
+
+describe('emptyKindNote', () => {
+  it('explains that no UpdateRequest is the resting state, and that it looks the same as a rule that never ran', () => {
+    const note = emptyKindNote('UpdateRequest', 'kyverno.io')
+    expect(note).toContain('deleted seconds after')
+    expect(note).toContain('never ran')
+  })
+
+  it('says an absent EphemeralReport means the scan finished, not that nothing was checked', () => {
+    expect(emptyKindNote('EphemeralReport', 'reports.kyverno.io')).toContain('scan has finished')
+    expect(emptyKindNote('ClusterEphemeralReport', 'reports.kyverno.io')).toContain('scan has finished')
+  })
+
+  it('is case-insensitive on the kind, which arrives from a URL as often as from discovery', () => {
+    expect(emptyKindNote('updaterequest', 'kyverno.io')).toBeDefined()
+  })
+
+  // Same plural, different operator: Kyverno's group is what makes the note true.
+  it('says nothing about a kind of the same name from another group', () => {
+    expect(emptyKindNote('UpdateRequest', 'example.com')).toBeUndefined()
+    expect(emptyKindNote('EphemeralReport', '')).toBeUndefined()
+  })
+
+  it('says nothing about kinds with no such story', () => {
+    expect(emptyKindNote('Pod', '')).toBeUndefined()
+  })
+
+  // The table can be empty because the reader emptied it. Telling them none is
+  // normal then answers a question they did not ask, with their term still in
+  // the search box.
+  it('stays silent when the kind has rows and a filter is what emptied the table', () => {
+    expect(emptyKindNote('UpdateRequest', 'kyverno.io', 3)).toBeUndefined()
+    expect(emptyKindNote('EphemeralReport', 'reports.kyverno.io', 192)).toBeUndefined()
+  })
+
+  it('still speaks when the kind is genuinely empty', () => {
+    expect(emptyKindNote('UpdateRequest', 'kyverno.io', 0)).toBeDefined()
+  })
+})