windmill-components 1.493.9 → 1.501.4

package/package/components/EditorBar.svelte

@@ -1,7 +1,8 @@
-<script context="module" lang="ts">export const EDITOR_BAR_WIDTH_THRESHOLD = 1044;
+<script module lang="ts">export const EDITOR_BAR_WIDTH_THRESHOLD = 1044;
 </script>
 
-<script lang="ts">import { ResourceService, VariableService } from '../gen';
+<script lang="ts">import { run } from 'svelte/legacy';
+import { ResourceService, VariableService } from '../gen';
 import { workspaceStore } from '../stores';
 import { base } from '../base';
 import ItemPicker from './ItemPicker.svelte';
@@ -15,7 +16,7 @@ import PickHubScript from './flows/pickers/PickHubScript.svelte';
 import ToggleHubWorkspace from './ToggleHubWorkspace.svelte';
 import Skeleton from './common/skeleton/Skeleton.svelte';
 import { SCRIPT_EDITOR_SHOW_EXPLORE_OTHER_SCRIPTS } from '../consts';
-import { createEventDispatcher } from 'svelte';
+import { createEventDispatcher, untrack } from 'svelte';
 import { sendUserToast } from '../toast';
 import { getScriptByPath, scriptLangToEditorLang } from '../scripts';
 import Toggle from './Toggle.svelte';
@@ -27,98 +28,90 @@ import { getResetCode } from '../script_helpers';
 import Popover from './Popover.svelte';
 import ResourceEditorDrawer from './ResourceEditorDrawer.svelte';
 import EditorSettings from './EditorSettings.svelte';
-export let lang;
-export let editor;
-export let websocketAlive;
-export let iconOnly = false;
-export let validCode = true;
-export let kind = 'script';
-export let template = 'script';
-export let collabMode = false;
-export let collabLive = false;
-export let collabUsers = [];
-export let scriptPath = undefined;
-export let diffEditor = undefined;
-export let args;
-export let noHistory = false;
-export let saveToWorkspace = false;
-export let customUi = {};
-export let lastDeployedCode = undefined;
-export let diffMode = false;
-export let showHistoryDrawer = false;
-let contextualVariablePicker;
-let variablePicker;
-let resourcePicker;
-let resourceTypePicker;
-let variableEditor;
-let resourceEditor;
-let showContextVarPicker = false;
-let showVarPicker = false;
-let showResourcePicker = false;
-let showResourceTypePicker = false;
-$: showContextVarPicker = [
-    'python3',
-    'bash',
-    'powershell',
-    'go',
-    'deno',
-    'bun',
-    'bunnative',
-    'nativets',
-    'php',
-    'rust',
-    'csharp',
-    'nu',
-    'java'
-    // for related places search: ADD_NEW_LANG
-].includes(lang ?? '');
-$: showVarPicker = [
-    'python3',
-    'bash',
-    'powershell',
-    'go',
-    'deno',
-    'bun',
-    'bunnative',
-    'nativets',
-    'php',
-    'rust',
-    'csharp',
-    'nu',
-    'java'
-    // for related places search: ADD_NEW_LANG
-].includes(lang ?? '');
-$: showResourcePicker = [
-    'python3',
-    'bash',
-    'powershell',
-    'go',
-    'deno',
-    'bun',
-    'bunnative',
-    'nativets',
-    'php',
-    'rust',
-    'csharp',
-    'nu',
-    'java'
-    // for related places search: ADD_NEW_LANG
-].includes(lang ?? '');
-$: showResourceTypePicker =
-    ['typescript', 'javascript'].includes(scriptLangToEditorLang(lang)) ||
-        lang === 'python3' ||
-        lang === 'php';
-let codeViewer;
-let codeObj = undefined;
+let { lang, editor, websocketAlive, iconOnly = false, validCode = true, kind = 'script', template = 'script', collabMode = false, collabLive = false, collabUsers = [], scriptPath = undefined, diffEditor = undefined, args, noHistory = false, saveToWorkspace = false, customUi = {}, lastDeployedCode = undefined, diffMode = false, showHistoryDrawer = $bindable(false), right, openAiChat = false } = $props();
+let contextualVariablePicker = $state();
+let variablePicker = $state();
+let resourcePicker = $state();
+let resourceTypePicker = $state();
+let variableEditor = $state();
+let resourceEditor = $state();
+let showContextVarPicker = $state(false);
+let showVarPicker = $state(false);
+let showResourcePicker = $state(false);
+let showResourceTypePicker = $state(false);
+run(() => {
+    showContextVarPicker = [
+        'python3',
+        'bash',
+        'powershell',
+        'go',
+        'deno',
+        'bun',
+        'bunnative',
+        'nativets',
+        'php',
+        'rust',
+        'csharp',
+        'nu',
+        'java'
+        // for related places search: ADD_NEW_LANG
+    ].includes(lang ?? '');
+});
+run(() => {
+    showVarPicker = [
+        'python3',
+        'bash',
+        'powershell',
+        'go',
+        'deno',
+        'bun',
+        'bunnative',
+        'nativets',
+        'php',
+        'rust',
+        'csharp',
+        'nu',
+        'java'
+        // for related places search: ADD_NEW_LANG
+    ].includes(lang ?? '');
+});
+run(() => {
+    showResourcePicker = [
+        'python3',
+        'bash',
+        'powershell',
+        'go',
+        'deno',
+        'bun',
+        'bunnative',
+        'nativets',
+        'php',
+        'rust',
+        'csharp',
+        'nu',
+        'java'
+        // for related places search: ADD_NEW_LANG
+    ].includes(lang ?? '');
+});
+run(() => {
+    showResourceTypePicker =
+        ['typescript', 'javascript'].includes(scriptLangToEditorLang(lang)) ||
+            lang === 'python3' ||
+            lang === 'php';
+});
+let codeViewer = $state();
+let codeObj = $state(undefined);
 function addEditorActions() {
     editor?.addAction('insert-variable', 'Windmill: Insert variable', () => {
-        variablePicker.openDrawer();
+        variablePicker?.openDrawer();
     });
     editor?.addAction('insert-resource', 'Windmill: Insert resource', () => {
-        resourcePicker.openDrawer();
+        resourcePicker?.openDrawer();
     });
 }
