@d34dman/flowdrop 0.0.28 → 0.0.30

package/dist/components/NodeSidebar.svelte

@@ -25,25 +25,34 @@
 	let categories = $derived(getCategories());
 
 	/**
-	 * Get all unique categories from node types
+	 * Get all unique categories from node types, preserving API order
+	 * Categories appear in the order their first node appears in the API response
 	 */
 	function getCategories(): NodeCategory[] {
 		const nodes = props.nodes || [];
 		if (nodes.length === 0) return [];
-		const categories = new SvelteSet<NodeCategory>();
-		nodes.forEach((node) => categories.add(node.category));
-		return Array.from(categories).sort();
+		// Use a Set to track uniqueness while preserving insertion order
+		const seen = new SvelteSet<NodeCategory>();
+		const orderedCategories: NodeCategory[] = [];
+		for (const node of nodes) {
+			if (!seen.has(node.category)) {
+				seen.add(node.category);
+				orderedCategories.push(node.category);
+			}
+		}
+		return orderedCategories;
 	}
 
 	/**
 	 * Filter node types based on search query and selected category
+	 * Preserves the API order - no client-side sorting applied
 	 */
 	function getFilteredNodes(): NodeMetadata[] {
 		// Use actual node types from props
 		let filtered = props.nodes || [];
 
 		// Filter by category
-		if (selectedCategory !== 'all') {
+		if (selectedCategory !== "all") {
 			filtered = filtered.filter((node) => node.category === selectedCategory);
 		}
 
@@ -58,8 +67,8 @@
 			);
 		}
 
