@d34dman/flowdrop 0.0.28 → 0.0.29

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/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";

package/dist/core/index.js

@@ -0,0 +1,50 @@
+/**
+ * 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";
+ * ```
+ */
+// ============================================================================
+// Authentication Providers (no dependencies)
+// ============================================================================
+export { StaticAuthProvider, CallbackAuthProvider, NoAuthProvider } from "../types/auth.js";
+// ============================================================================
+// Event Utilities
+// ============================================================================
+export { DEFAULT_FEATURES, mergeFeatures } from "../types/events.js";
+// ============================================================================
+// Utility Functions (no heavy dependencies)
+// ============================================================================
+// Node status utilities
+export { getStatusColor, getStatusIcon, getStatusLabel, getStatusBackgroundColor, getStatusTextColor, createDefaultExecutionInfo, updateExecutionStart, updateExecutionComplete, updateExecutionFailed, resetExecutionInfo, formatExecutionDuration, formatLastExecuted } from "../utils/nodeStatus.js";
+// Node wrapper utilities
+export { createNodeWrapperConfig, shouldShowNodeStatus, getOptimalStatusPosition, getOptimalStatusSize, DEFAULT_NODE_STATUS_CONFIG } from "../utils/nodeWrapper.js";
+// Color utilities
+export * from "../utils/colors.js";
+// Icon utilities
+export * from "../utils/icons.js";
+// Config utilities
+export * from "../utils/config.js";
+// Node type utilities
+export * from "../utils/nodeTypes.js";
+// Form type utilities
+export { isFieldOptionArray, normalizeOptions } from "../components/form/types.js";
+// ============================================================================
+// Configuration
+// ============================================================================
+export { DEFAULT_PORT_CONFIG } from "../config/defaultPortConfig.js";
+export { defaultEndpointConfig, createEndpointConfig } from "../config/endpoints.js";
+// ============================================================================
+// Adapters
+// ============================================================================
+export * from "../adapters/WorkflowAdapter.js";

package/dist/display/index.d.ts

@@ -0,0 +1,29 @@
+/**
+ * FlowDrop Display Module
+ *
+ * Provides display components for rendering content.
+ * This module includes the marked library for markdown rendering.
+ *
+ * @module display
+ *
+ * @example
+ * ```typescript
+ * import { MarkdownDisplay } from "@d34dman/flowdrop/display";
+ * ```
+ *
+ * @example In Svelte:
+ * ```svelte
+ * <script>
+ *   import { MarkdownDisplay } from "@d34dman/flowdrop/display";
+ *
+ *   const markdown = `
+ *   # Hello World
+ *   This is **markdown** content.
+ *   `;
+ * </script>
+ *
+ * <MarkdownDisplay content={markdown} />
+ * ```
+ */
+export { default as MarkdownDisplay } from "../components/MarkdownDisplay.svelte";
+export { marked } from "marked";

package/dist/display/index.js

@@ -0,0 +1,36 @@
+/**
+ * FlowDrop Display Module
+ *
+ * Provides display components for rendering content.
+ * This module includes the marked library for markdown rendering.
+ *
+ * @module display
+ *
+ * @example
+ * ```typescript
+ * import { MarkdownDisplay } from "@d34dman/flowdrop/display";
+ * ```
+ *
+ * @example In Svelte:
+ * ```svelte
+ * <script>
+ *   import { MarkdownDisplay } from "@d34dman/flowdrop/display";
+ *
+ *   const markdown = `
+ *   # Hello World
+ *   This is **markdown** content.
+ *   `;
+ * </script>
+ *
+ * <MarkdownDisplay content={markdown} />
+ * ```
+ */
+// ============================================================================
+// Display Components
+// ============================================================================
+export { default as MarkdownDisplay } from "../components/MarkdownDisplay.svelte";
+// ============================================================================
+// Re-export marked for advanced usage
+// ============================================================================
+// Users can use marked directly if they need more control
+export { marked } from "marked";

package/dist/editor/index.d.ts

