@d34dman/flowdrop 0.0.64 → 0.0.65

package/dist/components/App.svelte

@@ -113,7 +113,7 @@
 		features: propFeatures
 	}: Props = $props();
 
-	// Merge features with defaults
+	// svelte-ignore state_referenced_locally — feature flags don't change at runtime
 	const features = mergeFeatures(propFeatures);
 
 	// Create breadcrumb-style title - at top level to avoid store subscription issues

package/dist/components/ConfigModal.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">
-	import { createEventDispatcher } from 'svelte';
 	import type { ConfigSchema, ConfigValues } from '../types';
 	import ConfigForm from './ConfigForm.svelte';
 
@@ -8,23 +7,20 @@
 		nodeLabel: string;
 		configSchema: ConfigSchema;
 		configValues: ConfigValues;
+		onClose?: () => void;
+		onSave?: (values: ConfigValues) => void;
+		onCancel?: () => void;
 	}
 
-	let props: Props = $props();
+	let { onClose, onSave, onCancel, ...props }: Props = $props();
 	let localConfigValues = $derived.by(() => ({ ...props.configValues }));
 
-	const dispatch = createEventDispatcher<{
-		close: void;
-		save: { values: ConfigValues };
-		cancel: void;
-	}>();
-
 	function handleCancel() {
-		dispatch('cancel');
+		onCancel?.();
 	}
 
 	function handleClose() {
-		dispatch('close');
+		onClose?.();
 	}
 
 	// Close modal on escape key
@@ -77,7 +73,7 @@
 					values={localConfigValues}
 					showUIExtensions={false}
 					onSave={(config) => {
-						dispatch('save', { values: config });
+						onSave?.(config);
 					}}
 					onCancel={handleCancel}
 				/>

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