-$: editor && addEditorActions();
+run(() => {
+    editor && untrack(() => addEditorActions());
+});
 async function loadVariables() {
     return await VariableService.listVariable({ workspace: $workspaceStore ?? '' });
 }
@@ -127,9 +120,9 @@ async function loadContextualVariables() {
         workspace: $workspaceStore ?? 'NO_W'
     });
 }
-let scriptPicker;
-let pick_existing = 'hub';
-let filter = '';
+let scriptPicker = $state();
+let pick_existing = $state('hub');
+let filter = $state('');
 async function onScriptPick(e) {
     codeObj = undefined;
     codeViewer?.openDrawer?.();
@@ -430,21 +423,23 @@ string ${windmillPathToCamelCaseName(path)} = await client.GetStringAsync(uri);
 	itemName="Variable"
 	extraField="path"
 	loadItems={loadVariables}
-	buttons={{ 'Edit/View': (x) => variableEditor.editVariable(x) }}
+	buttons={{ 'Edit/View': (x) => variableEditor?.editVariable(x) }}
 >
-	<div slot="submission" class="flex flex-row">
-		<Button
-			variant="border"
-			color="blue"
-			size="sm"
-			startIcon={{ icon: Plus }}
-			on:click={() => {
-				variableEditor.initNew()
-			}}
-		>
-			New variable
-		</Button>
-	</div>
+	{#snippet submission()}
+		<div class="flex flex-row">
+			<Button
+				variant="border"
+				color="blue"
+				size="sm"
+				startIcon={{ icon: Plus }}
+				on:click={() => {
+					variableEditor?.initNew()
+				}}
+			>
+				New variable
+			</Button>
+		</div>
+	{/snippet}
 </ItemPicker>
 
 <ItemPicker
@@ -516,24 +511,26 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
 	tooltip="Resources represent connections to third party systems. Resources are a good way to define a connection to a frequently used third party system such as a database."
 	documentationLink="https://www.windmill.dev/docs/core_concepts/resources_and_types"
 	itemName="Resource"
-	buttons={{ 'Edit/View': (x) => resourceEditor.initEdit(x) }}
+	buttons={{ 'Edit/View': (x) => resourceEditor?.initEdit(x) }}
 	extraField="description"
 	extraField2="resource_type"
 	loadItems={async () =>
 		await ResourceService.listResource({ workspace: $workspaceStore ?? 'NO_W' })}
 >
-	<div slot="submission" class="flex flex-row gap-x-1 mr-2">
-		<Button
-			startIcon={{ icon: Plus }}
-			target="_blank"
-			variant="border"
-			color="blue"
-			size="sm"
-			href="{base}/resources?connect_app=undefined"
-		>
-			Add resource
-		</Button>
-	</div>
+	{#snippet submission()}
+		<div class="flex flex-row gap-x-1 mr-2">
+			<Button
+				startIcon={{ icon: Plus }}
+				target="_blank"
+				variant="border"
+				color="blue"
+				size="sm"
+				href="{base}/resources?connect_app=undefined"
+			>
+				Add resource
+			</Button>
+		</div>
+	{/snippet}
 </ItemPicker>
 
 {#if showResourceTypePicker}
@@ -562,6 +559,8 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
 		<div class="flex items-center gap-0.5">
 			{#if showContextVarPicker && customUi?.contextVar != false}
 				<Button
+					aiId="editor-bar-add-context-variable"
+					aiDescription="Add context variable"
 					title="Add context variable"
 					color="light"
 					on:click={contextualVariablePicker.openDrawer}
@@ -575,6 +574,8 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
 			{/if}
 			{#if showVarPicker && customUi?.variable != false}
 				<Button
+					aiId="editor-bar-add-variable"
+					aiDescription="Add variable"
 					title="Add variable"
 					color="light"
 					btnClasses="!font-medium text-tertiary"
@@ -590,6 +591,8 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
 
 			{#if showResourcePicker && customUi?.resource != false}
 				<Button
+					aiId="editor-bar-add-resource"
+					aiDescription="Add resource"
 					title="Add resource"
 					btnClasses="!font-medium text-tertiary"
 					size="xs"
@@ -605,12 +608,14 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
 
 			{#if showResourceTypePicker && customUi?.type != false}
 				<Button
+					aiId="editor-bar-add-resource-type"
+					aiDescription="Add resource type"
 					title="Add resource type"
 					btnClasses="!font-medium text-tertiary"
 					size="xs"
 					spacingSize="md"
 					color="light"
-					on:click={resourceTypePicker.openDrawer}
+					on:click={() => resourceTypePicker?.openDrawer()}
 					{iconOnly}
 					startIcon={{ icon: Package }}
 				>
@@ -620,6 +625,8 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
 
 			{#if customUi?.reset != false}
 				<Button
+					aiId="editor-bar-reset-content"
+					aiDescription="Reset content"
 					title="Reset Content"
 					btnClasses="!font-medium text-tertiary"
 					size="xs"
@@ -636,6 +643,8 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
 			{#if customUi?.assistants != false}
 				{#if lang == 'deno' || lang == 'python3' || lang == 'go' || lang == 'bash' || lang == 'nu'}
 					<Button
+						aiId="editor-bar-reload-assistants"
+						aiDescription="Reload assistants"
 						btnClasses="!font-medium text-tertiary"
 						size="xs"
 						spacingSize="md"
@@ -680,7 +689,9 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
 						}}
 					/>
 					<Popover>
-						<svelte:fragment slot="text">Toggle diff mode</svelte:fragment>
+						{#snippet text()}
+							Toggle diff mode
+						{/snippet}
 						<DiffIcon class="ml-1 text-tertiary" size={14} />
 					</Popover>
 				</div>
@@ -695,14 +706,16 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
 						on:change={() => dispatch('toggleCollabMode')}
 					/>
 					<Popover>
-						<svelte:fragment slot="text">Multiplayer</svelte:fragment>
+						{#snippet text()}
+							Multiplayer
+						{/snippet}
 						<Users class="ml-1 text-tertiary" size={14} />
 					</Popover>
 					{#if collabLive}
 						<button
 							title="Show invite link"
 							class="p-1 rounded hover:bg-gray-400 mx-1 border"
-							on:click={() => dispatch('collabPopup')}><Link size={14} /></button
+							onclick={() => dispatch('collabPopup')}><Link size={14} /></button
 						>
 						<div class="isolate flex -space-x-2 pl-2">
 							{#each collabUsers as user}
@@ -721,7 +734,7 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
 			{/if}
 
 			{#if customUi?.aiGen != false}
-				<ScriptGen {editor} {diffEditor} {lang} {iconOnly} {args} />
+				<ScriptGen {editor} {diffEditor} {lang} {iconOnly} {args} {openAiChat} />
 			{/if}
 
 			<EditorSettings {customUi} />
@@ -729,7 +742,7 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
 	</div>
 
 	<div class="flex flex-row items-center gap-2">
-		<slot name="right" />
+		{@render right?.()}
 		{#if scriptPath && !noHistory}
 			<Button
 				btnClasses="!font-medium text-tertiary"

package/package/components/EditorBar.svelte.d.ts

@@ -3,21 +3,8 @@ import type Editor from './Editor.svelte';
 import type { SupportedLanguage } from '../common';
 import type DiffEditor from './DiffEditor.svelte';
 import type { EditorBarUi } from './custom_ui';
-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 EditorBar: $$__sveltets_2_IsomorphicComponent<{
-    lang: SupportedLanguage | "bunnative" | undefined;
+interface Props {
+    lang: SupportedLanguage | 'bunnative' | undefined;
     editor: Editor | undefined;
     websocketAlive: {
         pyright: boolean;
@@ -28,8 +15,8 @@ declare const EditorBar: $$__sveltets_2_IsomorphicComponent<{
     };
     iconOnly?: boolean;
     validCode?: boolean;
-    kind?: "script" | "trigger" | "approval";
-    template?: "pgsql" | "mysql" | "script" | "docker" | "powershell" | "bunnative";
+    kind?: 'script' | 'trigger' | 'approval';
+    template?: 'pgsql' | 'mysql' | 'script' | 'docker' | 'powershell' | 'bunnative';
     collabMode?: boolean;
     collabLive?: boolean;
     collabUsers?: {
@@ -44,14 +31,28 @@ declare const EditorBar: $$__sveltets_2_IsomorphicComponent<{
     lastDeployedCode?: string | undefined;
     diffMode?: boolean;
     showHistoryDrawer?: boolean;
-}, {
+    right?: import('svelte').Snippet;
+    openAiChat?: boolean;
+}
+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 EditorBar: $$__sveltets_2_IsomorphicComponent<Props, {
     toggleCollabMode: CustomEvent<any>;
     collabPopup: CustomEvent<any>;
     createScriptFromInlineScript: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {
-    right: {};
-}, {}, string>;
+}, {}, {}, "showHistoryDrawer">;
 type EditorBar = InstanceType<typeof EditorBar>;
 export default EditorBar;

package/package/components/ErrorOrRecoveryHandler.svelte

@@ -292,7 +292,7 @@ $: handlerPath &&
 				schema={customHandlerSchema}
 				bind:args={handlerExtraArgs}
 				shouldHideNoInputs
-				class="text-xs"
+				className="text-xs"
 			/>
 		{/await}
 		{#if customHandlerSchema && customHandlerSchema.properties && Object.keys(customHandlerSchema.properties).length === 0}
@@ -331,7 +331,7 @@ $: handlerPath &&
 				}}
 				bind:args={handlerExtraArgs}
 				shouldHideNoInputs
-				class="text-xs"
+				className="text-xs"
 			/>
 		{/await}
 	{:else if workspaceConnectedToSlack == undefined}
@@ -416,11 +416,14 @@ $: handlerPath &&
 					containerClass="flex-grow"
 					minWidth="200px"
 					placeholder="Select Teams channel"
-					channels={teams_channels as any[]}
-					on:change={(e) => (handlerExtraArgs['channel'] = e.detail.channel_id)}
-					selectedChannel={handlerExtraArgs['channel']
-						? (teams_channels.find((ch) => ch.channel_id === handlerExtraArgs['channel']) as any)
-						: undefined}
+					channels={teams_channels}
+					bind:selectedChannel={
+						() =>
+							handlerExtraArgs['channel']
+								? teams_channels.find((ch) => ch.channel_id === handlerExtraArgs['channel'])
+								: undefined,
+						(channel) => (handlerExtraArgs['channel'] = channel?.channel_id)
+					}
 				/>
 				<div class="flex-shrink-0">
 					<button
@@ -438,7 +441,7 @@ $: handlerPath &&
 					>{teams_team_name}</Badge
 				>
 			</p>
-			<Tooltip text={teams_team_name}>
+			<Tooltip>
 				Each workspace can only be connected to one Microsoft Teams team. You can configure it under <a
 					target="_blank"
 					href="{base}/workspace_settings?tab=teams">workspace settings</a

package/package/components/FirstStepInputs.svelte

@@ -1,5 +1,5 @@
-<script lang="ts">import { createEventDispatcher, onDestroy, getContext } from 'svelte';
-import { getFirstStepSchema } from './flows/flowStore';
+<script lang="ts">import { createEventDispatcher, onDestroy, getContext, untrack } from 'svelte';
+import { getFirstStepSchema } from './flows/flowStore.svelte';
 import { twMerge } from 'tailwind-merge';
 import { Alert } from './common';
 import FlowModuleSchemaItemViewer from './flows/map/FlowModuleSchemaItemViewer.svelte';
@@ -9,12 +9,12 @@ import IconedResourceType from './IconedResourceType.svelte';
 import { Building } from 'lucide-svelte';
 const { flowStore, flowStateStore } = getContext('FlowEditorContext');
 const dispatch = createEventDispatcher();
-let schema = undefined;
-let error = undefined;
-let mod = undefined;
+let schema = $state(undefined);
+let error = $state(undefined);
+let mod = $state(undefined);
 async function loadSchema() {
     try {
-        const res = await getFirstStepSchema($flowStateStore, flowStore);
+        const res = await getFirstStepSchema($flowStateStore, flowStore.val);
         schema = res.schema;
         mod = res.mod;
         dispatch('connectFirstNode', { connectFirstNode: res.connectFirstNode });
@@ -23,7 +23,9 @@ async function loadSchema() {
         error = e;
     }
 }
-$: $flowStore && $flowStateStore && loadSchema();
+$effect(() => {
+    flowStore.val && $flowStateStore && untrack(() => loadSchema());
+});
 function handleClick() {
     selected = !selected;
     dispatch('select', selected ? schema : undefined);
@@ -32,7 +34,7 @@ onDestroy(() => {
     selected = false;
     dispatch('select', undefined);
 });
-let selected = false;
+let selected = $state(false);
 function handleKeydown(event) {
     if (event.key === 'Escape' && selected) {
         selected = false;
@@ -41,14 +43,16 @@ function handleKeydown(event) {
         event.preventDefault();
     }
 }
-let firstUpdate = true;
-$: if (schema && !selected && firstUpdate) {
-    firstUpdate = false;
-    setTimeout(() => {
-        selected = true;
-        dispatch('select', schema);
-    }, 200);
-}
+let firstUpdate = $state(true);
+$effect(() => {
+    if (schema && !selected && firstUpdate) {
+        firstUpdate = false;
+        setTimeout(() => {
+            selected = true;
+            dispatch('select', schema);
+        }, 200);
+    }
+});
 export function resetSelected(dispatchEvent) {
     selected = false;
     if (dispatchEvent) {
@@ -57,7 +61,7 @@ export function resetSelected(dispatchEvent) {
 }
 </script>
 
-<svelte:window on:keydown={handleKeydown} />
+<svelte:window onkeydown={handleKeydown} />
 
 <div class="h-full">
 	{#if schema && mod}
@@ -67,10 +71,10 @@ export function resetSelected(dispatchEvent) {
 				selected ? 'bg-surface-selected' : 'hover:bg-surface-hover'
 			)}
 			disabled={!schema}
-			on:click={handleClick}
+			onclick={handleClick}
 		>
 			<FlowModuleSchemaItemViewer
-				on:click={handleClick}
+				onclick={handleClick}
 				deletable={false}
 				id={mod.id}
 				label={mod.summary ||
@@ -80,24 +84,26 @@ export function resetSelected(dispatchEvent) {
 						: 'To be defined')}
 				path={`path` in mod.value && mod.summary ? mod.value.path : ''}
 			>
-				<div slot="icon">
-					{#if mod.value.type === 'rawscript'}
-						<LanguageIcon lang={mod.value.language} width={16} height={16} />
-					{:else if mod.value.type === 'script'}
-						{#if mod.value.path.startsWith('hub/')}
-							<div>
-								<IconedResourceType
-									width="20px"
-									height="20px"
-									name={mod.value.path.split('/')[2]}
-									silent={true}
-								/>
-							</div>
-						{:else}
-							<Building size={14} />
+				{#snippet icon()}
+					<div>
+						{#if mod.value.type === 'rawscript'}
+							<LanguageIcon lang={mod.value.language} width={16} height={16} />
+						{:else if mod.value.type === 'script'}
+							{#if mod.value.path.startsWith('hub/')}
+								<div>
+									<IconedResourceType
+										width="20px"
+										height="20px"
+										name={mod.value.path.split('/')[2]}
+										silent={true}
+									/>
+								</div>
+							{:else}
+								<Building size={14} />
+							{/if}
 						{/if}
-					{/if}
-				</div>
+					</div>
+				{/snippet}
 			</FlowModuleSchemaItemViewer>
 		</button>
 	{:else}

package/package/components/FirstStepInputs.svelte.d.ts

@@ -2,7 +2,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
     } & Exports;
-    (internal: unknown, props: Props & {
+    (internal: unknown, props: {
         $$events?: Events;
         $$slots?: Slots;
     }): Exports & {
@@ -11,15 +11,13 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const FirstStepInputs: $$__sveltets_2_IsomorphicComponent<{
-    resetSelected?: (dispatchEvent?: boolean) => void;
-}, {
+declare const FirstStepInputs: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
     connectFirstNode: CustomEvent<any>;
     select: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
 }, {}, {
     resetSelected: (dispatchEvent?: boolean) => void;
-}, string>;
+}, "">;
 type FirstStepInputs = InstanceType<typeof FirstStepInputs>;
 export default FirstStepInputs;