@@ -0,0 +1,78 @@
+/**
+ * FlowDrop Editor Module
+ *
+ * Provides the WorkflowEditor component and related functionality for
+ * building visual workflow editors. This module includes @xyflow/svelte
+ * and all node components.
+ *
+ * @module editor
+ *
+ * @example Mounting a standalone workflow editor:
+ * ```typescript
+ * import { mountFlowDropApp, WorkflowEditor } from "@d34dman/flowdrop/editor";
+ * import "@d34dman/flowdrop/styles";
+ *
+ * const app = await mountFlowDropApp(document.getElementById("editor"), {
+ *   workflow: myWorkflow,
+ *   nodes: availableNodes
+ * });
+ * ```
+ *
+ * @example Using WorkflowEditor in Svelte:
+ * ```svelte
+ * <script>
+ *   import { WorkflowEditor } from "@d34dman/flowdrop/editor";
+ * </script>
+ *
+ * <WorkflowEditor nodes={availableNodes} />
+ * ```
+ */
+import "../registry/builtinNodes.js";
+export { default as WorkflowEditor } from "../components/WorkflowEditor.svelte";
+export { default as App } from "../components/App.svelte";
+export { default as WorkflowNodeComponent } from "../components/nodes/WorkflowNode.svelte";
+export { default as SimpleNodeComponent } from "../components/nodes/SimpleNode.svelte";
+export { default as ToolNodeComponent } from "../components/nodes/ToolNode.svelte";
+export { default as NotesNodeComponent } from "../components/nodes/NotesNode.svelte";
+export { default as GatewayNode } from "../components/nodes/GatewayNode.svelte";
+export { default as SquareNode } from "../components/nodes/SquareNode.svelte";
+export { default as TerminalNode } from "../components/nodes/TerminalNode.svelte";
+export { default as UniversalNode } from "../components/UniversalNode.svelte";
+export { default as NodeSidebar } from "../components/NodeSidebar.svelte";
+export { default as CanvasBanner } from "../components/CanvasBanner.svelte";
+export { default as LoadingSpinner } from "../components/LoadingSpinner.svelte";
+export { default as StatusIcon } from "../components/StatusIcon.svelte";
+export { default as StatusLabel } from "../components/StatusLabel.svelte";
+export { default as NodeStatusOverlay } from "../components/NodeStatusOverlay.svelte";
+export { default as ConfigForm } from "../components/ConfigForm.svelte";
+export { default as ConfigModal } from "../components/ConfigModal.svelte";
+export { default as ConfigPanel } from "../components/ConfigPanel.svelte";
+export { default as ReadOnlyDetails } from "../components/ReadOnlyDetails.svelte";
+export { default as ConnectionLine } from "../components/ConnectionLine.svelte";
+export { default as LogsSidebar } from "../components/LogsSidebar.svelte";
+export { default as PipelineStatus } from "../components/PipelineStatus.svelte";
+export { default as Navbar } from "../components/Navbar.svelte";
+export { default as Logo } from "../components/Logo.svelte";
+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 * 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";
+export { saveWorkflow, updateWorkflow, getWorkflow, getWorkflows, deleteWorkflow, getWorkflowCount, initializeSampleWorkflows } from "../services/workflowStorage.js";
+export { globalSaveWorkflow, globalExportWorkflow, initializeGlobalSave } from "../services/globalSave.js";
+export { fetchPortConfig, validatePortConfig } from "../services/portConfigApi.js";
+export { fetchDynamicSchema, resolveExternalEditUrl, getEffectiveConfigEditOptions, clearSchemaCache, invalidateSchemaCache, hasConfigEditOptions, shouldShowExternalEdit, shouldUseDynamicSchema } from "../services/dynamicSchemaService.js";
+export { getDraftStorageKey, saveDraft, loadDraft, deleteDraft, hasDraft, getDraftMetadata, DraftAutoSaveManager } from "../services/draftStorage.js";
+export { FlowDropApiClient } from "../api/client.js";
+export { EnhancedFlowDropApiClient, ApiError } from "../api/enhanced-client.js";
+export * from "../utils/connections.js";
+export * from "../config/runtimeConfig.js";
+export type { Workflow, WorkflowNode, WorkflowEdge, NodeMetadata, NodePort, DynamicPort, Branch, ExecutionStatus, ExecutionResult, FlowDropConfig, PortConfig, ConfigSchema, ConfigProperty, ConfigEditOptions } from "../types/index.js";
+export type { WorkflowEditorConfig, EditorFeatures, UIConfig, APIConfig } from "../types/config.js";
+export type { AuthProvider, StaticAuthConfig, CallbackAuthConfig } from "../types/auth.js";
+export type { FlowDropEventHandlers, FlowDropFeatures, WorkflowChangeType } from "../types/events.js";
+export type { EndpointConfig } from "../config/endpoints.js";
+export type { FlowDropMountOptions, MountedFlowDropApp, NavbarAction } from "../svelte-app.js";
+export type { NodeComponentProps, NodeComponentRegistration, FlowDropPluginConfig, PluginNodeDefinition } from "../registry/index.js";