@d34dman/flowdrop 0.0.47 → 0.0.48

package/dist/components/App.svelte

@@ -71,6 +71,8 @@
 			variant?: 'primary' | 'secondary' | 'outline';
 			onclick?: (event: Event) => void;
 		}>;
+		/** Show settings gear icon in navbar */
+		showSettings?: boolean;
 		/** API base URL */
 		apiBaseUrl?: string;
 		/** Endpoint configuration */
@@ -96,6 +98,7 @@
 		pipelineId,
 		navbarTitle,
 		navbarActions = [],
+		showSettings = true,
 		apiBaseUrl,
 		endpointConfig: propEndpointConfig,
 		authProvider,
@@ -705,6 +708,7 @@
 						}
 					]}
 			showStatus={true}
+			{showSettings}
 		/>
 	{/snippet}
 

package/dist/components/App.svelte.d.ts

@@ -36,6 +36,8 @@ interface Props {
         variant?: 'primary' | 'secondary' | 'outline';
         onclick?: (event: Event) => void;
     }>;
+    /** Show settings gear icon in navbar */
+    showSettings?: boolean;
     /** API base URL */
     apiBaseUrl?: string;
     /** Endpoint configuration */

package/dist/components/ConfigForm.svelte

@@ -18,13 +18,15 @@
 -->
 
 <script lang="ts">
+	import { setContext } from 'svelte';
 	import Icon from '@iconify/svelte';
 	import type {
 		ConfigSchema,
 		WorkflowNode,
 		WorkflowEdge,
 		NodeUIExtensions,
-		ConfigEditOptions
+		ConfigEditOptions,
+		AuthProvider
 	} from '../types/index.js';
 	import { FormField, FormFieldWrapper, FormToggle } from './form/index.js';
 	import type { FieldSchema } from './form/index.js';
@@ -61,6 +63,8 @@
 		 * When provided along with workflowNodes, enables autocomplete for template fields.
 		 */
 		workflowEdges?: WorkflowEdge[];
+		/** Auth provider for API requests (used for template variable API mode) */
+		authProvider?: AuthProvider;
 		/** Callback when any field value changes (fired on blur for immediate sync) */
 		onChange?: (config: Record<string, unknown>, uiExtensions?: NodeUIExtensions) => void;
 		/** Callback when form is saved (includes both config and extensions if enabled) */
@@ -78,11 +82,17 @@
 		saveWorkflowWhenSavingConfig = false,
 		workflowNodes = [],
 		workflowEdges = [],
+		authProvider,
 		onChange,
 		onSave,
 		onCancel
 	}: Props = $props();
 
+	// Set context for child components (e.g., FormAutocomplete)
+	// Use getter functions to ensure child components always get the current prop value,
+	// even if the prop changes after initial mount
+	setContext<() => AuthProvider | undefined>('flowdrop:getAuthProvider', () => authProvider);
+
 	/**
 	 * State for dynamic schema loading
 	 */
@@ -132,13 +142,14 @@
 	});
 
 	/**
-	 * Check if the node has no static schema and needs dynamic loading
+	 * Check if the node needs dynamic schema loading
+	 * Loads when: no static schema OR preferDynamicSchema is true
 	 */
 	const needsDynamicSchemaLoad = $derived.by(() => {
 		if (!node) return false;
 		const staticSchema = schema ?? node.data.metadata?.configSchema;
-		// Need to load if: no static schema AND dynamic schema is configured
-		return !staticSchema && useDynamicSchema && !fetchedDynamicSchema && !dynamicSchemaLoading;
+		// Need to load if: (no static schema OR preferDynamicSchema is true) AND dynamic schema is configured
+		return (!staticSchema || configEditOptions?.preferDynamicSchema === true) && useDynamicSchema && !fetchedDynamicSchema && !dynamicSchemaLoading;
 	});
 
 	/**
@@ -537,6 +548,11 @@
 						value={configValues[key]}
 						{required}
 						animationIndex={index}
+						{node}
+						nodes={workflowNodes}
+						edges={workflowEdges}
+						{workflowId}
+						{authProvider}
 						onChange={(val) => handleFieldChange(key, val)}
 					/>
 				{/each}

package/dist/components/ConfigForm.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { ConfigSchema, WorkflowNode, WorkflowEdge, NodeUIExtensions } from '../types/index.js';
+import type { ConfigSchema, WorkflowNode, WorkflowEdge, NodeUIExtensions, AuthProvider } from '../types/index.js';
 interface Props {
     /** Optional workflow node (if provided, schema and values are derived from it) */
     node?: WorkflowNode;
