@d34dman/flowdrop 0.0.45 → 0.0.47

package/dist/components/form/templateAutocomplete.js

@@ -0,0 +1,309 @@
+/**
+ * Template Variable Autocomplete Extension for CodeMirror
+ * Provides autocomplete suggestions for {{ variable }} syntax in template editors.
+ *
+ * Features:
+ * - Triggers on `{{` to show top-level variables
+ * - Triggers on `.` to show child properties for objects
+ * - Triggers on `[` to show array index options
+ * - Supports deep nesting (e.g., `user.address.city`)
+ *
+ * @module components/form/templateAutocomplete
+ */
+import { autocompletion } from "@codemirror/autocomplete";
+import { getChildVariables, getArrayIndexSuggestions, isArrayVariable, hasChildren } from "../../services/variableService.js";
+/**
+ * Icon type hints for different variable types in autocomplete dropdown.
+ */
+const TYPE_ICONS = {
+    string: "𝑆",
+    number: "#",
+    integer: "#",
+    float: "#",
+    boolean: "☑",
+    array: "[]",
+    object: "{}",
+    mixed: "⋯"
+};
+/**
+ * Extracts the current variable path being typed inside {{ }}.
+ * Returns null if cursor is not inside a template expression.
+ *
+ * @param text - The full document text
+ * @param pos - Current cursor position
+ * @returns Object with the path and start position, or null
+ *
+ * @example
+ * For text "Hello {{ user.name }}" with cursor after "user."
+ * Returns { path: "user.", startPos: 9 }
+ */
+function extractVariablePath(text, pos) {
+    // Look backwards from cursor to find the opening {{
+    let openBracePos = -1;
+    let searchPos = pos - 1;
+    while (searchPos >= 0) {
+        // Check for opening {{
+        if (text[searchPos] === "{" && searchPos > 0 && text[searchPos - 1] === "{") {
+            openBracePos = searchPos - 1;
+            break;
+        }
+        // Check for closing }} - means we're outside an expression
+        if (text[searchPos] === "}" && searchPos > 0 && text[searchPos - 1] === "}") {
+            return null;
+        }
+        searchPos--;
+    }
+    if (openBracePos === -1) {
+        return null;
+    }
+    // Check if there's a closing }} after cursor (still inside expression)
+    const afterCursor = text.slice(pos);
+    const closingMatch = afterCursor.match(/^\s*\}\}/);
+    const hasClosing = closingMatch !== null;
+    // Extract the content between {{ and cursor
+    const contentStart = openBracePos + 2;
+    const content = text.slice(contentStart, pos).trimStart();
+    return {
+        path: content,
+        startPos: contentStart + (text.slice(contentStart, pos).length - text.slice(contentStart, pos).trimStart().length),
+        isInsideExpression: true
+    };
+}
+/**
+ * Determines the completion type based on the current input.
+ *
+ * @param path - The current variable path being typed
+ * @returns The type of completion to provide
+ */
+function getCompletionType(path) {
+    // Empty or only whitespace - show top-level variables
+    if (path.trim() === "") {
+        return { type: "top-level" };
+    }
+    // Ends with [ - show array indices
+    if (path.endsWith("[")) {
+        const parentPath = path.slice(0, -1);
+        return { type: "array-index", parentPath };
+    }
+    // Ends with . - show child properties
+    if (path.endsWith(".")) {
+        const parentPath = path.slice(0, -1);
+        return { type: "property", parentPath };
+    }
+    // Otherwise, we're typing a variable name - show matching options
+    const lastDotIndex = path.lastIndexOf(".");
+    const lastBracketIndex = path.lastIndexOf("[");
+    const lastSeparator = Math.max(lastDotIndex, lastBracketIndex);
+    if (lastSeparator === -1) {
+        // Typing at top level
+        return { type: "top-level" };
+    }
+    // Extract parent path based on separator
+    if (lastDotIndex > lastBracketIndex) {
+        // Last separator was a dot
+        return { type: "property", parentPath: path.slice(0, lastDotIndex) };
+    }
+    else {
+        // Last separator was a bracket
+        return { type: "array-index", parentPath: path.slice(0, lastBracketIndex) };
+    }
+}
+/**
+ * Converts a TemplateVariable to a CodeMirror Completion object.
+ *
+ * @param variable - The template variable
+ * @param prefix - Prefix to add to the completion label
+ * @returns A CodeMirror Completion object
+ */
+function variableToCompletion(variable, prefix = "") {
+    const icon = TYPE_ICONS[variable.type] ?? TYPE_ICONS.mixed;
+    const hasChildProps = variable.properties && Object.keys(variable.properties).length > 0;
+    const isArray = variable.type === "array";
+    // Add indicator if variable can be drilled into
+    let suffix = "";
+    if (hasChildProps)
+        suffix = ".";
+    else if (isArray)
+        suffix = "[";
+    return {
+        label: `${prefix}${variable.name}`,
+        displayLabel: `${icon} ${variable.label ?? variable.name}${suffix ? " " + suffix : ""}`,
+        detail: variable.type,
+        info: variable.description,
+        type: "variable",
+        boost: hasChildProps || isArray ? 1 : 0 // Boost drillable variables
+    };
+}
+/**
+ * Creates the completion source function for template variables.
+ *
+ * @param schema - The variable schema containing available variables
+ * @returns A completion source function for CodeMirror
+ */
+function createTemplateCompletionSource(schema) {
+    return (context) => {
+        const { state, pos } = context;
+        const text = state.doc.toString();
+        // Check if we're inside a {{ }} expression
+        const pathInfo = extractVariablePath(text, pos);
+        if (!pathInfo) {
+            // Check if user just typed {{
+            const beforeCursor = text.slice(Math.max(0, pos - 2), pos);
+            if (beforeCursor === "{{") {
+                // Show top-level variables
+                const options = Object.values(schema.variables).map((v) => variableToCompletion(v));
+                return {
+                    from: pos,
+                    options,
+                    validFor: /^[\w.[\]]*$/
+                };
+            }
+            return null;
+        }
+        const { path, startPos } = pathInfo;
+        const completionType = getCompletionType(path);
+        let options = [];
+        let from = pos;
+        switch (completionType.type) {
+            case "top-level": {
+                // Show all top-level variables
+                const currentWord = path.trim();
+                options = Object.values(schema.variables)
+                    .filter((v) => currentWord === "" || v.name.toLowerCase().startsWith(currentWord.toLowerCase()))
+                    .map((v) => variableToCompletion(v));
+                // Calculate from position for replacement
+                from = startPos + (path.length - path.trimStart().length);
+                break;
+            }
+            case "property": {
+                // Show child properties of the parent
+                const children = getChildVariables(schema, completionType.parentPath);
+                const currentWord = path.slice(path.lastIndexOf(".") + 1);
+                options = children
+                    .filter((v) => currentWord === "" || v.name.toLowerCase().startsWith(currentWord.toLowerCase()))
+                    .map((v) => variableToCompletion(v));
+                // From should be right after the last dot
+                from = startPos + path.lastIndexOf(".") + 1;
+                break;
+            }
+            case "array-index": {
+                // Check if the parent is actually an array
+                if (isArrayVariable(schema, completionType.parentPath)) {
+                    const indices = getArrayIndexSuggestions(5);
+                    const currentIndex = path.slice(path.lastIndexOf("[") + 1);
+                    options = indices
+                        .filter((idx) => currentIndex === "" || idx.startsWith(currentIndex))
+                        .map((idx) => ({
+                        label: idx,
+                        displayLabel: idx === "*]" ? "* (all items)" : `[${idx}`,
+                        detail: idx === "*]" ? "Iterate all items" : `Index ${idx.slice(0, -1)}`,
+                        type: "keyword"
+                    }));
+                    // From should be right after the [
+                    from = startPos + path.lastIndexOf("[") + 1;
+                }
+                break;
+            }
+        }
+        if (options.length === 0) {
+            return null;
+        }
+        return {
+            from,
+            options,
+            validFor: /^[\w\]*]*$/
+        };
+    };
+}
+/**
+ * Creates a CodeMirror extension for template variable autocomplete.
+ *
+ * @param schema - The variable schema containing available variables
+ * @returns A CodeMirror extension that provides autocomplete
+ *
+ * @example
+ * ```typescript
+ * const extensions = [
+ *   // ... other extensions
+ *   createTemplateAutocomplete(variableSchema)
+ * ];
+ * ```
+ */
+export function createTemplateAutocomplete(schema) {
+    return autocompletion({
+        override: [createTemplateCompletionSource(schema)],
+        activateOnTyping: true,
+        defaultKeymap: true,
+        optionClass: () => "cm-template-autocomplete-option",
+        icons: false, // We use our own icons in displayLabel
+        addToOptions: [
+            {
+                render: (completion) => {
+                    const el = document.createElement("span");
+                    el.className = "cm-template-autocomplete-info";
+                    if (completion.info) {
+                        el.textContent = String(completion.info);
+                    }
+                    return el;
+                },
+                position: 100
+            }
+        ]
+    });
+}
+/**
+ * Creates a simple autocomplete extension that triggers when user types {{
+ * and shows top-level variables only (no drilling).
+ * Used as a fallback when full variable schema is not available.
+ *
+ * @param variableHints - Simple array of variable names
+ * @returns A CodeMirror extension that provides basic autocomplete
+ */
+export function createSimpleTemplateAutocomplete(variableHints) {
+    const completionSource = (context) => {
+        const { state, pos } = context;
+        const text = state.doc.toString();
+        // Check if we're inside a {{ }} expression
+        const pathInfo = extractVariablePath(text, pos);
+        if (!pathInfo) {
+            // Check if user just typed {{
+            const beforeCursor = text.slice(Math.max(0, pos - 2), pos);
+            if (beforeCursor === "{{") {
+                const options = variableHints.map((hint) => ({
+                    label: hint,
+                    displayLabel: `⋯ ${hint}`,
+                    type: "variable"
+                }));
+                return {
+                    from: pos,
+                    options,
+                    validFor: /^[\w]*$/
+                };
+            }
+            return null;
+        }
+        // Filter based on current input
+        const currentWord = pathInfo.path.trim();
+        const options = variableHints
+            .filter((hint) => currentWord === "" || hint.toLowerCase().startsWith(currentWord.toLowerCase()))
+            .map((hint) => ({
+            label: hint,
+            displayLabel: `⋯ ${hint}`,
+            type: "variable"
+        }));
+        if (options.length === 0) {
+            return null;
+        }
+        return {
+            from: pathInfo.startPos + (pathInfo.path.length - pathInfo.path.trimStart().length),
+            options,
+            validFor: /^[\w]*$/
+        };
+    };
+    return autocompletion({
+        override: [completionSource],
+        activateOnTyping: true,
+        defaultKeymap: true,
+        icons: false
+    });
+}

