@skyhook-io/radar-app 1.3.3 → 1.3.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyhook-io/radar-app",
-  "version": "1.3.3",
+  "version": "1.3.5",
   "description": "Radar's full web UI as a reusable React component. Used by Radar's own binary and by external consumers like Radar Cloud.",
   "repository": {
     "type": "git",

package/src/api/client.ts

@@ -926,7 +926,12 @@ export function useResourceWithRelationships<T>(kind: string, namespace: string,
 }
 
 // List resources - queryKey includes group for cache sharing with ResourcesView
-export function useResources<T>(kind: string, namespace?: string, group?: string, options?: { enabled?: boolean }) {
+export function useResources<T>(
+  kind: string,
+  namespace?: string,
+  group?: string,
+  options?: { enabled?: boolean; refetchInterval?: number | false },
+) {
   const params = new URLSearchParams()
   if (namespace) params.set('namespace', namespace)
   if (group) params.set('group', group)
@@ -937,6 +942,7 @@ export function useResources<T>(kind: string, namespace?: string, group?: string
     queryFn: () => fetchJSON(`/resources/${kind}${queryString ? `?${queryString}` : ''}`),
     enabled: (options?.enabled ?? true) && Boolean(kind),
     staleTime: 30000, // 30 seconds - matches refetchInterval in ResourcesView
+    refetchInterval: options?.refetchInterval,
   })
 }
 
@@ -1625,8 +1631,12 @@ export function useUpdateResource() {
   const queryClient = useQueryClient()
 
   return useMutation({
-    mutationFn: async ({ kind, namespace, name, yaml }: { kind: string; namespace: string; name: string; yaml: string }) => {
-      const response = await apiFetch(`${getApiBase()}/resources/${kind}/${namespace}/${name}`, {
+    mutationFn: async ({ kind, namespace, name, yaml, force = true }: { kind: string; namespace: string; name: string; yaml: string; force?: boolean }) => {
+      const url = new URL(`${getApiBase()}/resources/${kind}/${namespace}/${name}`, window.location.origin)
+      if (!force) {
+        url.searchParams.set('force', 'false')
+      }
+      const response = await apiFetch(url.toString(), {
         method: 'PUT',
         headers: { 'Content-Type': 'text/plain' },
         body: yaml,
@@ -1723,12 +1733,15 @@ export function useApplyResource() {
   const queryClient = useQueryClient()
 
   return useMutation({
-    mutationFn: async ({ yaml, mode = 'apply', dryRun = false }: { yaml: string; mode?: 'apply' | 'create'; dryRun?: boolean }) => {
+    mutationFn: async ({ yaml, mode = 'apply', dryRun = false, force = false }: { yaml: string; mode?: 'apply' | 'create'; dryRun?: boolean; force?: boolean }) => {
       const url = new URL(`${getApiBase()}/resources/apply`, window.location.origin)
       url.searchParams.set('mode', mode)
       if (dryRun) {
         url.searchParams.set('dryRun', 'true')
       }
+      if (force) {
+        url.searchParams.set('force', 'true')
+      }
       const response = await apiFetch(url.toString(), {
         method: 'POST',
         headers: { 'Content-Type': 'text/plain' },

package/src/components/home/mcpToolCatalog.ts

@@ -253,12 +253,29 @@ export const MCP_TOOL_CATALOG: MCPToolInfo[] = [
   {
     name: 'apply_resource',
     write: true,
-    desc: 'Create or update a resource from YAML. apply mode is a server-side apply with Force=true (can take field ownership from Helm/Flux); create mode fails if it exists. Multi-document YAML supported.',
+    desc: 'Create or update a resource from YAML. apply mode is server-side apply and reports field ownership conflicts by default; create mode fails if it exists. Multi-document YAML returns per-document status on partial failure.',
     params: [
       { arg: 'yaml', required: true, desc: 'YAML manifest (multi-document with --- supported)' },
       { arg: 'mode', desc: 'apply (default) or create' },
-      { arg: 'dry_run', desc: 'validate without persisting' },
+      { arg: 'dry_run', desc: 'validate and preview without persisting' },
       { arg: 'namespace', desc: 'override namespace for the resource' },
+      { arg: 'verify', desc: 'return post-mutation state; on dry_run return preview diff (default true)' },
+      { arg: 'force', desc: 'force SSA field ownership conflicts and take ownership from other managers (default false)' },
+    ],
+  },
+  {
+    name: 'patch_resource',
+    write: true,
+    desc: 'Patch one existing resource with JSON Patch, JSON Merge Patch, or built-in-kind strategic merge patch for precise edits without rewriting the full manifest.',
+    params: [
+      { arg: 'kind', required: true, desc: 'resource kind, e.g. Deployment, Service, ConfigMap' },
+      { arg: 'name', required: true, desc: 'resource name' },
+      { arg: 'namespace', desc: 'resource namespace; omit for cluster-scoped resources' },
+      { arg: 'group', desc: 'API group when the kind is ambiguous' },
+      { arg: 'patch_type', desc: 'json (default), merge, or strategic' },
+      { arg: 'patch', required: true, desc: 'JSON patch body' },
+      { arg: 'dry_run', desc: 'validate and preview without persisting' },
+      { arg: 'verify', desc: 'return post-patch state; on dry_run return preview diff (default true)' },
     ],
   },
   {

package/src/components/resource/PrometheusChartsGrid.tsx

@@ -48,14 +48,12 @@ export function PrometheusChartsGrid({
   name,
   resource,
 }: PrometheusChartsGridProps) {
-  // Node-kind workloads don't have container restart semantics — KSM would
-  // return empty series anyway, but suppressing the lane spares the query.
-  const showRestartLane = kind !== 'Node'
   useAutoPromConnect()
   const { data: status, isLoading: statusLoading } = usePrometheusStatus()
   const connectMutation = usePrometheusConnect()
   const isConnected = status?.connected === true
   const isSupported = SUPPORTED_KINDS.has(kind)
+  const showRestartLane = isSupported && kind !== 'Node'
 
   const [timeRange, setTimeRange] = useState<PrometheusTimeRange>('1h')
   const [diskExpanded, setDiskExpanded] = useState(false)

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

@@ -1,18 +1,45 @@
+import { useMemo } from 'react'
 import { ServiceRenderer as BaseServiceRenderer } from '@skyhook-io/k8s-ui/components/resources/renderers/ServiceRenderer'
 import { PortForwardInlineButton } from '../../portforward/PortForwardButton'
+import { useResources } from '../../../api/client'
+import type { ResourceRef } from '../../../types'
 
 interface ServiceRendererProps {
   data: any
   onCopy: (text: string, label: string) => void
   copied: string | null
+  onNavigate?: (ref: ResourceRef) => void
 }
 
-export function ServiceRenderer({ data, onCopy, copied }: ServiceRendererProps) {
+export function ServiceRenderer({ data, onCopy, copied, onNavigate }: ServiceRendererProps) {
+  const namespace = data.metadata?.namespace
+  const serviceName = data.metadata?.name
+  const spec = data.spec || {}
+  const shouldLoadEndpointSlices = Boolean(
+    namespace &&
+    serviceName &&
+    spec.type !== 'ExternalName' &&
+    (!spec.selector || Object.keys(spec.selector).length === 0)
+  )
+  const { data: endpointSlices, isLoading: endpointSlicesLoading } = useResources<any>(
+    'endpointslices',
+    namespace,
+    'discovery.k8s.io',
+    { enabled: shouldLoadEndpointSlices, refetchInterval: 30000 }
+  )
+  const matchingEndpointSlices = useMemo(
+    () => (endpointSlices || []).filter((slice: any) => slice.metadata?.labels?.['kubernetes.io/service-name'] === serviceName),
+    [endpointSlices, serviceName]
+  )
+
   return (
     <BaseServiceRenderer
       data={data}
       onCopy={onCopy}
       copied={copied}
+      endpointSlices={matchingEndpointSlices}
+      endpointSlicesLoading={endpointSlicesLoading}
+      onNavigate={onNavigate}
       renderPortAction={({ namespace, serviceName, port, protocol }) => (
         <PortForwardInlineButton
           namespace={namespace}

package/src/components/workload/WorkloadView.tsx

@@ -922,7 +922,7 @@ function DrawerMetricsContent({ kind, namespace, name, resource }: {
   resource: any
 }) {
   const [chartRange, setChartRange] = useState<import('../../api/client').PrometheusTimeRange>('1h')
-  const showRestartLane = kind !== 'Node'
+  const showRestartLane = isPrometheusSupported(kind) && kind !== 'Node'
 
   return (
     <div className="flex flex-col h-full">