@@ -22,6 +22,8 @@ interface Props {
      * When provided along with workflowNodes, enables autocomplete for template fields.
      */
     workflowEdges?: WorkflowEdge[];
+    /** Auth provider for API requests (used for template variable API mode) */
+    authProvider?: AuthProvider;
     /** Callback when any field value changes (fired on blur for immediate sync) */
     onChange?: (config: Record<string, unknown>, uiExtensions?: NodeUIExtensions) => void;
     /** Callback when form is saved (includes both config and extensions if enabled) */

package/dist/components/SchemaForm.svelte

@@ -157,8 +157,10 @@
 	}: Props = $props();
 
 	// Set context for child components (e.g., FormAutocomplete)
-	setContext<AuthProvider | undefined>('flowdrop:authProvider', authProvider);
-	setContext<string>('flowdrop:baseUrl', baseUrl);
+	// Use getter functions to ensure child components always get the current prop value,
+	// even if the prop changes after initial mount
+	setContext<() => AuthProvider | undefined>('flowdrop:getAuthProvider', () => authProvider);
+	setContext<() => string>('flowdrop:getBaseUrl', () => baseUrl);
 
 	/**
 	 * Internal reactive state for form values

package/dist/components/form/FormAutocomplete.svelte

@@ -59,9 +59,10 @@
 		onChange
 	}: Props = $props();
 
-	// Get AuthProvider from context (set by SchemaForm or parent)
-	const authProvider = getContext<AuthProvider | undefined>('flowdrop:authProvider');
-	const baseUrl = getContext<string | undefined>('flowdrop:baseUrl') ?? '';
+	// Get AuthProvider and baseUrl from context via getter functions
+	// This pattern ensures we always get the current value, even if props change after mount
+	const getAuthProvider = getContext<(() => AuthProvider | undefined) | undefined>('flowdrop:getAuthProvider');
+	const getBaseUrl = getContext<(() => string) | undefined>('flowdrop:getBaseUrl');
 
 	// Configuration with defaults
 	const queryParam = $derived(autocomplete.queryParam ?? 'q');
@@ -142,6 +143,7 @@
 	 * @returns Full URL with query parameter
 	 */
 	function buildUrl(query: string): string {
+		const baseUrl = getBaseUrl?.() ?? '';
 		const url = autocomplete.url.startsWith('http')
 			? autocomplete.url
 			: `${baseUrl}${autocomplete.url}`;
@@ -194,7 +196,8 @@
 				'Content-Type': 'application/json'
 			};
 