package/dist/components/form/types.d.ts

@@ -5,7 +5,7 @@
  * These types provide a foundation for dynamic form rendering based on JSON Schema
  * and support extensibility for complex field types like arrays and objects.
  */
-import type { AutocompleteConfig } from '../../types/index.js';
+import type { AutocompleteConfig, VariableSchema, TemplateVariablesConfig } from '../../types/index.js';
 /**
  * Supported field types for form rendering
  * Aligned with JSON Schema specification (draft-07)
@@ -220,7 +220,22 @@ export interface TemplateEditorFieldProps extends BaseFieldProps {
     darkTheme?: boolean;
     /** Editor height in pixels or CSS value */
     height?: string;
-    /** Available variable names for hints (optional) */
+    /**
+     * Configuration for template variable autocomplete.
+     * Controls which variables are available and how they are displayed.
+     */
+    variables?: TemplateVariablesConfig;
+    /**
+     * Variable schema for advanced autocomplete with nested drilling.
+     * When provided, enables dot notation (user.name) and array access (items[0]).
+     * @deprecated Use `variables.schema` instead
+     */
+    variableSchema?: VariableSchema;
+    /**
+     * Simple variable names for basic hints (backward compatible).
+     * Used when variableSchema is not provided.
+     * @deprecated Use `variables.schema` instead
+     */
     variableHints?: string[];
     /** Placeholder variable example for the hint */
     placeholderExample?: string;
