windmill-components 1.655.2 → 1.665.1

package/package/components/flows/map/FlowErrorHandlerItem.svelte.d.ts

@@ -4,6 +4,7 @@ type $$ComponentProps = {
     small: boolean;
     disableAi?: boolean;
     diffManager?: FlowDiffManager;
+    compact?: 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> & {

package/package/components/flows/map/FlowModuleSchemaItem.svelte

@@ -67,8 +67,8 @@ $effect(() => {
     updateConnectingData(id, pickableIds, $flowPropPickerConfig, flowStateStore);
 });
 let isConnectingCandidate = $derived(!!id && !!$flowPropPickerConfig && !!pickableIds && Object.keys(pickableIds).includes(id));
-let isDragging = $derived(!!moveManager?.dragging);
-const outputPickerVisible = $derived(editMode && (isConnectingCandidate || alwaysShowOutputPicker) && !!id && !isDragging);
+let isMoving = $derived(!!moveManager?.dragging || !!moveManager?.movingModuleId);
+const outputPickerVisible = $derived(editMode && (isConnectingCandidate || alwaysShowOutputPicker) && !!id && !isMoving);
 const icon_render = $derived(icon);
 let testRunDropdownOpen = $state(false);
 let outputPickerInner = $state(undefined);
@@ -83,7 +83,7 @@ let historyOpen = $derived.by(() => outputPickerInner?.getHistoryOpen?.() ?? fal
 		flowStore?.val?.value.failure_module
 	)}
 	<Drawer bind:open={editId}>
-		<DrawerContent title="Edit Step Id {id}" on:close={() => (editId = false)}>
+		<DrawerContent title="Edit step id {id}" on:close={() => (editId = false)}>
 			<div>
 				<IdEditorInput
 					buttonText="Edit Id "
@@ -154,7 +154,7 @@ let historyOpen = $derived.by(() => outputPickerInner?.getHistoryOpen?.() ?? fal
 	<!-- svelte-ignore a11y_no_static_element_interactions -->
 	<div
 		class={classNames(
-			'w-full module flex rounded-md cursor-pointer max-w-full drop-shadow-base',
+			'w-full module flex rounded-md cursor-pointer max-w-full drop-shadow-sm',
 			colorClasses.bg
 		)}
 		style="width: 275px; height: 34px;"
@@ -303,11 +303,9 @@ let historyOpen = $derived.by(() => outputPickerInner?.getHistoryOpen?.() ?? fal
 				{label}
 				{path}
 				{id}
-				{deletable}
 				{bold}
 				bind:editId
 				disableEditId={isMultiSelected}
-				{hover}
 				{colorClasses}
 			>
 				{#snippet icon()}
@@ -353,11 +351,10 @@ let historyOpen = $derived.by(() => outputPickerInner?.getHistoryOpen?.() ?? fal
 			{/if}
 		</div>
 
-		{#if deletable && !isDragging}
+		{#if deletable && !isMoving}
 			{#if maximizeSubflow !== undefined}
 				{@render buttonMaximizeSubflow?.()}
 			{/if}
-
 			{#if (id && Object.values($flowInputsStore?.[id]?.flowStepWarnings || {}).length > 0) || Boolean(warningMessage)}
 				<Popover
 					style="will-change: transform;"
@@ -438,7 +435,7 @@ let historyOpen = $derived.by(() => outputPickerInner?.getHistoryOpen?.() ?? fal
 		{/if}
 	</div>
 
-	{#if editMode && enableTestRun && flowJob?.type !== 'QueuedJob' && !isDragging}
+	{#if editMode && enableTestRun && flowJob?.type !== 'QueuedJob' && !isMoving}
 		<!-- svelte-ignore a11y_no_static_element_interactions -->
 		<div
 			class="absolute top-1/2 -translate-y-1/2 -translate-x-[100%] -left-[0] flex items-center w-fit px-1 h-9 min-w-9"
@@ -446,7 +443,7 @@ let historyOpen = $derived.by(() => outputPickerInner?.getHistoryOpen?.() ?? fal
 			onmouseleave={() => (hover = false)}
 		>
 			{#if !isMultiSelected && (hover || selected || testRunDropdownOpen) && outputPickerVisible}
-				<div transition:fade={{ duration: 100 }}>
+				<div class="bg-surface rounded-md" transition:fade={{ duration: 100 }}>
 					{#if !testIsLoading}
 						<Button
 							size="xs"

package/package/components/flows/map/FlowModuleSchemaItemViewer.svelte

@@ -1,11 +1,9 @@
 <script lang="ts">import Popover from '../../Popover.svelte';
 import Badge from '../../common/badge/Badge.svelte';
-import { Pencil } from 'lucide-svelte';
-import { slide } from 'svelte/transition';
 import { twMerge } from 'tailwind-merge';
 let iconWidth = $state(0);
 let idBadgeWidth = $state(undefined);
-let { label = '', path = '', id = '', deletable = false, bold = false, editId = $bindable(false), disableEditId = false, hover = false, colorClasses, icon, onclick } = $props();
+let { label = '', path = '', id = '', bold = false, editId = $bindable(false), disableEditId = false, colorClasses, icon, onclick } = $props();
 let marginLeft = $derived(Math.max(iconWidth ?? 0, idBadgeWidth ?? 0) * 2 + 32);
 </script>
 
@@ -57,11 +55,6 @@ let marginLeft = $derived(Math.max(iconWidth ?? 0, idBadgeWidth ?? 0) * 2 + 32);
 						}}
 			>
 				<span class="max-w-full text-2xs truncate flex items-center">
-					{#if !disableEditId && (editId || (hover && deletable))}
-						<span transition:slide={{ axis: 'x', duration: 100 }}>
-							<Pencil size={10} class="mr-1" />
-						</span>
-					{/if}
 					<span class="max-w-12 truncate">
 						{id}
 					</span>

package/package/components/flows/map/FlowModuleSchemaItemViewer.svelte.d.ts

@@ -3,11 +3,9 @@ interface Props {
     label?: string;
     path?: string;
     id?: string;
-    deletable?: boolean;
     bold?: boolean;
     editId?: boolean;
     disableEditId?: boolean;
-    hover?: boolean;
     colorClasses?: FlowNodeColorClasses;
     icon?: import('svelte').Snippet;
     onclick?: () => void;