-			// Add auth headers if provider is available
+			// Add auth headers if provider is available (call getter to get current value)
+			const authProvider = getAuthProvider?.();
 			if (authProvider) {
 				const authHeaders = await authProvider.getAuthHeaders();
 				Object.assign(headers, authHeaders);

package/dist/components/form/FormField.svelte

@@ -43,6 +43,7 @@
 	import FormAutocomplete from './FormAutocomplete.svelte';
 	import type { FieldSchema } from './types.js';
 	import { getSchemaOptions } from './types.js';
+	import type { WorkflowNode, WorkflowEdge, AuthProvider } from '../../types/index.js';
 
 	interface Props {
 		/** Unique key/id for the field */
@@ -57,9 +58,31 @@
 		animationIndex?: number;
 		/** Callback when the field value changes */
 		onChange: (value: unknown) => void;
+		/** Current workflow node (optional, used for template variable API mode) */
+		node?: WorkflowNode;
+		/** All workflow nodes (optional, used for port-derived variables) */
+		nodes?: WorkflowNode[];
+		/** All workflow edges (optional, used for port-derived variables) */
+		edges?: WorkflowEdge[];
+		/** Workflow ID (optional, used for template variable API mode) */
+		workflowId?: string;
+		/** Auth provider (optional, used for API requests) */
+		authProvider?: AuthProvider;
 	}
 
-	let { fieldKey, schema, value, required = false, animationIndex = 0, onChange }: Props = $props();
+	let {
+		fieldKey,
+		schema,
+		value,
+		required = false,
+		animationIndex = 0,
+		onChange,
+		node,
+		nodes,
+		edges,
+		workflowId,
+		authProvider
+	}: Props = $props();
 
 	/**
 	 * When schema.readOnly is true, disable all inputs (no editing).
@@ -352,11 +375,15 @@
 				height={(schema.height as string | undefined) ?? '250px'}
 				darkTheme={(schema.darkTheme as boolean | undefined) ?? false}
 				variables={schema.variables}
-				variableHints={(schema.variableHints as string[] | undefined) ?? []}
 				placeholderExample={(schema.placeholderExample as string | undefined) ??
 					'Hello {{ name }}, your order #{{ order_id }} is ready!'}
 				ariaDescribedBy={descriptionId}
 				disabled={isReadOnly}
+				{node}
+				{nodes}
+				{edges}
+				{workflowId}
+				{authProvider}
 				onChange={(val) => onChange(val)}
 			/>
 		{:else if fieldType === 'autocomplete' && schema.autocomplete}

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

@@ -1,4 +1,5 @@
 import type { FieldSchema } from './types.js';
+import type { WorkflowNode, WorkflowEdge, AuthProvider } from '../../types/index.js';
 interface Props {
     /** Unique key/id for the field */
     fieldKey: string;
@@ -12,6 +13,16 @@ interface Props {
     animationIndex?: number;
     /** Callback when the field value changes */
     onChange: (value: unknown) => void;
+    /** Current workflow node (optional, used for template variable API mode) */
+    node?: WorkflowNode;
+    /** All workflow nodes (optional, used for port-derived variables) */
+    nodes?: WorkflowNode[];
+    /** All workflow edges (optional, used for port-derived variables) */
+    edges?: WorkflowEdge[];
+    /** Workflow ID (optional, used for template variable API mode) */
+    workflowId?: string;
+    /** Auth provider (optional, used for API requests) */
+    authProvider?: AuthProvider;
 }
 declare const FormField: import("svelte").Component<Props, {}, "">;
 type FormField = ReturnType<typeof FormField>;

package/dist/components/form/FormFieldLight.svelte

@@ -242,7 +242,6 @@
 				showStatusBar={schema.showStatusBar as boolean | undefined}
 				spellChecker={schema.spellChecker as boolean | undefined}
 				variables={schema.variables}
-				variableHints={schema.variableHints as string[] | undefined}
 				placeholderExample={schema.placeholderExample as string | undefined}
 				onChange={(val: unknown) => onChange(val)}
 			/>

package/dist/components/form/FormTemplateEditor.svelte

@@ -33,15 +33,19 @@
 		type ViewUpdate,
 		MatchDecorator
 	} from '@codemirror/view';
-	import { EditorState } from '@codemirror/state';
+	import { EditorState, Compartment } from '@codemirror/state';
 	import { history, historyKeymap, defaultKeymap, indentWithTab } from '@codemirror/commands';
 	import { syntaxHighlighting, defaultHighlightStyle, indentOnInput } from '@codemirror/language';
 	import { oneDark } from '@codemirror/theme-one-dark';