-		// Create a new array and sort it to avoid mutating the original
-		return [...filtered].sort((a, b) => a.name.localeCompare(b.name));
+		// Return filtered results preserving API order
+		return filtered;
 	}
 
 	/**
@@ -149,12 +158,11 @@
 
 	/**
 	 * Get node types for category
+	 * Preserves the API order - no client-side sorting applied
 	 */
 	function getNodesForCategory(category: NodeCategory): NodeMetadata[] {
 		const nodes = props.nodes || [];
-		return [...nodes]
-			.filter((node) => node.category === category)
-			.sort((a, b) => a.name.localeCompare(b.name));
+		return nodes.filter((node) => node.category === category);
 	}
 
 	/**

package/dist/components/WorkflowEditor.svelte

@@ -37,6 +37,7 @@
 	} from '../helpers/workflowEditorHelper.js';
 	import type { NodeExecutionInfo } from '../types/index.js';
 	import { areNodeArraysEqual, areEdgeArraysEqual, throttle } from '../utils/performanceUtils.js';
+	import { Toaster } from 'svelte-5-french-toast';
 
 	interface Props {
 		nodes?: NodeMetadata[];
@@ -457,6 +458,9 @@
 	</div>
 </SvelteFlowProvider>
 
+<!-- Toast notifications container -->
+<Toaster position="bottom-center" />
+
 <style>
 	.flowdrop-workflow-editor {
 		display: flex;

package/dist/components/form/FormFieldLight.svelte

@@ -0,0 +1,422 @@
+<!--
+  FormFieldLight Component
+  Factory component that renders the appropriate field based on schema type.
+  
+  This is the "light" version that uses the field registry for heavy components
+  (code editor, markdown editor, template editor) instead of static imports.
+  
+  Heavy components are only loaded if registered via:
+  - `registerCodeEditorField()` from "@d34dman/flowdrop/form/code"
+  - `registerMarkdownEditorField()` from "@d34dman/flowdrop/form/markdown"
+  
+  Features:
+  - Automatically selects the correct field component based on schema
+  - Wraps fields with FormFieldWrapper for consistent layout
+  - Supports all basic field types (string, number, boolean, select, checkbox group, range)
+  - Heavy editors (code, markdown, template) require explicit registration
+  - Shows helpful fallback when heavy editors aren't registered
+  
+  Type Resolution Order:
+  1. Check field registry for custom/heavy components (highest priority)
+  2. format: 'hidden' -> skip rendering (return nothing)
+  3. enum with multiple: true -> FormCheckboxGroup
+  4. enum -> FormSelect
+  5. format: 'multiline' -> FormTextarea
+  6. format: 'range' (number/integer) -> FormRangeField
+  7. type: 'string' -> FormTextField
+  8. type: 'number' or 'integer' -> FormNumberField
+  9. type: 'boolean' -> FormToggle
+  10. type: 'select' or has options -> FormSelect
+  11. type: 'array' -> FormArray
+  12. fallback -> FormTextField
+-->
+
+<script lang="ts">
+	import FormFieldWrapper from "./FormFieldWrapper.svelte";
+	import FormTextField from "./FormTextField.svelte";
+	import FormTextarea from "./FormTextarea.svelte";
+	import FormNumberField from "./FormNumberField.svelte";
+	import FormRangeField from "./FormRangeField.svelte";
+	import FormToggle from "./FormToggle.svelte";
+	import FormSelect from "./FormSelect.svelte";
+	import FormCheckboxGroup from "./FormCheckboxGroup.svelte";
+	import FormArray from "./FormArray.svelte";
+	import { resolveFieldComponent } from "../../form/fieldRegistry.js";
+	import type { FieldSchema, FieldOption } from "./types.js";
+
+	interface Props {
+		/** Unique key/id for the field */
+		fieldKey: string;
+		/** Field schema definition */
+		schema: FieldSchema;
+		/** Current field value */
+		value: unknown;
+		/** Whether the field is required */
+		required?: boolean;
+		/** Animation delay index for staggered animations */
+		animationIndex?: number;
+		/** Callback when the field value changes */
+		onChange: (value: unknown) => void;
+	}
+
+	let { fieldKey, schema, value, required = false, animationIndex = 0, onChange }: Props = $props();
+
+	/**
+	 * Computed description ID for ARIA association
+	 */
+	const descriptionId = $derived(
+		schema.description && schema.title ? `${fieldKey}-description` : undefined
+	);
+
+	/**
+	 * Animation delay based on index
+	 */
+	const animationDelay = $derived(animationIndex * 30);
+
+	/**
+	 * Field label - prefer title, fall back to description, then key
+	 */
+	const fieldLabel = $derived(String(schema.title ?? schema.description ?? fieldKey));
+
+	/**
+	 * Check if there's a registered custom component for this schema
+	 */
+	const registeredComponent = $derived(resolveFieldComponent(schema));
+
+	/**
+	 * Determine the field type to render (for non-registered components)
+	 */
+	const fieldType = $derived.by(() => {
+		// If a custom component is registered, use it
+		if (registeredComponent) {
+			return "registered";
+		}
+
+		// Hidden fields should not be rendered
+		if (schema.format === "hidden") {
+			return "hidden";
+		}
+
+		// Check for heavy editor formats that need registration
+		if (schema.format === "json" || schema.format === "code") {
+			return "code-editor-fallback";
+		}
+
+		if (schema.format === "markdown") {
+			return "markdown-editor-fallback";
+		}
+
+		if (schema.format === "template") {
+			return "template-editor-fallback";
+		}
+
+		// Object type without specific format would use code editor
+		if (schema.type === "object" && !schema.format) {
+			return "code-editor-fallback";
+		}
+
+		// Enum with multiple selection -> checkbox group
+		if (schema.enum && schema.multiple) {
+			return "checkbox-group";
+		}
+
+		// Enum with single selection -> select
+		if (schema.enum) {
+			return "select-enum";
+		}
+
+		// Multiline string -> textarea
+		if (schema.type === "string" && schema.format === "multiline") {
+			return "textarea";
+		}
+
+		// Range slider for number/integer with format: "range"
+		if ((schema.type === "number" || schema.type === "integer") && schema.format === "range") {
+			return "range";
+		}
+
+		// String -> text field
+		if (schema.type === "string") {
+			return "text";
+		}
+
+		// Number or integer -> number field
+		if (schema.type === "number" || schema.type === "integer") {
+			return "number";
+		}
+
+		// Boolean -> toggle
+		if (schema.type === "boolean") {
+			return "toggle";
+		}
+
+		// Select type or has options -> select
+		if (schema.type === "select" || schema.options) {
+			return "select-options";
+		}
+
+		// Array type
+		if (schema.type === "array") {
+			return "array";
+		}
+
+		// Fallback to text
+		return "text";
+	});
+
+	/**
+	 * Get enum options as string array for select/checkbox components
+	 */
+	const enumOptions = $derived.by((): string[] => {
+		if (!schema.enum) return [];
+		return schema.enum.map((opt) => String(opt));
+	});
+
+	/**
+	 * Get select options for select-options type
+	 */
+	const selectOptions = $derived.by((): FieldOption[] => {
+		if (!schema.options) return [];
+		return schema.options as FieldOption[];
+	});
+
+	/**
+	 * Get current value as the appropriate type
+	 */
+	const stringValue = $derived(String(value ?? ""));
+	const numberValue = $derived(value as number | string);
+	const booleanValue = $derived(Boolean(value ?? schema.default ?? false));
+	const arrayValue = $derived.by((): string[] => {
+		if (Array.isArray(value)) {
+			return value.map((v) => String(v));
+		}
+		return [];
+	});
+	const arrayItems = $derived.by((): unknown[] => {
+		if (Array.isArray(value)) {
+			return value;
+		}
+		return [];
+	});
+
+	/**
+	 * Get helpful message for missing editor registration
+	 */
+	function getEditorHint(editorType: string): string {
+		switch (editorType) {
+			case "code-editor-fallback":
+				return "Code editor requires: import { registerCodeEditorField } from '@d34dman/flowdrop/form/code'; registerCodeEditorField();";
+			case "markdown-editor-fallback":
+				return "Markdown editor requires: import { registerMarkdownEditorField } from '@d34dman/flowdrop/form/markdown'; registerMarkdownEditorField();";
+			case "template-editor-fallback":
+				return "Template editor requires: import { registerTemplateEditorField } from '@d34dman/flowdrop/form/code'; registerTemplateEditorField();";
+			default:
+				return "This field type requires additional registration.";
+		}
+	}
+</script>
+
+{#if fieldType !== "hidden"}
+	<FormFieldWrapper
+		id={fieldKey}
+		label={fieldLabel}
+		{required}
+		description={schema.title ? schema.description : undefined}
+		{animationDelay}
+	>
+		{#if fieldType === "registered" && registeredComponent}
+			<!-- Render registered custom component -->
+			<registeredComponent.component
+				id={fieldKey}
+				{value}
+				placeholder={schema.placeholder ?? ""}
+				{required}
+				ariaDescribedBy={descriptionId}
+				height={schema.height as string | undefined}
+				darkTheme={schema.darkTheme as boolean | undefined}
+				autoFormat={schema.autoFormat as boolean | undefined}
+				showToolbar={schema.showToolbar as boolean | undefined}
+				showStatusBar={schema.showStatusBar as boolean | undefined}
+				spellChecker={schema.spellChecker as boolean | undefined}
+				variableHints={schema.variableHints as string[] | undefined}
+				placeholderExample={schema.placeholderExample as string | undefined}
+				onChange={(val: unknown) => onChange(val)}
+			/>
+		{:else if fieldType === "checkbox-group"}
+			<FormCheckboxGroup
+				id={fieldKey}
+				value={arrayValue}
+				options={enumOptions}
+				ariaDescribedBy={descriptionId}
+				onChange={(val) => onChange(val)}
+			/>
+		{:else if fieldType === "select-enum"}
+			<FormSelect
+				id={fieldKey}
+				value={stringValue}
+				options={enumOptions}
+				{required}
+				ariaDescribedBy={descriptionId}
+				onChange={(val) => onChange(val)}
+			/>
+		{:else if fieldType === "textarea"}
+			<FormTextarea
+				id={fieldKey}
+				value={stringValue}
+				placeholder={schema.placeholder ?? ""}
+				{required}
+				ariaDescribedBy={descriptionId}
+				onChange={(val) => onChange(val)}
+			/>
+		{:else if fieldType === "text"}
+			<FormTextField
+				id={fieldKey}
+				value={stringValue}
+				placeholder={schema.placeholder ?? ""}
+				{required}
+				ariaDescribedBy={descriptionId}
+				onChange={(val) => onChange(val)}
+			/>
+		{:else if fieldType === "number"}
+			<FormNumberField
+				id={fieldKey}
+				value={numberValue}
+				placeholder={schema.placeholder ?? ""}
+				min={schema.minimum}
+				max={schema.maximum}
+				{required}
+				ariaDescribedBy={descriptionId}
+				onChange={(val) => onChange(val)}
+			/>
+		{:else if fieldType === "range"}
+			<FormRangeField
+				id={fieldKey}
+				value={numberValue}
+				min={schema.minimum}
+				max={schema.maximum}
+				step={schema.step}
+				{required}
+				ariaDescribedBy={descriptionId}
+				onChange={(val) => onChange(val)}
+			/>
+		{:else if fieldType === "toggle"}
+			<FormToggle
+				id={fieldKey}
+				value={booleanValue}
+				ariaDescribedBy={descriptionId}
+				onChange={(val) => onChange(val)}
+			/>
+		{:else if fieldType === "select-options"}
+			<FormSelect
+				id={fieldKey}
+				value={stringValue}
+				options={selectOptions}
+				{required}
+				ariaDescribedBy={descriptionId}
+				onChange={(val) => onChange(val)}
+			/>
+		{:else if fieldType === "array" && schema.items}
+			<FormArray
+				id={fieldKey}
+				value={arrayItems}
+				itemSchema={schema.items}
+				minItems={schema.minItems}
+				maxItems={schema.maxItems}
+				addLabel={`Add ${schema.items.title ?? "Item"}`}
+				onChange={(val) => onChange(val)}
+			/>
+		{:else if fieldType.endsWith("-fallback")}
+			<!-- Fallback for unregistered heavy editors -->
+			<div class="form-field-fallback">
+				<div class="form-field-fallback__message">
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						viewBox="0 0 20 20"
+						fill="currentColor"
+						class="form-field-fallback__icon"
+					>
+						<path
+							fill-rule="evenodd"
+							d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z"
+							clip-rule="evenodd"
+						/>
+					</svg>
+					<span>Editor component not registered</span>
+				</div>
+				<p class="form-field-fallback__hint">
+					{getEditorHint(fieldType)}
+				</p>
+				<!-- Provide a basic textarea fallback for editing -->
+				<FormTextarea
+					id={fieldKey}
+					value={typeof value === "string" ? value : JSON.stringify(value, null, 2)}
+					placeholder={schema.placeholder ?? "Enter value..."}
+					{required}
+					ariaDescribedBy={descriptionId}
+					onChange={(val) => {
+						// Try to parse as JSON for object types
+						if (schema.type === "object" || schema.format === "json") {
+							try {
+								onChange(JSON.parse(val));
+							} catch {
+								onChange(val);
+							}
+						} else {
+							onChange(val);
+						}
+					}}
+				/>
+			</div>
+		{:else}
+			<!-- Fallback to text input -->
+			<FormTextField
+				id={fieldKey}
+				value={stringValue}
+				placeholder={schema.placeholder ?? ""}
+				ariaDescribedBy={descriptionId}
+				onChange={(val) => onChange(val)}
+			/>
+		{/if}
+	</FormFieldWrapper>
+{/if}
+
+<style>
+	.form-field-fallback {
+		display: flex;
+		flex-direction: column;
+		gap: 0.5rem;
+	}
+
+	.form-field-fallback__message {
+		display: flex;
+		align-items: center;
+		gap: 0.5rem;
+		padding: 0.5rem 0.75rem;
+		background-color: var(--color-ref-amber-50, #fffbeb);
+		border: 1px solid var(--color-ref-amber-200, #fde68a);
+		border-radius: 0.375rem;
+		color: var(--color-ref-amber-800, #92400e);
+		font-size: 0.8125rem;
+		font-weight: 500;
+	}
+
+	.form-field-fallback__icon {
+		width: 1rem;
+		height: 1rem;
+		flex-shrink: 0;
+		color: var(--color-ref-amber-500, #f59e0b);
+	}
+
+	.form-field-fallback__hint {
+		margin: 0;
+		padding: 0.5rem 0.75rem;
+		background-color: var(--color-ref-gray-50, #f9fafb);
+		border: 1px solid var(--color-ref-gray-200, #e5e7eb);
+		border-radius: 0.375rem;
+		font-family: "JetBrains Mono", "Fira Code", "Monaco", "Menlo", monospace;
+		font-size: 0.6875rem;
+		line-height: 1.5;
+		color: var(--color-ref-gray-600, #4b5563);
+		word-break: break-word;
+	}
+</style>

package/dist/components/form/FormFieldLight.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { FieldSchema } from "./types.js";
+interface Props {
+    /** Unique key/id for the field */
+    fieldKey: string;
+    /** Field schema definition */
+    schema: FieldSchema;
+    /** Current field value */
+    value: unknown;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Animation delay index for staggered animations */
+    animationIndex?: number;
+    /** Callback when the field value changes */
+    onChange: (value: unknown) => void;
+}
+declare const FormFieldLight: import("svelte").Component<Props, {}, "">;
+type FormFieldLight = ReturnType<typeof FormFieldLight>;
+export default FormFieldLight;

package/dist/components/nodes/ToolNode.svelte

@@ -7,7 +7,7 @@
 <script lang="ts">
 	import { Position, Handle } from '@xyflow/svelte';
 	import Icon from '@iconify/svelte';
-	import { getDataTypeColor } from '../../utils/colors';
+	import { getDataTypeColor, getColorVariants } from '../../utils/colors';
 	import type { NodeMetadata } from '../../types/index.js';
 
 	interface ToolNodeParameter {
@@ -64,6 +64,19 @@
 			'1.0.0'
 	);
 
+	// Generate color variants for theming (light tint for background, border tint for borders)
+	let colorVariants = $derived(getColorVariants(toolColor));
+
+	// Build inline style string for CSS custom properties
+	// This allows per-node color overrides while defaulting to global CSS variables
+	let nodeStyle = $derived(
+		[
+			`--flowdrop-tool-node-color: ${colorVariants.base}`,
+			`--flowdrop-tool-node-color-light: ${colorVariants.light}`,
+			`--flowdrop-tool-node-color-border: ${colorVariants.border}`
+		].join('; ')
+	);
+
 	// Check for tool interface ports in metadata
 	let hasToolInputPort = $derived(
 		props.data.metadata?.inputs?.some((port) => port.dataType === 'tool') || false
@@ -128,6 +141,7 @@
 	class:flowdrop-tool-node--selected={props.selected}
 	class:flowdrop-tool-node--processing={props.isProcessing}
 	class:flowdrop-tool-node--error={props.isError}
+	style={nodeStyle}
 	onclick={handleClick}
 	ondblclick={handleDoubleClick}
 	onkeydown={handleKeydown}
@@ -138,7 +152,7 @@
 	<div class="flowdrop-tool-node__header">
 		<div class="flowdrop-tool-node__header-content">
 			<!-- Tool Icon -->
-			<div class="flowdrop-tool-node__icon-container" style="background-color: {toolColor}">
+			<div class="flowdrop-tool-node__icon-container">
 				<Icon icon={toolIcon} class="flowdrop-tool-node__icon" />
 			</div>
 
@@ -214,7 +228,7 @@
 
 	.flowdrop-tool-node--selected {
 		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
-		border: 2px solid #f59e0b;
+		border: 2px solid var(--flowdrop-tool-node-color);
 	}
 
 	.flowdrop-tool-node--processing {
@@ -228,9 +242,9 @@
 
 	.flowdrop-tool-node__header {
 		padding: 1rem;
-		background-color: #fffbeb;
+		background-color: var(--flowdrop-tool-node-color-light);
 		border-radius: 0.75rem;
-		border: 1px solid #fcd34d;
+		border: 1px solid var(--flowdrop-tool-node-color-border);
 	}
 
 	.flowdrop-tool-node__header-content {
@@ -248,6 +262,7 @@
 		height: 2.5rem;
 		border-radius: 0.5rem;
 		flex-shrink: 0;
+		background-color: var(--flowdrop-tool-node-color);
 	}
 
 	.flowdrop-tool-node__info {
@@ -271,7 +286,7 @@
 	}
 
 	.flowdrop-tool-node__badge {
-		background-color: #f59e0b;
+		background-color: var(--flowdrop-tool-node-color);
 		color: white;
 		font-size: 0.625rem;
 		font-weight: 700;
@@ -375,11 +390,11 @@
 
 	/* Metadata port hover effects */
 	:global(.svelte-flow__node-tool .svelte-flow__handle:hover) {
-		box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.3) !important;
+		box-shadow: 0 0 0 2px color-mix(in srgb, var(--flowdrop-tool-node-color) 30%, transparent) !important;
 	}
 
 	:global(.svelte-flow__node-tool .svelte-flow__handle:focus) {
-		outline: 2px solid #f59e0b !important;
+		outline: 2px solid var(--flowdrop-tool-node-color) !important;
 		outline-offset: 2px !important;
 	}
 </style>

package/dist/core/index.d.ts

@@ -0,0 +1,39 @@
+/**
+ * FlowDrop Core Module
+ *
+ * This module exports types, utilities, and lightweight functionality
+ * with zero heavy dependencies. Safe to import without bundling
+ * @xyflow/svelte, codemirror, easymde, or marked.
+ *
+ * @module core
+ *
+ * @example
+ * ```typescript
+ * // Import types and utilities without heavy dependencies
+ * import type { Workflow, WorkflowNode, NodeMetadata } from "@d34dman/flowdrop/core";
+ * import { getStatusColor, createDefaultExecutionInfo } from "@d34dman/flowdrop/core";
+ * ```
+ */
+export type { NodeCategory, NodeDataType, NodePort, DynamicPort, Branch, NodeMetadata, NodeExtensions, NodeUIExtensions, ConfigValues, WorkflowNode, WorkflowEdge, Workflow, ApiResponse, NodesResponse, WorkflowResponse, WorkflowsResponse, ExecutionStatus, ExecutionResult, FlowDropConfig, WorkflowEvents, BuiltinNodeType, PortConfig, PortCompatibilityRule, ConfigSchema, ConfigProperty, HttpMethod, DynamicSchemaEndpoint, ExternalEditLink, ConfigEditOptions } from "../types/index.js";
+export type { WorkflowEditorConfig, EditorFeatures, UIConfig, APIConfig, ExecutionConfig, StorageConfig } from "../types/config.js";
+export type { AuthProvider, StaticAuthConfig, CallbackAuthConfig } from "../types/auth.js";
+export type { WorkflowChangeType, FlowDropEventHandlers, FlowDropFeatures } from "../types/events.js";
+export type { FieldSchema, FieldType, FieldFormat, FieldOption, SchemaFormProps, BaseFieldProps, TextFieldProps, TextareaFieldProps, NumberFieldProps, ToggleFieldProps, RangeFieldProps, SelectFieldProps, CheckboxGroupFieldProps, ArrayFieldProps, CodeEditorFieldProps, MarkdownEditorFieldProps, TemplateEditorFieldProps, FormFieldFactoryProps, FormFieldWrapperProps } from "../components/form/types.js";
+export type { NodeComponentProps, NodeComponentRegistration, NodeComponentCategory, StatusPosition, StatusSize, NodeRegistrationFilter, FlowDropPluginConfig, PluginNodeDefinition, PluginRegistrationResult } from "../registry/index.js";
+export type { ToastType, ToastOptions } from "../services/toastService.js";
+export type { DynamicSchemaResult } from "../services/dynamicSchemaService.js";
+export type { EndpointConfig } from "../config/endpoints.js";
+export type { FlowDropMountOptions, MountedFlowDropApp, NavbarAction } from "../svelte-app.js";
+export { StaticAuthProvider, CallbackAuthProvider, NoAuthProvider } from "../types/auth.js";
+export { DEFAULT_FEATURES, mergeFeatures } from "../types/events.js";
+export { getStatusColor, getStatusIcon, getStatusLabel, getStatusBackgroundColor, getStatusTextColor, createDefaultExecutionInfo, updateExecutionStart, updateExecutionComplete, updateExecutionFailed, resetExecutionInfo, formatExecutionDuration, formatLastExecuted } from "../utils/nodeStatus.js";
+export { createNodeWrapperConfig, shouldShowNodeStatus, getOptimalStatusPosition, getOptimalStatusSize, DEFAULT_NODE_STATUS_CONFIG } from "../utils/nodeWrapper.js";
+export type { NodeStatusConfig } from "../utils/nodeWrapper.js";
+export * from "../utils/colors.js";
+export * from "../utils/icons.js";
+export * from "../utils/config.js";
+export * from "../utils/nodeTypes.js";
+export { isFieldOptionArray, normalizeOptions } from "../components/form/types.js";
+export { DEFAULT_PORT_CONFIG } from "../config/defaultPortConfig.js";
+export { defaultEndpointConfig, createEndpointConfig } from "../config/endpoints.js";
+export * from "../adapters/WorkflowAdapter.js";