Simplify adding success forwards to pipes

src/main/frontend/app/hooks/use-handle-types.ts

@@ -3,19 +3,12 @@ import type { ElementProperty } from '@frankframework/doc-library-core'
 
 export function useHandleTypes(typesAllowed?: Record<string, ElementProperty>) {
   return useMemo(() => {
-    // Always include the 'success' handle, using a Set to avoid duplicates
-    const handles = new Set<string>(['success'])
+    const handles = new Set<string>()
 
     if (!typesAllowed) return [...handles]
 
-    if ('*' in typesAllowed) {
-      handles.add('custom')
-    }
-
     for (const type of Object.keys(typesAllowed)) {
-      if (type !== '*') {
-        handles.add(type)
-      }
+      handles.add(type === '*' ? 'custom' : type)
     }
 
     return [...handles]

src/main/frontend/app/routes/studio/canvas/flow.tsx

@@ -391,7 +391,7 @@
       logApiError('Failed to save XML', error as Error)
       setIdle()
     }
   }, [])
 
   const autosaveEnabled = useSettingsStore((s) => s.general.autoSave.enabled)
   const autosaveDelay = useSettingsStore((s) => s.general.autoSave.delayMs)
@@ -1301,7 +1301,7 @@
     setParentId(null)
   }
 
   function addNodeAtPosition(
     position: { x: number; y: number },
     elementName: string,
     sourceInfo?: { nodeId: string | null; handleId: string | null; handleType: 'source' | 'target' | null },
@@ -1332,7 +1332,7 @@
         subtype: elementName,
         type: elementType,
         name: ``,
-        sourceHandles: [{ type: 'success', index: 1 }],
+        sourceHandles: [],
         children: [],
       },
       type: nodeType,

src/main/frontend/app/routes/studio/canvas/nodetypes/components/handle-menu.tsx

@@ -57,14 +57,14 @@ export default function HandleMenu({
   return createPortal(
     <div
       ref={menuRef}
-      className="nodrag bg-background border-border absolute rounded border shadow-md"
+      className="nodrag bg-background border-border absolute z-5 rounded border shadow-md"
       style={{
         left: `${position.x + 10}px`,
         top: `${position.y - 5}px`,
       }}
     >
       <div className="w-70">
-        <div className="border-border text-foreground-muted mt-[1px] flex h-10 items-center border-b p-2 text-xs font-semibold tracking-wide uppercase">
+        <div className="border-border text-foreground-muted mt-px flex h-10 items-center border-b p-2 text-xs font-semibold tracking-wide uppercase">
           {title}
         </div>
         <ul className="w-full">

src/main/frontend/app/routes/studio/canvas/nodetypes/components/handle.tsx

@@ -43,6 +43,7 @@ export function CustomHandle(properties: Readonly<HandleProperties>) {
   const [menuPosition, setMenuPosition] = useState<{ x: number; y: number }>({ x: 0, y: 0 })
 
   const handleClick = (event: React.MouseEvent) => {
+    if (typesAllowedListIsEmpty()) return
     const { clientX, clientY } = event
     setMenuPosition({
       x: clientX,
@@ -51,6 +52,13 @@ export function CustomHandle(properties: Readonly<HandleProperties>) {
     setIsMenuOpen(!isMenuOpen) // Toggle menu visibility
   }
 
+  function typesAllowedListIsEmpty() {
+    return (
+      properties.typesAllowed === undefined ||
+      (properties.typesAllowed && Object.keys(properties.typesAllowed).length <= 0)
+    )
+  }
+
   const handleMenuClick = (newType: string) => {
     properties.onChangeType(newType) // Change the handle type
     setIsMenuOpen(false) // Close the menu after selection