-	import type { VariableSchema, TemplateVariablesConfig } from '../../types/index.js';
-	import {
-		createTemplateAutocomplete,
-		createSimpleTemplateAutocomplete
-	} from './templateAutocomplete.js';
+	import type {
+		VariableSchema,
+		TemplateVariablesConfig,
+		WorkflowNode,
+		WorkflowEdge,
+		AuthProvider
+	} from '../../types/index.js';
+	import { createTemplateAutocomplete } from './templateAutocomplete.js';
+	import { getVariableSchema } from '../../services/variableService.js';
 
 	interface Props {
 		/** Field identifier */
@@ -67,12 +71,6 @@
 		 * @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;
 		/** Whether the field is disabled (read-only) */
@@ -81,6 +79,16 @@
 		ariaDescribedBy?: string;
 		/** Callback when value changes */
 		onChange: (value: string) => void;
+		/** Current workflow node (required for API mode) */
+		node?: WorkflowNode;
+		/** All workflow nodes (required for port-derived variables) */
+		nodes?: WorkflowNode[];
+		/** All workflow edges (required for port-derived variables) */
+		edges?: WorkflowEdge[];
+		/** Workflow ID (required for API mode) */
+		workflowId?: string;
+		/** Auth provider for API requests */
+		authProvider?: AuthProvider;
 	}
 
 	let {
@@ -92,26 +100,83 @@
 		height = '250px',
 		variables,
 		variableSchema,
-		variableHints = [],
 		placeholderExample = 'Hello {{ name }}, your order #{{ order_id }} is ready!',
 		disabled = false,
 		ariaDescribedBy,
-		onChange
+		onChange,
+		node,
+		nodes = [],
+		edges = [],
+		workflowId,
+		authProvider
 	}: Props = $props();
 
+	/** Loading state for API variable fetching */
+	let isLoadingVariables = $state(false);
+
+	/** Error state for API variable fetching */
+	let variableLoadError = $state<string | null>(null);
+
+	/** The effective variable schema (loaded synchronously or asynchronously) */
+	let effectiveVariableSchema = $state<VariableSchema | undefined>(undefined);
+
 	/**
-	 * Get the effective variable schema.
-	 * Prefers variables.schema, falls back to deprecated variableSchema prop.
+	 * Load variable schema on mount or when configuration changes.
+	 * Handles both synchronous (schema-based) and asynchronous (API-based) loading.
 	 */
-	const effectiveVariableSchema = $derived.by<VariableSchema | undefined>(() => {
-		if (variables?.schema && Object.keys(variables.schema.variables).length > 0) {
-			return variables.schema;
-		}
+	async function loadVariableSchema() {
+		// Reset error state
+		variableLoadError = null;
+
+		// If we have deprecated variableSchema prop, use it directly
 		if (variableSchema && Object.keys(variableSchema.variables).length > 0) {
-			return variableSchema;
+			effectiveVariableSchema = variableSchema;
+			return;
+		}
+
+		// If no variables config, clear schema
+		if (!variables) {
+			effectiveVariableSchema = undefined;
+			return;
+		}
+
+		// If variables config has static schema only (no API), use it directly
+		if (variables.schema && !variables.api && Object.keys(variables.schema.variables).length > 0) {
+			effectiveVariableSchema = variables.schema;
+			return;
 		}
-		return undefined;
-	});
+
+		// If variables config requires node context (ports or API mode)
+		if ((variables.ports !== undefined || variables.api) && node && nodes && edges) {
+			try {
+				isLoadingVariables = true;
+				effectiveVariableSchema = await getVariableSchema(
+					node,
+					nodes,
+					edges,
+					variables,
+					workflowId,
+					authProvider
+				);
+			} catch (error) {
+				console.error('Failed to load variable schema:', error);
+				variableLoadError = error instanceof Error ? error.message : 'Failed to load variables';
+				effectiveVariableSchema = undefined;
+			} finally {
+				isLoadingVariables = false;
+			}
+		} else {
+			// No schema available
+			effectiveVariableSchema = undefined;
+		}
+	}
+
+	/**
+	 * Retry loading variables after an error
+	 */
+	function retryLoadVariables() {
+		loadVariableSchema();
+	}
 
 	/**
 	 * Whether to show the variable hints section.
@@ -121,13 +186,12 @@
 
 	/**
 	 * Derive the list of top-level variable names for the hints display.
-	 * Prefers effectiveVariableSchema if available, falls back to variableHints.
 	 */
 	const displayVariables = $derived.by(() => {
 		if (effectiveVariableSchema) {
 			return Object.keys(effectiveVariableSchema.variables);
 		}
-		return variableHints;
+		return [];
 	});
 
 	/** Reference to the container element */
@@ -139,6 +203,9 @@
 	/** Flag to prevent update loops */
 	let isInternalUpdate = false;
 