@@ -4,28 +4,10 @@ interface Props {
     nodeLabel: string;
     configSchema: ConfigSchema;
     configValues: ConfigValues;
+    onClose?: () => void;
+    onSave?: (values: ConfigValues) => void;
+    onCancel?: () => void;
 }
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ConfigModal: $$__sveltets_2_IsomorphicComponent<Props, {
-    close: CustomEvent<void>;
-    save: CustomEvent<{
-        values: ConfigValues;
-    }>;
-    cancel: CustomEvent<void>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type ConfigModal = InstanceType<typeof ConfigModal>;
+declare const ConfigModal: import("svelte").Component<Props, {}, "">;
+type ConfigModal = ReturnType<typeof ConfigModal>;
 export default ConfigModal;

package/dist/components/LogsSidebar.svelte

@@ -7,11 +7,8 @@
 
 <script lang="ts">
 	import Icon from '@iconify/svelte';
-	import { createEventDispatcher } from 'svelte';
 	import type { WorkflowNode as WorkflowNodeType } from '../types/index.js';
 
-	const dispatch = createEventDispatcher();
-
 	interface LogEntry {
 		timestamp: string;
 		level: string;
@@ -24,19 +21,19 @@
 		logs: LogEntry[];
 		selectedNode?: WorkflowNodeType | null;
 		onClose?: () => void;
+		onClear?: () => void;
 	}
 
 	let props: Props = $props();
 
+	let sidebarRef: HTMLElement | undefined = $state();
+
 	// Focus management and body scroll control
 	$effect(() => {
 		if (props.isOpen) {
 			// Focus management - focus the sidebar when it opens
 			setTimeout(() => {
-				const sidebar = document.querySelector('.logs-sidebar--open');
-				if (sidebar) {
-					(sidebar as HTMLElement).focus();
-				}
+				sidebarRef?.focus();
 			}, 100);
 
 			// Prevent body scroll
@@ -52,7 +49,6 @@
 	 */
 	function handleClose(): void {
 		props.onClose?.();
-		dispatch('close');
 	}
 
 	/**
@@ -129,7 +125,7 @@
 	 * Clear logs
 	 */
 	function clearLogs(): void {
-		dispatch('clear');
+		props.onClear?.();
 	}
 
 	/**
@@ -163,6 +159,7 @@
 
 <!-- Sidebar -->
 <div
+	bind:this={sidebarRef}
 	class="logs-sidebar"
 	class:logs-sidebar--open={props.isOpen}
 	role="dialog"

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

@@ -10,25 +10,8 @@ interface Props {
     logs: LogEntry[];
     selectedNode?: WorkflowNodeType | null;
     onClose?: () => void;
+    onClear?: () => void;
 }
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const LogsSidebar: $$__sveltets_2_IsomorphicComponent<Props, {
-    close: CustomEvent<any>;
-    clear: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type LogsSidebar = InstanceType<typeof LogsSidebar>;
+declare const LogsSidebar: import("svelte").Component<Props, {}, "">;
+type LogsSidebar = ReturnType<typeof LogsSidebar>;
 export default LogsSidebar;

package/dist/components/NodeSidebar.svelte

@@ -22,6 +22,7 @@
 
 	let props: Props = $props();
 	let searchInput = $state('');
+	// svelte-ignore state_referenced_locally — initial default, user selects interactively
 	let selectedCategory = $state(props.selectedCategory || 'all');
 
 	/**

package/dist/components/NodeStatusOverlay.svelte

@@ -29,9 +29,9 @@
 	let props: Props = $props();
 
 	// Default values
-	let position = $state(props.position || 'top-right');
-	let size = $state(props.size || 'md');
-	let showDetails = $state(props.showDetails || false);
+	let position = $derived(props.position || 'top-right');
+	let size = $derived(props.size || 'md');
+	let showDetails = $derived(props.showDetails || false);
 	let isHovered = $state(false);
 
 	// Size configurations - optimized for larger, centered overlay
@@ -56,7 +56,7 @@
 		}
 	};
 
-	const config = sizeConfig[size];
+	const config = $derived(sizeConfig[size]);
 
 	// Position styles - horizontal center aligned with top edge of node
 	const positionStyles = {

package/dist/components/PipelineStatus.svelte

@@ -35,6 +35,7 @@
 		$props();
 
 	// Initialize API client if not provided
+	// svelte-ignore state_referenced_locally — client created once from props
 	const client =
 		apiClient ||
 		new EnhancedFlowDropApiClient(

package/dist/components/SettingsPanel.svelte

@@ -76,6 +76,7 @@
 	/**
 	 * Currently active tab
 	 */
+	// svelte-ignore state_referenced_locally — initial default, user switches tabs
 	let activeTab = $state<SettingsCategory>(categories[0] ?? 'theme');
 
 	/**

package/dist/components/StatusIcon.svelte

@@ -42,7 +42,7 @@
 		}
 	};
 
-	const config = sizeConfig[props.size || 'md'];
+	const config = $derived(sizeConfig[props.size || 'md']);
 	const statusColor = $derived(getStatusColor(props.status));
 	const statusIcon = $derived(getStatusIcon(props.status));
 </script>

package/dist/components/form/FormAutocomplete.svelte

@@ -98,7 +98,9 @@
 	let labelCache = $state<Map<string, string>>(new Map());
 
 	// Generate unique IDs for accessibility
+	// svelte-ignore state_referenced_locally — id prop never changes
 	const listboxId = `${id}-listbox`;
+	// svelte-ignore state_referenced_locally
 	const getOptionId = (index: number): string => `${id}-option-${index}`;
 
 	/**

package/dist/components/interrupt/FormPrompt.svelte

@@ -43,6 +43,7 @@
 	}: Props = $props();
 
 	/** Local state for form values */
+	// svelte-ignore state_referenced_locally — initial default, user fills the form
 	let formValues = $state<Record<string, unknown>>(config.defaultValues ?? {});
 
 	/** Display values - either resolved or current form values */

package/dist/components/interrupt/ReviewPrompt.svelte

@@ -50,11 +50,13 @@
 	}: Props = $props();
 
 	/** Local state: map of field -> accepted boolean. Default all to true (accept). */
+	// svelte-ignore state_referenced_locally — initial default, user toggles during review
 	let decisions = $state<Record<string, boolean>>(
 		Object.fromEntries(config.changes.map((c) => [c.field, true]))
 	);
 
 	/** Local state: map of field -> HTML view mode ('rendered' or 'raw'). Default to 'rendered'. */
+	// svelte-ignore state_referenced_locally
 	let htmlViewMode = $state<Record<string, 'rendered' | 'raw'>>(
 		Object.fromEntries(config.changes.map((c) => [c.field, 'rendered']))
 	);

package/dist/components/interrupt/TextInputPrompt.svelte

@@ -42,6 +42,7 @@
 	}: Props = $props();
 
 	/** Local state for input value */
+	// svelte-ignore state_referenced_locally — initial default, user edits the input
 	let inputValue = $state(config.defaultValue ?? '');
 
 	/** Display value - either resolved or current input */

package/dist/components/layouts/MainLayout.svelte

@@ -103,12 +103,15 @@
 	}: Props = $props();
 
 	/** Current width of the left sidebar */
+	// svelte-ignore state_referenced_locally — initial default, component owns draggable state
 	let leftSidebarWidth = $state(initialLeftWidth);
 
 	/** Current width of the right sidebar */
+	// svelte-ignore state_referenced_locally
 	let rightSidebarWidth = $state(initialRightWidth);
 
 	/** Current height of the bottom panel */
+	// svelte-ignore state_referenced_locally
 	let bottomPanelHeightState = $state(initialBottomHeight);
 
 	/**

package/dist/components/playground/Playground.svelte

@@ -416,6 +416,7 @@
 	}
 
 	/** Shared polling callback created from config lifecycle hooks */
+	// svelte-ignore state_referenced_locally — config is static
 	const pollingCallback = createPollingCallback(config.isTerminalStatus);
 
 	/**