@@ -318,6 +333,28 @@ export interface FieldSchema {
     required?: string[];
     /** Autocomplete configuration for fetching suggestions from callback URL */
     autocomplete?: AutocompleteConfig;
+    /**
+     * Whether the field is read-only (JSON Schema readOnly keyword).
+     * When true, the field is displayed but cannot be edited.
+     */
+    readOnly?: boolean;
+    /**
+     * Configuration for template variable autocomplete.
+     * Controls which input ports provide variables and how they are displayed.
+     *
+     * @example
+     * ```json
+     * {
+     *   "type": "string",
+     *   "format": "template",
+     *   "variables": {
+     *     "ports": ["data", "context"],
+     *     "showHints": true
+     *   }
+     * }
+     * ```
+     */
+    variables?: TemplateVariablesConfig;
     /** Allow additional properties not defined by the schema */
     [key: string]: unknown;
 }

package/dist/components/form/types.js

@@ -15,7 +15,7 @@ export function isFieldOptionArray(options) {
  * Type guard to check if items are OneOfItem objects (JSON Schema oneOf pattern)
  */
 export function isOneOfArray(items) {
-    return items.length > 0 && typeof items[0] === 'object' && items[0] !== null && 'const' in items[0];
+    return (items.length > 0 && typeof items[0] === 'object' && items[0] !== null && 'const' in items[0]);
 }
 /**
  * Convert JSON Schema oneOf items to FieldOption format

package/dist/components/layouts/MainLayout.svelte

@@ -377,7 +377,9 @@
 					aria-label="Resize bottom panel"
 					tabindex="0"
 				>
-					<div class="flowdrop-main-layout__divider-handle flowdrop-main-layout__divider-handle--horizontal"></div>
+					<div
+						class="flowdrop-main-layout__divider-handle flowdrop-main-layout__divider-handle--horizontal"
+					></div>
 				</div>
 			{/if}
 
@@ -630,7 +632,8 @@
 		transform: scaleX(1.2);
 	}
 
-	.flowdrop-main-layout__divider--bottom.flowdrop-main-layout__divider--active .flowdrop-main-layout__divider-handle--horizontal {
+	.flowdrop-main-layout__divider--bottom.flowdrop-main-layout__divider--active
+		.flowdrop-main-layout__divider-handle--horizontal {
 		transform: scaleX(1.4);
 	}
 

package/dist/components/nodes/GatewayNode.svelte

@@ -511,10 +511,6 @@
 		gap: var(--fd-space-2);
 	}
 
-	.flowdrop-gap--3 {
-		gap: var(--fd-space-3);
-	}
-
 	.flowdrop-items--center {
 		align-items: center;
 	}
@@ -556,10 +552,6 @@
 		white-space: nowrap;
 	}
 
-	.flowdrop-mt--1 {
-		margin-top: var(--fd-space-1);
-	}
-
 	.flowdrop-text--right {
 		text-align: right;
 	}

package/dist/components/nodes/SimpleNode.svelte

@@ -283,11 +283,10 @@
 		color: var(--fd-foreground);
 	}
 
-	/* Normal layout (default) */
+	/* Normal layout (default): min-height allows variable height for longer descriptions */
 	.flowdrop-simple-node--normal {
 		width: var(--fd-node-default-width);
-		height: var(--fd-node-simple-height);
-		overflow: hidden;
+		min-height: var(--fd-node-simple-height);
 	}
 
 	.flowdrop-simple-node:hover {

package/dist/components/nodes/WorkflowNode.svelte

@@ -509,10 +509,6 @@
 		gap: var(--fd-space-2);
 	}
 
-	.flowdrop-gap--3 {
-		gap: var(--fd-space-3);
-	}
-
 	.flowdrop-items--center {
 		align-items: center;
 	}
@@ -549,10 +545,6 @@
 		white-space: nowrap;
 	}
 