+	/** Compartment for dynamic autocomplete reconfiguration */
+	const autocompleteCompartment = new Compartment();
+
 	/**
 	 * Create a MatchDecorator for {{ variable }} patterns
 	 * This highlights the entire {{ variable }} expression
@@ -285,15 +352,12 @@
 			EditorState.tabSize.of(2)
 		];
 
-		// Add autocomplete extension when variables are available (and not disabled)
-		if (!disabled) {
-			if (effectiveVariableSchema) {
-				// Use full autocomplete with nested drilling
-				extensions.push(createTemplateAutocomplete(effectiveVariableSchema));
-			} else if (variableHints.length > 0) {
-				// Fallback to simple autocomplete with just variable names
-				extensions.push(createSimpleTemplateAutocomplete(variableHints));
-			}
+		// Add autocomplete compartment (can be reconfigured dynamically)
+		// When disabled or no schema, use empty array
+		if (!disabled && effectiveVariableSchema) {
+			extensions.push(autocompleteCompartment.of(createTemplateAutocomplete(effectiveVariableSchema)));
+		} else {
+			extensions.push(autocompleteCompartment.of([]));
 		}
 
 		if (darkTheme) {
@@ -341,19 +405,23 @@
 	}
 
 	/**
-	 * Initialize CodeMirror editor on mount
+	 * Initialize CodeMirror editor and load variables on mount
 	 */
 	onMount(() => {
 		if (!containerRef) {
 			return;
 		}
 
-		editorView = new EditorView({
-			state: EditorState.create({
-				doc: value,
-				extensions: createExtensions()
-			}),
-			parent: containerRef
+		// Load variables first
+		loadVariableSchema().then(() => {
+			// Then create editor with loaded schema
+			editorView = new EditorView({
+				state: EditorState.create({
+					doc: value,
+					extensions: createExtensions()
+				}),
+				parent: containerRef
+			});
 		});
 	});
 
@@ -389,6 +457,28 @@
 			isInternalUpdate = false;
 		}
 	});
+
+	/**
+	 * Reconfigure editor when variable schema changes (e.g., after async loading)
+	 */
+	$effect(() => {
+		// Only track effectiveVariableSchema changes
+		const schema = effectiveVariableSchema;
+
+		if (!editorView) {
+			return;
+		}
+
+		// When effectiveVariableSchema changes, reconfigure the autocomplete compartment
+		// This happens after async API loading completes
+		const newAutocomplete = !disabled && schema
+			? createTemplateAutocomplete(schema)
+			: [];
+
+		editorView.dispatch({
+			effects: [autocompleteCompartment.reconfigure(newAutocomplete)]
+		});
+	});
 </script>
 
 <div class="form-template-editor">
@@ -412,6 +502,60 @@
 		aria-label="Template editor"
 	></div>
 
