@d34dman/flowdrop 0.0.63 → 0.0.65

package/dist/components/interrupt/ReviewPrompt.stories.svelte.d.ts

@@ -11,7 +11,7 @@ declare const ReviewPrompt: $$__sveltets_2_IsomorphicComponent<{
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;
-import ReviewPrompt from "./ReviewPrompt.svelte";
+import ReviewPrompt from './ReviewPrompt.svelte';
 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;

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']))
 	);
@@ -176,7 +178,11 @@
 	 * Supports strings (word-level), arrays (element-level), and objects (JSON line-level).
 	 * For HTML strings, strips tags and diffs the plain text content.
 	 */
-	function computeDiff(original: unknown, proposed: unknown, rawMode: boolean = false): Change[] | null {
+	function computeDiff(
+		original: unknown,
+		proposed: unknown,
+		rawMode: boolean = false
+	): Change[] | null {
 		if (typeof original === 'string' && typeof proposed === 'string') {
 			const origText = !rawMode && containsHtml(original) ? stripHtmlTags(original) : original;
 			const propText = !rawMode && containsHtml(proposed) ? stripHtmlTags(proposed) : proposed;
@@ -335,9 +341,13 @@
 					<div class="review-prompt__diff-row">
 						<span class="review-prompt__diff-label">Original:</span>
 						{#if isHtml && !isRawView}
-							<span class="review-prompt__diff-value review-prompt__html-content">{@html sanitizeHtml(String(change.original))}</span>
+							<span class="review-prompt__diff-value review-prompt__html-content"
+								>{@html sanitizeHtml(String(change.original))}</span
+							>
 						{:else if isHtml && isRawView}
-							<code class="review-prompt__diff-value review-prompt__raw-html">{change.original}</code>
+							<code class="review-prompt__diff-value review-prompt__raw-html"
+								>{change.original}</code
+							>
 						{:else}
 							<span class="review-prompt__diff-value">
 								{formatValue(change.original)}
@@ -347,9 +357,15 @@
 					<div class="review-prompt__diff-row">
 						<span class="review-prompt__diff-label">Proposed:</span>
 						{#if isHtml && !isRawView}
-							<span class="review-prompt__diff-value review-prompt__diff-value--proposed review-prompt__html-content">{@html sanitizeHtml(String(change.proposed))}</span>
+							<span
+								class="review-prompt__diff-value review-prompt__diff-value--proposed review-prompt__html-content"
+								>{@html sanitizeHtml(String(change.proposed))}</span
+							>
 						{:else if isHtml && isRawView}
-							<code class="review-prompt__diff-value review-prompt__diff-value--proposed review-prompt__raw-html">{change.proposed}</code>
+							<code
+								class="review-prompt__diff-value review-prompt__diff-value--proposed review-prompt__raw-html"
+								>{change.proposed}</code
+							>
 						{:else}
 							<span class="review-prompt__diff-value review-prompt__diff-value--proposed">
 								{formatValue(change.proposed)}
@@ -359,21 +375,26 @@
 					{#if diff}
 						<div class="review-prompt__diff-row">
 							<span class="review-prompt__diff-label">Diff:</span>
-						{#if isMultiLineDiff(diff)}
-							<pre class="review-prompt__diff-value review-prompt__diff-block">{#each diff as part}{#if part.added}<span class="review-prompt__diff-token--added">{part.value}</span>{:else if part.removed}<span class="review-prompt__diff-token--removed">{part.value}</span>{:else}<span>{part.value}</span>{/if}{/each}</pre>
-						{:else}
-							<span class="review-prompt__diff-value review-prompt__diff-inline">
-								{#each diff as part}
-									{#if part.added}
-										<span class="review-prompt__diff-token--added">{part.value}</span>
-									{:else if part.removed}
-										<span class="review-prompt__diff-token--removed">{part.value}</span>
-									{:else}
-										<span>{part.value}</span>
-									{/if}
-								{/each}
-							</span>
-						{/if}
+							{#if isMultiLineDiff(diff)}
+								<pre
+									class="review-prompt__diff-value review-prompt__diff-block">{#each diff as part}{#if part.added}<span
+												class="review-prompt__diff-token--added">{part.value}</span
+											>{:else if part.removed}<span class="review-prompt__diff-token--removed"
+												>{part.value}</span
+											>{:else}<span>{part.value}</span>{/if}{/each}</pre>
+							{:else}
+								<span class="review-prompt__diff-value review-prompt__diff-inline">
+									{#each diff as part}
+										{#if part.added}
+											<span class="review-prompt__diff-token--added">{part.value}</span>
+										{:else if part.removed}
+											<span class="review-prompt__diff-token--removed">{part.value}</span>
+										{:else}
+											<span>{part.value}</span>
+										{/if}
+									{/each}
+								</span>
+							{/if}
 						</div>
 					{/if}
 				</div>
@@ -404,8 +425,8 @@
 	{#if isResolved && resolvedValue}
 		<div class="review-prompt__summary">
 			<span class="review-prompt__summary-text">
-				{resolvedValue.summary.accepted} accepted, {resolvedValue.summary.rejected} rejected
-				out of {resolvedValue.summary.total} changes
+				{resolvedValue.summary.accepted} accepted, {resolvedValue.summary.rejected} rejected out of {resolvedValue
+					.summary.total} changes
 			</span>
 		</div>
 	{/if}
@@ -415,9 +436,7 @@
 		<div class="review-prompt__resolved-badge">
 			<Icon icon="mdi:check-circle" />
 			<span>
-				{resolvedByUserName
-					? `Response submitted by ${resolvedByUserName}`
-					: 'Response submitted'}
+				{resolvedByUserName ? `Response submitted by ${resolvedByUserName}` : 'Response submitted'}
 			</span>
 		</div>
 	{/if}

package/dist/components/interrupt/TextInputPrompt.stories.svelte

@@ -1,34 +1,47 @@
 <script module>
-	import { defineMeta } from "@storybook/addon-svelte-csf";
-	import TextInputPrompt from "./TextInputPrompt.svelte";
-	import { fn } from "storybook/test";
-	import { createTextConfig } from "../../stories/utils.js";
+	import { defineMeta } from '@storybook/addon-svelte-csf';
+	import TextInputPrompt from './TextInputPrompt.svelte';
+	import { fn } from 'storybook/test';
+	import { createTextConfig } from '../../stories/utils.js';
 
 	const { Story } = defineMeta({
-		title: "Interrupt/TextInputPrompt",
+		title: 'Interrupt/TextInputPrompt',
 		component: TextInputPrompt,
-		tags: ["autodocs"],
+		tags: ['autodocs'],
 		args: {
 			config: createTextConfig(),
 			isResolved: false,
 			isSubmitting: false,
-			onSubmit: fn(),
-		},
+			onSubmit: fn()
+		}
 	});
 </script>
 
 <Story name="Default" />
 
-<Story name="Multiline" args={{
-	config: createTextConfig({ message: "Describe the issue in detail:", multiline: true, placeholder: "Type your description..." }),
-}} />
+<Story
+	name="Multiline"
+	args={{
+		config: createTextConfig({
+			message: 'Describe the issue in detail:',
+			multiline: true,
+			placeholder: 'Type your description...'
+		})
+	}}
+/>
 
-<Story name="With Constraints" args={{
-	config: createTextConfig({ message: "Enter a short summary:", minLength: 10, maxLength: 100 }),
-}} />
+<Story
+	name="With Constraints"
+	args={{
+		config: createTextConfig({ message: 'Enter a short summary:', minLength: 10, maxLength: 100 })
+	}}
+/>
 
-<Story name="Resolved" args={{
-	isResolved: true,
-	resolvedValue: "The workflow completed successfully with all checks passed.",
-	resolvedByUserName: "Charlie",
-}} />
+<Story
+	name="Resolved"
+	args={{
+		isResolved: true,
+		resolvedValue: 'The workflow completed successfully with all checks passed.',
+		resolvedByUserName: 'Charlie'
+	}}
+/>

package/dist/components/interrupt/TextInputPrompt.stories.svelte.d.ts

@@ -11,7 +11,7 @@ declare const TextInputPrompt: $$__sveltets_2_IsomorphicComponent<{
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;
-import TextInputPrompt from "./TextInputPrompt.svelte";
+import TextInputPrompt from './TextInputPrompt.svelte';
 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;

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/nodes/GatewayNode.stories.svelte

@@ -1,76 +1,108 @@
 <script module>
-	import { defineMeta } from "@storybook/addon-svelte-csf";
-	import NodeDecorator from "../../stories/NodeDecorator.svelte";
-	import { createSampleNodeData } from "../../stories/utils.js";
+	import { defineMeta } from '@storybook/addon-svelte-csf';
+	import NodeDecorator from '../../stories/NodeDecorator.svelte';
+	import { createSampleNodeData } from '../../stories/utils.js';
 
 	const { Story } = defineMeta({
-		title: "Nodes/GatewayNode",
-		tags: ["autodocs"],
+		title: 'Nodes/GatewayNode',
+		tags: ['autodocs'],
 		parameters: {
-			layout: "centered",
-		},
+			layout: 'centered'
+		}
 	});
 </script>
 
 <Story name="Default">
-	<NodeDecorator data={createSampleNodeData({
-		label: "If/Else",
-		config: {
-			textInput: "",
-			matchText: "",
-			operator: "equals",
-			caseSensitive: false,
-			branches: [
-				{ name: "True", value: true },
-				{ name: "False", value: false },
-			],
-		},
-		metadata: {
-			id: "if_else",
-			name: "If/Else",
-			description: "Simple conditional logic with text input, match text, and operator",
-			category: "logic",
-			version: "1.0.0",
-			type: "gateway",
-			supportedTypes: ["gateway"],
-			icon: "mdi:code-braces",
-			color: "#8b5cf6",
-			inputs: [
-				{ id: "data", name: "Input Data", type: "input", dataType: "mixed", required: false, description: "Optional input data (if not using textInput config)" },
-				{ id: "trigger", name: "Trigger", type: "input", dataType: "trigger", required: false, description: "" },
-			],
-			outputs: [],
-		},
-	})} />
+	<NodeDecorator
+		data={createSampleNodeData({
+			label: 'If/Else',
+			config: {
+				textInput: '',
+				matchText: '',
+				operator: 'equals',
+				caseSensitive: false,
+				branches: [
+					{ name: 'True', value: true },
+					{ name: 'False', value: false }
+				]
+			},
+			metadata: {
+				id: 'if_else',
+				name: 'If/Else',
+				description: 'Simple conditional logic with text input, match text, and operator',
+				category: 'logic',
+				version: '1.0.0',
+				type: 'gateway',
+				supportedTypes: ['gateway'],
+				icon: 'mdi:code-braces',
+				color: '#8b5cf6',
+				inputs: [
+					{
+						id: 'data',
+						name: 'Input Data',
+						type: 'input',
+						dataType: 'mixed',
+						required: false,
+						description: 'Optional input data (if not using textInput config)'
+					},
+					{
+						id: 'trigger',
+						name: 'Trigger',
+						type: 'input',
+						dataType: 'trigger',
+						required: false,
+						description: ''
+					}
+				],
+				outputs: []
+			}
+		})}
+	/>
 </Story>
 
 <Story name="Multiple Branches">
-	<NodeDecorator data={createSampleNodeData({
-		label: "Switch",
-		config: {
-			defaultBranch: "default",
-			caseSensitive: false,
-			branches: [
-				{ name: "case_1", label: "Case 1", value: "option1" },
-				{ name: "case_2", label: "Case 2", value: "option2" },
-				{ name: "default", label: "Default", value: "" },
-			],
-		},
-		metadata: {
-			id: "switch",
-			name: "Switch",
-			description: "Multi-branch routing based on configurable case values",
-			category: "logic",
-			version: "1.0.0",
-			type: "gateway",
-			supportedTypes: ["gateway"],
-			icon: "mdi:source-branch-sync",
-			color: "#8b5cf6",
-			inputs: [
-				{ id: "value", name: "Value", type: "input", dataType: "string", required: true, description: "The value to match against branch cases" },
-				{ id: "trigger", name: "Trigger", type: "input", dataType: "trigger", required: false, description: "" },
-			],
-			outputs: [],
-		},
-	})} />
+	<NodeDecorator
+		data={createSampleNodeData({
+			label: 'Switch',
+			config: {
+				defaultBranch: 'default',
+				caseSensitive: false,
+				branches: [
+					{ name: 'case_1', label: 'Case 1', value: 'option1' },
+					{ name: 'case_2', label: 'Case 2', value: 'option2' },
+					{ name: 'default', label: 'Default', value: '' }
+				]
+			},
+			metadata: {
+				id: 'switch',
+				name: 'Switch',
+				description: 'Multi-branch routing based on configurable case values',
+				category: 'logic',
+				version: '1.0.0',
+				type: 'gateway',
+				supportedTypes: ['gateway'],
+				icon: 'mdi:source-branch-sync',
+				color: '#8b5cf6',
+				inputs: [
+					{
+						id: 'value',
+						name: 'Value',
+						type: 'input',
+						dataType: 'string',
+						required: true,
+						description: 'The value to match against branch cases'
+					},
+					{
+						id: 'trigger',
+						name: 'Trigger',
+						type: 'input',
+						dataType: 'trigger',
+						required: false,
+						description: ''
+					}
+				],
+				outputs: []
+			}
+		})}
+	/>
 </Story>

package/dist/components/nodes/IdeaNode.stories.svelte

@@ -1,48 +1,52 @@
 <script module>
-	import { defineMeta } from "@storybook/addon-svelte-csf";
-	import NodeDecorator from "../../stories/NodeDecorator.svelte";
+	import { defineMeta } from '@storybook/addon-svelte-csf';
+	import NodeDecorator from '../../stories/NodeDecorator.svelte';
 
 	const { Story } = defineMeta({
-		title: "Nodes/IdeaNode",
-		tags: ["autodocs"],
+		title: 'Nodes/IdeaNode',
+		tags: ['autodocs'],
 		parameters: {
-			layout: "centered",
-		},
+			layout: 'centered'
+		}
 	});
 </script>
 
 <Story name="Default">
-	<NodeDecorator data={{
-		label: "Idea",
-		config: {},
-		metadata: {
-			id: "idea",
-			name: "Idea",
-			description: "Planning node",
-			category: "helpers",
-			version: "1.0.0",
-			type: "idea",
-			inputs: [],
-			outputs: [],
-		},
-	}} />
+	<NodeDecorator
+		data={{
+			label: 'Idea',
+			config: {},
+			metadata: {
+				id: 'idea',
+				name: 'Idea',
+				description: 'Planning node',
+				category: 'helpers',
+				version: '1.0.0',
+				type: 'idea',
+				inputs: [],
+				outputs: []
+			}
+		}}
+	/>
 </Story>
 
 <Story name="With Content">
-	<NodeDecorator data={{
-		label: "Feature Idea",
-		config: {
-			content: "Add batch processing support to handle multiple items in parallel.",
-		},
-		metadata: {
-			id: "idea",
-			name: "Idea",
-			description: "Planning node",
-			category: "helpers",
-			version: "1.0.0",
-			type: "idea",
-			inputs: [],
-			outputs: [],
-		},
-	}} />
+	<NodeDecorator
+		data={{
+			label: 'Feature Idea',
+			config: {
+				content: 'Add batch processing support to handle multiple items in parallel.'
+			},
+			metadata: {
+				id: 'idea',
+				name: 'Idea',
+				description: 'Planning node',
+				category: 'helpers',
+				version: '1.0.0',
+				type: 'idea',
+				inputs: [],
+				outputs: []
+			}
+		}}
+	/>
 </Story>

package/dist/components/nodes/NotesNode.stories.svelte

@@ -1,69 +1,76 @@
 <script module>
-	import { defineMeta } from "@storybook/addon-svelte-csf";
-	import NodeDecorator from "../../stories/NodeDecorator.svelte";
+	import { defineMeta } from '@storybook/addon-svelte-csf';
+	import NodeDecorator from '../../stories/NodeDecorator.svelte';
 
 	const { Story } = defineMeta({
-		title: "Nodes/NotesNode",
-		tags: ["autodocs"],
+		title: 'Nodes/NotesNode',
+		tags: ['autodocs'],
 		parameters: {
-			layout: "centered",
-		},
+			layout: 'centered'
+		}
 	});
 </script>
 
 <Story name="Default">
-	<NodeDecorator data={{
-		label: "Notes",
-		config: {},
-		metadata: {
-			id: "notes",
-			name: "Notes",
-			description: "Documentation node",
-			category: "helpers",
-			version: "1.0.0",
-			type: "note",
-			inputs: [],
-			outputs: [],
-		},
-	}} />
+	<NodeDecorator
+		data={{
+			label: 'Notes',
+			config: {},
+			metadata: {
+				id: 'notes',
+				name: 'Notes',
+				description: 'Documentation node',
+				category: 'helpers',
+				version: '1.0.0',
+				type: 'note',
+				inputs: [],
+				outputs: []
+			}
+		}}
+	/>
 </Story>
 
 <Story name="With Content">
-	<NodeDecorator data={{
-		label: "Notes",
-		config: {
-			content: "## Important\n\nThis workflow handles **user onboarding**.\n\n- Step 1: Validate email\n- Step 2: Create account\n- Step 3: Send welcome email",
-			noteType: "info",
-		},
-		metadata: {
-			id: "notes",
-			name: "Notes",
-			description: "Documentation node",
-			category: "helpers",
-			version: "1.0.0",
-			type: "note",
-			inputs: [],
-			outputs: [],
-		},
-	}} />
+	<NodeDecorator
+		data={{
+			label: 'Notes',
+			config: {
+				content:
+					'## Important\n\nThis workflow handles **user onboarding**.\n\n- Step 1: Validate email\n- Step 2: Create account\n- Step 3: Send welcome email',
+				noteType: 'info'
+			},
+			metadata: {
+				id: 'notes',
+				name: 'Notes',
+				description: 'Documentation node',
+				category: 'helpers',
+				version: '1.0.0',
+				type: 'note',
+				inputs: [],
+				outputs: []
+			}
+		}}
+	/>
 </Story>
 
 <Story name="Warning">
-	<NodeDecorator data={{
-		label: "Warning",
-		config: {
-			content: "Rate limiting is applied to this API call. Max 100 requests/minute.",
-			noteType: "warning",
-		},
-		metadata: {
-			id: "notes",
-			name: "Notes",
-			description: "Documentation node",
-			category: "helpers",
-			version: "1.0.0",
-			type: "note",
-			inputs: [],
-			outputs: [],
-		},
-	}} />
+	<NodeDecorator
+		data={{
+			label: 'Warning',
+			config: {
+				content: 'Rate limiting is applied to this API call. Max 100 requests/minute.',
+				noteType: 'warning'
+			},
+			metadata: {
+				id: 'notes',
+				name: 'Notes',
+				description: 'Documentation node',
+				category: 'helpers',
+				version: '1.0.0',
+				type: 'note',
+				inputs: [],
+				outputs: []
+			}
+		}}
+	/>
 </Story>