-	.flowdrop-mt--1 {
-		margin-top: var(--fd-space-1);
-	}
-
 	.flowdrop-text--right {
 		text-align: right;
 	}

package/dist/components/playground/Playground.svelte

@@ -556,43 +556,43 @@
 							<p class="playground__sessions-hint">Click a session to load it</p>
 						{/if}
 						<div class="playground__sessions">
-						{#if $sessions.length === 0 && !$isLoading}
-							<div class="playground__sessions-empty">
-								<span>No sessions yet</span>
-							</div>
-						{:else}
-							{#each $sessions as session (session.id)}
-								<div
-									class="playground__session"
-									class:playground__session--active={$currentSession?.id === session.id}
-									role="button"
-									tabindex="0"
-									title="Click to load this session"
-									aria-label="Load session: {session.name}"
-									onclick={() => handleSelectSession(session.id)}
-									onkeydown={(e) => e.key === 'Enter' && handleSelectSession(session.id)}
-								>
-									<span class="playground__session-name" title={session.name}>
-										{session.name}
-									</span>
-									<button
-										type="button"
-										class="playground__session-menu"
-										class:playground__session-menu--delete={pendingDeleteId === session.id}
-										onclick={(e) => handleDeleteClick(e, session.id)}
-										title={pendingDeleteId === session.id
-											? 'Click to confirm delete'
-											: 'Delete session'}
-									>
-										{#if pendingDeleteId === session.id}
-											<Icon icon="mdi:check" />
-										{:else}
-											<Icon icon="mdi:dots-horizontal" />
-										{/if}
-									</button>
+							{#if $sessions.length === 0 && !$isLoading}
+								<div class="playground__sessions-empty">
+									<span>No sessions yet</span>
 								</div>
-							{/each}
-						{/if}
+							{:else}
+								{#each $sessions as session (session.id)}
+									<div
+										class="playground__session"
+										class:playground__session--active={$currentSession?.id === session.id}
+										role="button"
+										tabindex="0"
+										title="Click to load this session"
+										aria-label="Load session: {session.name}"
+										onclick={() => handleSelectSession(session.id)}
+										onkeydown={(e) => e.key === 'Enter' && handleSelectSession(session.id)}
+									>
+										<span class="playground__session-name" title={session.name}>
+											{session.name}
+										</span>
+										<button
+											type="button"
+											class="playground__session-menu"
+											class:playground__session-menu--delete={pendingDeleteId === session.id}
+											onclick={(e) => handleDeleteClick(e, session.id)}
+											title={pendingDeleteId === session.id
+												? 'Click to confirm delete'
+												: 'Delete session'}
+										>
+											{#if pendingDeleteId === session.id}
+												<Icon icon="mdi:check" />
+											{:else}
+												<Icon icon="mdi:dots-horizontal" />
+											{/if}
+										</button>
+									</div>
+								{/each}
+							{/if}
 						</div>
 					</div>
 				</div>
@@ -774,7 +774,10 @@
 		font-size: 0.875rem;
 		font-weight: 500;
 		cursor: pointer;
-		transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
+		transition:
+			background-color 0.15s ease,
+			border-color 0.15s ease,
+			transform 0.1s ease;
 		box-sizing: border-box;
 	}
 
@@ -839,7 +842,9 @@
 		border-radius: var(--fd-radius-md);
 		border-left: 3px solid transparent;
 		cursor: pointer;
-		transition: background-color 0.15s ease, border-left-color 0.15s ease;
+		transition:
+			background-color 0.15s ease,
+			border-left-color 0.15s ease;
 	}
 
 	.playground__session:hover {

package/dist/editor/index.d.ts

@@ -63,7 +63,9 @@ export { default as MessageBubble } from '../components/playground/MessageBubble
 export { mountWorkflowEditor, mountFlowDropApp, unmountFlowDropApp } from '../svelte-app.js';
 export { nodeComponentRegistry, createNamespacedType, parseNamespacedType, BUILTIN_NODE_COMPONENTS, BUILTIN_NODE_TYPES, FLOWDROP_SOURCE, registerBuiltinNodes, areBuiltinsRegistered, isBuiltinType, getBuiltinTypes, resolveBuiltinAlias, registerFlowDropPlugin, unregisterFlowDropPlugin, registerCustomNode, createPlugin, isValidNamespace, getRegisteredPlugins, getPluginNodeCount } from '../registry/index.js';
 export { EdgeStylingHelper, NodeOperationsHelper, WorkflowOperationsHelper, ConfigurationHelper } from '../helpers/workflowEditorHelper.js';
-export { workflowStore, workflowActions, workflowId, workflowName, workflowNodes, workflowEdges, workflowMetadata, workflowChanged, workflowValidation, workflowMetadataChanged, connectedHandles, isDirtyStore, isDirty, markAsSaved, getWorkflow as getWorkflowFromStore, setOnDirtyStateChange, setOnWorkflowChange } from '../stores/workflowStore.js';
+export { workflowStore, workflowActions, workflowId, workflowName, workflowNodes, workflowEdges, workflowMetadata, workflowChanged, workflowValidation, workflowMetadataChanged, connectedHandles, isDirtyStore, isDirty, markAsSaved, getWorkflow as getWorkflowFromStore, setOnDirtyStateChange, setOnWorkflowChange, setHistoryEnabled, isHistoryEnabled, setRestoringFromHistory } from '../stores/workflowStore.js';
+export { historyStateStore, canUndo, canRedo, historyActions, setOnRestoreCallback, historyService, HistoryService } from '../stores/historyStore.js';
+export type { HistoryEntry, HistoryState, PushOptions } from '../stores/historyStore.js';
 export * from '../services/api.js';
 export { showSuccess, showError, showWarning, showInfo, showLoading, dismissToast, dismissAllToasts, showPromise, showConfirmation, apiToasts, workflowToasts, pipelineToasts } from '../services/toastService.js';
 export { NodeExecutionService, nodeExecutionService } from '../services/nodeExecutionService.js';

package/dist/editor/index.js

@@ -98,7 +98,11 @@ export { EdgeStylingHelper, NodeOperationsHelper, WorkflowOperationsHelper, Conf
 // ============================================================================
 export { workflowStore, workflowActions, workflowId, workflowName, workflowNodes, workflowEdges, workflowMetadata, workflowChanged, workflowValidation, workflowMetadataChanged, connectedHandles, 
 // Dirty state tracking
-isDirtyStore, isDirty, markAsSaved, getWorkflow as getWorkflowFromStore, setOnDirtyStateChange, setOnWorkflowChange } from '../stores/workflowStore.js';
+isDirtyStore, isDirty, markAsSaved, getWorkflow as getWorkflowFromStore, setOnDirtyStateChange, setOnWorkflowChange, 
+// History control
+setHistoryEnabled, isHistoryEnabled, setRestoringFromHistory } from '../stores/workflowStore.js';
+// History Store and Service
+export { historyStateStore, canUndo, canRedo, historyActions, setOnRestoreCallback, historyService, HistoryService } from '../stores/historyStore.js';
 // ============================================================================
 // Services
 // ============================================================================

package/dist/helpers/workflowEditorHelper.js

@@ -189,8 +189,7 @@ export class EdgeStylingHelper {
                 break;
             case 'trigger':
                 // Trigger edges: solid dark line for control flow
-                edge.style =
-                    'stroke: var(--fd-edge-trigger); stroke-width: var(--fd-edge-trigger-width);';
+                edge.style = 'stroke: var(--fd-edge-trigger); stroke-width: var(--fd-edge-trigger-width);';
                 edge.class = 'flowdrop--edge--trigger';
                 edge.markerEnd = {
                     type: MarkerType.ArrowClosed,

package/dist/registry/nodeComponentRegistry.d.ts

@@ -226,22 +226,22 @@ declare class NodeComponentRegistry {
      */
     private notifyListeners;
     /**
-     * Get enum options for config forms.
-     * Returns arrays suitable for JSON Schema enum/enumNames.
+     * Get oneOf options for config forms.
+     * Returns array suitable for JSON Schema oneOf with const/title.
      *
      * @param filterFn - Optional filter function to limit which types are included
-     * @returns Object with enum (type values) and enumNames (display names)
+     * @returns Array of oneOf items with const (type value) and title (display name)
      *
      * @example
      * ```typescript
-     * const { enum: types, enumNames } = nodeComponentRegistry.getEnumOptions();
-     * // Use in configSchema: { type: "string", enum: types, enumNames }
+     * const oneOf = nodeComponentRegistry.getOneOfOptions();
+     * // Use in configSchema: { type: "string", oneOf }
      * ```
      */
-    getEnumOptions(filterFn?: (reg: NodeComponentRegistration) => boolean): {
-        enum: string[];
-        enumNames: string[];
-    };
+    getOneOfOptions(filterFn?: (reg: NodeComponentRegistration) => boolean): Array<{
+        const: string;
+        title: string;
+    }>;
     /**
      * Get the status position for a node type.
      *

package/dist/registry/nodeComponentRegistry.js

@@ -215,24 +215,24 @@ class NodeComponentRegistry {
         }
     }
     /**
-     * Get enum options for config forms.
-     * Returns arrays suitable for JSON Schema enum/enumNames.
+     * Get oneOf options for config forms.
+     * Returns array suitable for JSON Schema oneOf with const/title.
      *
      * @param filterFn - Optional filter function to limit which types are included
-     * @returns Object with enum (type values) and enumNames (display names)
+     * @returns Array of oneOf items with const (type value) and title (display name)
      *
      * @example
      * ```typescript
-     * const { enum: types, enumNames } = nodeComponentRegistry.getEnumOptions();
-     * // Use in configSchema: { type: "string", enum: types, enumNames }
+     * const oneOf = nodeComponentRegistry.getOneOfOptions();
+     * // Use in configSchema: { type: "string", oneOf }
      * ```
      */
-    getEnumOptions(filterFn) {
+    getOneOfOptions(filterFn) {
         const registrations = filterFn ? this.getAll().filter(filterFn) : this.getAll();
-        return {
-            enum: registrations.map((r) => r.type),
-            enumNames: registrations.map((r) => r.displayName)
-        };
+        return registrations.map((r) => ({
+            const: r.type,
+            title: r.displayName
+        }));
     }
     /**
      * Get the status position for a node type.