+	<!-- Loading banner (shown while fetching variables from API) -->
+	{#if isLoadingVariables}
+		<div class="form-template-editor__banner form-template-editor__banner--loading">
+			<svg
+				class="form-template-editor__banner-icon form-template-editor__banner-icon--spin"
+				xmlns="http://www.w3.org/2000/svg"
+				fill="none"
+				viewBox="0 0 24 24"
+			>
+				<circle
+					class="opacity-25"
+					cx="12"
+					cy="12"
+					r="10"
+					stroke="currentColor"
+					stroke-width="4"
+				></circle>
+				<path
+					class="opacity-75"
+					fill="currentColor"
+					d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+				></path>
+			</svg>
+			<span>Loading variables...</span>
+		</div>
+	{/if}
+
+	<!-- Error banner (shown when API fetch fails) -->
+	{#if variableLoadError}
+		<div class="form-template-editor__banner form-template-editor__banner--error">
+			<svg
+				class="form-template-editor__banner-icon"
+				xmlns="http://www.w3.org/2000/svg"
+				viewBox="0 0 20 20"
+				fill="currentColor"
+			>
+				<path
+					fill-rule="evenodd"
+					d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z"
+					clip-rule="evenodd"
+				/>
+			</svg>
+			<span>{variableLoadError}</span>
+			<button
+				type="button"
+				class="form-template-editor__banner-btn"
+				onclick={retryLoadVariables}
+				title="Retry loading variables"
+			>
+				Retry
+			</button>
+		</div>
+	{/if}
+
 	<!-- Variable hints section (shown when variables are available and showHints is true) -->
 	{#if showHints && displayVariables.length > 0}
 		<div class="form-template-editor__hints">
@@ -613,4 +757,68 @@
 		font-family: 'JetBrains Mono', 'Fira Code', 'Monaco', 'Menlo', monospace;
 		font-size: 0.625rem;
 	}
+
+	/* Loading and error banners */
+	.form-template-editor__banner {
+		display: flex;
+		align-items: center;
+		gap: 0.5rem;
+		margin-top: 0.625rem;
+		padding: 0.625rem 0.75rem;
+		border-radius: var(--fd-radius-md);
+		font-size: 0.75rem;
+	}
+
+	.form-template-editor__banner--loading {
+		background-color: rgba(59, 130, 246, 0.1);
+		border: 1px solid rgba(59, 130, 246, 0.3);
+		color: rgb(29, 78, 216);
+	}
+
+	.form-template-editor__banner--error {
+		background-color: rgba(239, 68, 68, 0.1);
+		border: 1px solid rgba(239, 68, 68, 0.3);
+		color: rgb(185, 28, 28);
+	}
+
+	.form-template-editor__banner-icon {
+		width: 1rem;
+		height: 1rem;
+		flex-shrink: 0;
+	}
+
+	.form-template-editor__banner-icon--spin {
+		animation: spin 1s linear infinite;
+	}
+
+	@keyframes spin {
+		from {
+			transform: rotate(0deg);
+		}
+		to {
+			transform: rotate(360deg);
+		}
+	}
+
+	.form-template-editor__banner-btn {
+		margin-left: auto;
+		padding: 0.25rem 0.625rem;
+		background-color: rgba(239, 68, 68, 0.15);
+		border: 1px solid rgba(239, 68, 68, 0.3);
+		border-radius: var(--fd-radius-sm);
+		font-size: 0.6875rem;
+		font-weight: 500;
+		color: rgb(185, 28, 28);
+		cursor: pointer;
+		transition: all var(--fd-transition-fast);
+	}
+
+	.form-template-editor__banner-btn:hover {
+		background-color: rgba(239, 68, 68, 0.25);
+		border-color: rgba(239, 68, 68, 0.5);
+	}
+
+	.form-template-editor__banner-btn:active {
+		transform: scale(0.98);
+	}
 </style>

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

@@ -1,4 +1,4 @@
-import type { VariableSchema, TemplateVariablesConfig } from '../../types/index.js';
+import type { VariableSchema, TemplateVariablesConfig, WorkflowNode, WorkflowEdge, AuthProvider } from '../../types/index.js';
 interface Props {
     /** Field identifier */
     id: string;
@@ -23,12 +23,6 @@ interface Props {
      * @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;
     /** Whether the field is disabled (read-only) */
@@ -37,6 +31,16 @@ interface Props {
     ariaDescribedBy?: string;
     /** Callback when value changes */
     onChange: (value: string) => void;
+    /** Current workflow node (required for API mode) */
+    node?: WorkflowNode;
+    /** All workflow nodes (required for port-derived variables) */
+    nodes?: WorkflowNode[];
+    /** All workflow edges (required for port-derived variables) */
+    edges?: WorkflowEdge[];
+    /** Workflow ID (required for API mode) */
+    workflowId?: string;
+    /** Auth provider for API requests */
+    authProvider?: AuthProvider;
 }
 declare const FormTemplateEditor: import("svelte").Component<Props, {}, "">;
 type FormTemplateEditor = ReturnType<typeof FormTemplateEditor>;

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

@@ -44,4 +44,4 @@ export { default as FormCodeEditor } from './FormCodeEditor.svelte';
 export { default as FormMarkdownEditor } from './FormMarkdownEditor.svelte';
 export { default as FormTemplateEditor } from './FormTemplateEditor.svelte';
 export { default as FormAutocomplete } from './FormAutocomplete.svelte';
-export { createTemplateAutocomplete, createSimpleTemplateAutocomplete } from './templateAutocomplete.js';
+export { createTemplateAutocomplete } from './templateAutocomplete.js';