fixes

Author: lucasgoral

package-lock.json

@@ -39,7 +39,7 @@
     "@fastify/vite": "8.2.0",
     "@hookform/resolvers": "5.2.2",
     "@monaco-editor/react": "4.7.0",
-    "@openapi-contrib/openapi-schema-to-json-schema": "^5.1.0",
+    "@openapi-contrib/openapi-schema-to-json-schema": "5.1.0",
     "@sentry/node": "10.22.0",
     "@sentry/react": "10.22.0",
     "@sentry/vite-plugin": "4.6.0",
@@ -62,7 +62,7 @@
     "js-yaml": "4.1.0",
     "monaco-editor": "0.54.0",
     "monaco-yaml": "5.4.0",
-    "path-browserify": "^1.0.1",
+    "path-browserify": "1.0.1",
     "react": "19.2.0",
     "react-dom": "19.2.0",
     "react-error-boundary": "6.0.0",

package.json

@@ -1,4 +1,4 @@
-import React, { useState, useCallback, useMemo } from 'react';
+import React, { useState, useCallback, useMemo, useContext } from 'react';
 import { ReactFlow, Background, Controls, MarkerType, Node, Panel } from '@xyflow/react';
 import type { NodeProps } from '@xyflow/react';
 import { RadioButton, FlexBox, FlexBoxAlignItems } from '@ui5/webcomponents-react';
@@ -14,6 +14,7 @@ import { useTheme } from '../../hooks/useTheme';
 import { useSplitter } from '../Splitter/SplitterContext.tsx';
 import { YamlSidePanel } from '../Yaml/YamlSidePanel.tsx';
 import { Resource } from '../../utils/removeManagedFieldsAndFilterData.ts';
+import { ApiConfigContext } from '../Shared/k8s';
 
 const nodeTypes = {
   custom: (props: NodeProps<Node<NodeData, 'custom'>>) => (
@@ -33,14 +34,16 @@ const Graph: React.FC = () => {
   const { openInAside } = useSplitter();
   const { isDarkTheme } = useTheme();
   const [colorBy, setColorBy] = useState<ColorBy>('provider');
-
+  const apiConfig = useContext(ApiConfigContext);
   const handleYamlClick = useCallback(
     (item: ManagedResourceItem) => {
       const yamlFilename = item
         ? `${item.kind ?? ''}${item.metadata?.name ? '_' : ''}${item.metadata?.name ?? ''}`
         : '';
 
-      openInAside(<YamlSidePanel resource={item as unknown as Resource} filename={yamlFilename} />);
+      openInAside(
+        <YamlSidePanel apiConfig={apiConfig} resource={item as unknown as Resource} filename={yamlFilename} />,
+      );
     },
     [openInAside],
   );

src/components/Graphs/Graph.tsx

@@ -46,12 +46,6 @@ export const YamlEditor = (props: YamlEditorProps) => {
   // Ref to the wrapper to scope global key handlers
   const wrapperRef = useRef<HTMLDivElement | null>(null);
 
-  useEffect(() => {
-    if (typeof value !== 'undefined') {
-      setEditorContent(value.toString());
-    }
-  }, [value]);
-
   useEffect(() => {
     // Configure YAML validation with schema only once
     if (!monacoYamlConfigured) {