@skyhook-io/k8s-ui 1.4.3 → 1.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyhook-io/k8s-ui",
-  "version": "1.4.3",
+  "version": "1.5.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/skyhook-io/radar",
@@ -12,10 +12,33 @@
   "exports": {
     ".": "./src/index.ts",
     "./types": "./src/types/index.ts",
+    "./types/*": "./src/types/*.ts",
     "./utils": "./src/utils/index.ts",
-    "./components/resources/*": "./src/components/resources/*.ts",
-    "./components/ui/*": "./src/components/ui/*.tsx",
-    "./hooks/*": "./src/hooks/*.ts",
+    "./utils/*": "./src/utils/*.ts",
+    "./components/resources/*": [
+      "./src/components/resources/*.ts",
+      "./src/components/resources/*.tsx"
+    ],
+    "./components/resources/renderers/*": [
+      "./src/components/resources/renderers/*.tsx",
+      "./src/components/resources/renderers/*.ts"
+    ],
+    "./components/ui/*": [
+      "./src/components/ui/*.tsx",
+      "./src/components/ui/*.ts"
+    ],
+    "./components/gitops/*": [
+      "./src/components/gitops/*.tsx",
+      "./src/components/gitops/*.ts"
+    ],
+    "./components/timeline/*": [
+      "./src/components/timeline/*.tsx",
+      "./src/components/timeline/*.ts"
+    ],
+    "./hooks/*": [
+      "./src/hooks/*.ts",
+      "./src/hooks/*.tsx"
+    ],
     "./resources": "./src/components/resources/index.ts",
     "./logs": "./src/components/logs/index.ts",
     "./timeline": "./src/components/timeline/index.ts",
@@ -34,7 +57,7 @@
   "dependencies": {
     "@monaco-editor/react": "^4.7.0",
     "html-to-image": "^1.11.0",
-    "react-virtuoso": "^4.18.1",
+    "react-virtuoso": "^4.18.5",
     "shiki": "^4.0.0"
   },
   "peerDependencies": {
@@ -59,13 +82,13 @@
     "@xterm/xterm": "^6.0.0",
     "@xyflow/react": "^12.10.1",
     "clsx": "^2.1.1",
-    "diff": "^8.0.3",
+    "diff": "^9.0.0",
     "elkjs": "^0.11.1",
-    "lucide-react": "^0.575.0",
+    "lucide-react": "^1.8.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "typescript": "^6.0.2",
-    "vitest": "^4.1.3",
+    "vitest": "^4.1.4",
     "yaml": "^2.8.3"
   }
 }

package/src/hooks/useKeyboardShortcuts.tsx

@@ -30,6 +30,8 @@ export interface KeyboardShortcut {
   handler: (e: KeyboardEvent) => void
   /** Whether this shortcut is currently active */
   enabled?: boolean
+  /** Fire even when focus is inside an input/textarea. For global modifier combos (⌘K, Ctrl+Shift+D) that can't collide with typing. */
+  allowInInputs?: boolean
 }
 
 // Internal registration with stable ID
@@ -46,28 +48,22 @@ const KeyboardShortcutContext = createContext<KeyboardShortcutContextType | null
 
 let nextRegistrationId = 0
 
-// Check if focus is in an element that should suppress shortcuts
-function shouldSuppressShortcut(e: KeyboardEvent): boolean {
-  const target = e.target as HTMLElement
-  if (!target) return false
-
-  // Always allow Escape
-  if (e.key === 'Escape') return false
+// Classify suppression level for the currently-focused element.
+//   none — no suppression, all shortcuts fire
+//   soft — plain text inputs; bypassed by shortcuts with allowInInputs
+//   hard — rich editors (Monaco, xterm) that own their own keyboard UX;
+//          never bypassed, since Cmd+K / Ctrl+Shift+D have meaning there
+type SuppressionLevel = 'none' | 'soft' | 'hard'
 
-  // Suppress in text inputs
+function getSuppressionLevel(e: KeyboardEvent): SuppressionLevel {
+  const target = e.target as HTMLElement
+  if (!target) return 'none'
+  if (e.key === 'Escape') return 'none'
+  if (target.closest('.monaco-editor') || target.closest('.xterm')) return 'hard'
   const tagName = target.tagName
-  if (tagName === 'INPUT' || tagName === 'TEXTAREA' || tagName === 'SELECT') return true
-
-  // Suppress in contenteditable
-  if (target.isContentEditable) return true
-
-  // Suppress in Monaco editor
-  if (target.closest('.monaco-editor')) return true
-
-  // Suppress in xterm terminal
-  if (target.closest('.xterm')) return true
-
-  return false
+  if (tagName === 'INPUT' || tagName === 'TEXTAREA' || tagName === 'SELECT') return 'soft'
+  if (target.isContentEditable) return 'soft'
+  return 'none'
 }
 
 // Parse a key string like "Shift+N", "Cmd+K", "g g" into match criteria
@@ -158,7 +154,8 @@ export function KeyboardShortcutProvider({ children }: { children: ReactNode })
   // Global keydown listener
   useEffect(() => {
     const handleKeyDown = (e: KeyboardEvent) => {
-      const suppressed = shouldSuppressShortcut(e)
+      const suppression = getSuppressionLevel(e)
+      const suppressed = suppression !== 'none'
 
       // Get all enabled shortcuts, sorted by scope priority (highest first)
       const shortcuts = Array.from(shortcutsRef.current.values())
@@ -215,7 +212,7 @@ export function KeyboardShortcutProvider({ children }: { children: ReactNode })
           return
         }
 
-        if (suppressed) continue
+        if (suppressed && !(shortcut.allowInInputs && suppression === 'soft')) continue
 
         if (matchesKey(e, matcher, '')) {
           e.preventDefault()