contex improvements

src/components/graph/ConfigNode.tsx

@@ -13,18 +13,15 @@ import {
     BaseNodeFooterText,
     BaseNodeHeaderRow,
 } from './BaseNode'
-import { GitBranchPlus, ScrollText } from 'lucide-react'
+import { ScrollText } from 'lucide-react'
 import {
-    Menubar,
-    MenubarContent,
     MenubarItem,
-    MenubarMenu,
     MenubarSub,
     MenubarSubContent,
     MenubarSubTrigger,
-    MenubarTrigger,
 } from '../ui/menubar'
 import { InputHandle, OutputHandle } from './NodeHandles'
+import { NodeMenubar } from './NodeMenubar'
 
 type Props = {
     id: string
@@ -159,14 +156,13 @@ export const ConfigNode = memo(function ConfigNode({ id, data, width, height }:
             <BaseNodeHeaderRow icon={<ScrollText className="size-4" />} title={`${id}.puml`} />
 
             <BaseNodeContent>
-                {hasDependencies && (
-                    <div className="shrink-0 w-full">
-                        <Menubar className="h-auto bg-none p-1 border-none shadow-none">
-                            <MenubarMenu>
-                                <MenubarTrigger className="px-1.5 py-0 text-xs">
-                                    <GitBranchPlus className="size-3.5" />
-                                </MenubarTrigger>
-                                <MenubarContent className="min-w-[12rem]">
+                <div className="shrink-0 w-full">
+                    <NodeMenubar
+                        nodeId={id}
+                        nodeType="config"
+                        editInputsContent={
+                            hasDependencies ? (
+                                <>
                                     {connectedConfigNodes.map((n: any) => (
                                         <MenubarSub key={`config-${n.id}`}>
                                             <MenubarSubTrigger className="text-xs">
@@ -224,11 +220,11 @@ export const ConfigNode = memo(function ConfigNode({ id, data, width, height }:
                                             </MenubarSubContent>
                                         </MenubarSub>
                                     ))}
-                                </MenubarContent>
-                            </MenubarMenu>
-                        </Menubar>
-                    </div>
-                )}
+                                </>
+                            ) : undefined
+                        }
+                    />
+                </div>
 
                 <div ref={editorContainerRef} className="min-h-0 flex-1 w-full nodrag nopan overflow-hidden rounded border border-input">
                     <CodeMirror