windmill-components 1.642.0 → 1.655.0

package/package/components/graph/renderers/nodes/NodeWrapper.svelte

@@ -2,22 +2,38 @@
 import { Handle, Position } from '@xyflow/svelte';
 import { twMerge } from 'tailwind-merge';
 import ContextMenu, {} from '../../../common/contextmenu/ContextMenu.svelte';
-let { enableSourceHandle = true, enableTargetHandle = true, offset = 0, wrapperClass = '', contextMenuItems = undefined, children } = $props();
+import { getGraphContext } from '../../graphContext';
+let { enableSourceHandle = true, enableTargetHandle = true, wrapperClass = '', contextMenuItems = undefined, menuItems = undefined, nodeId = undefined, children } = $props();
+let resolvedContextMenuItems = $derived(contextMenuItems ??
+    menuItems?.flatMap((item) => [
+        ...(item.separatorTop ? [{ id: `${item.displayName}-divider`, label: '', divider: true }] : []),
+        {
+            id: item.displayName,
+            label: item.displayName,
+            icon: item.icon,
+            disabled: item.disabled,
+            type: item.type,
+            shortcut: item.shortcut,
+            onClick: item.action
+        }
+    ]));
+const { moveManager } = getGraphContext();
+let faded = $derived(nodeId != null && (moveManager?.draggedNodeIds?.has(nodeId) ?? false));
 let darkMode = $state(false);
 </script>
 
 <DarkModeObserver bind:darkMode />
 
-{#if contextMenuItems && contextMenuItems.length > 0}
-	<ContextMenu items={contextMenuItems}>
-		<div class={twMerge('relative rounded-md', wrapperClass)} style={`margin-left: ${offset}px;`}>
+{#if resolvedContextMenuItems && resolvedContextMenuItems.length > 0}
+	<ContextMenu items={resolvedContextMenuItems}>
+		<div class={twMerge('relative rounded-md', faded ? 'opacity-30' : '', wrapperClass)}>
 			{@render children?.({ darkMode })}
 		</div>
 
 		{@render handles()}
 	</ContextMenu>
 {:else}
-	<div class={twMerge('relative rounded-md', wrapperClass)} style={`margin-left: ${offset}px;`}>
+	<div class={twMerge('relative rounded-md', faded ? 'opacity-30' : '', wrapperClass)}>
 		{@render children?.({ darkMode })}
 	</div>
 
@@ -30,7 +46,6 @@ let darkMode = $state(false);
 			type="source"
 			isConnectable={false}
 			position={Position.Bottom}
-			style={`margin-left: ${offset / 2}px;`}
 		/>
 	{/if}
 
@@ -39,7 +54,6 @@ let darkMode = $state(false);
 			type="target"
 			isConnectable={false}
 			position={Position.Top}
-			style={`margin-left: ${offset / 2}px;`}
 		/>
 	{/if}
 {/snippet}

package/package/components/graph/renderers/nodes/NodeWrapper.svelte.d.ts

@@ -1,10 +1,13 @@
 import { type ContextMenuItem } from '../../../common/contextmenu/ContextMenu.svelte';
+import type { Item } from '../../../../utils';
 interface Props {
     enableSourceHandle?: boolean;
     enableTargetHandle?: boolean;
-    offset?: number;
     wrapperClass?: string;
     contextMenuItems?: ContextMenuItem[];
+    menuItems?: Item[];
+    /** xyflow node ID — used to fade nodes that are part of a moving subflow */
+    nodeId?: string;
     children?: import('svelte').Snippet<[any]>;
 }
 declare const NodeWrapper: import("svelte").Component<Props, {}, "">;

package/package/components/graph/renderers/nodes/NoteNode.svelte

@@ -9,7 +9,7 @@ import { Button } from '../../../common';
 import { getNoteEditorContext } from '../../noteEditor.svelte';
 import { getGraphContext } from '../../graphContext';
 import { clickOutside } from '../../../../utils';
-import { tick } from 'svelte';
+import { tick, untrack } from 'svelte';
 let { data, dragging = false } = $props();
 // Get SvelteFlow utilities for accessing node position
 const { getNode } = useSvelteFlow();
@@ -25,7 +25,7 @@ const currentNode = $derived(getNode(data.noteId));
 let textareaElement = $state(undefined);
 let editMode = $state(false);
 let hovering = $state(false);
-let textContent = $state(data.text ?? '');
+let textContent = $state(untrack(() => data).text ?? '');
 let containerHeight = $state(0);
 // Use data props directly - they're kept in sync by NoteManager observer
 const color = $derived(data.color ?? DEFAULT_NOTE_COLOR);

package/package/components/graph/renderers/nodes/SubflowBound.svelte

@@ -7,7 +7,7 @@ let { data, id } = $props();
 const { selectionManager } = getGraphContext();
 </script>
 
-<NodeWrapper offset={data.offset}>
+<NodeWrapper>
 	{#snippet children({ darkMode })}
 		<VirtualItem
 			label={data.label}

package/package/components/graph/renderers/nodes/branchOneEndNode.svelte

@@ -5,7 +5,7 @@ const { selectionManager } = getGraphContext();
 let { data, id } = $props();
 </script>
 
-<NodeWrapper offset={data.offset}>
+<NodeWrapper nodeId={id}>
 	{#snippet children({ darkMode })}
 		<VirtualItem
 			label={'Collect result from chosen branch'}

package/package/components/graph/renderers/triggers/TriggerButton.svelte

@@ -1,13 +1,15 @@
-<script lang="ts">import { twMerge } from 'tailwind-merge';
-export let selected;
+<script lang="ts">import { createBubbler } from 'svelte/legacy';
+const bubble = createBubbler();
+import { twMerge } from 'tailwind-merge';
+let { selected, children } = $props();
 </script>
 
 <button
-	on:click
+	onclick={bubble('click')}
 	class={twMerge(
 		'hover:bg-surface-hover rounded-md border text-xs w-[23px] h-[23px] relative center-center cursor-pointer bg-surface',
 		selected ? 'outline-1 outline-tertiary outline' : 'outline-0'
 	)}
 >
-	<slot />
+	{@render children?.()}
 </button>

package/package/components/graph/renderers/triggers/TriggerButton.svelte.d.ts

@@ -1,31 +1,7 @@
-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;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const TriggerButton: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+interface Props {
     selected: boolean;
-}, {
-    default: {};
-}>, {
-    click: PointerEvent;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type TriggerButton = InstanceType<typeof TriggerButton>;
+    children?: import('svelte').Snippet;
+}
+declare const TriggerButton: import("svelte").Component<Props, {}, "">;
+type TriggerButton = ReturnType<typeof TriggerButton>;
 export default TriggerButton;

package/package/components/graph/renderers/triggers/TriggerCount.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">import { Loader2 } from 'lucide-svelte';
-export let count = undefined;
+let { count = undefined } = $props();
 </script>
 
 {#if count && count > 0}

package/package/components/graph/renderers/triggers/TriggerCount.svelte.d.ts

@@ -1,20 +1,6 @@
-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 TriggerCount: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     count?: number | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type TriggerCount = InstanceType<typeof TriggerCount>;
+}
+declare const TriggerCount: import("svelte").Component<Props, {}, "">;
+type TriggerCount = ReturnType<typeof TriggerCount>;
 export default TriggerCount;

package/package/components/graph/renderers/triggers/TriggersBadge.svelte

@@ -125,11 +125,7 @@ $effect(() => {
 				type === 'email' ||
 				type === 'cli' ||
 				(triggersGrouped[type] && triggersGrouped[type].length === 1)}
-			<Tooltip
-				disablePopup={menuOpen}
-				placement={vertical ? 'right' : 'bottom'}
-				on:click={(e) => e.stopPropagation()}
-			>
+			<Tooltip disablePopup={menuOpen} placement={vertical ? 'right' : 'bottom'}>
 				{#snippet text()}
 					{camelCaseToWords(type)}
 				{/snippet}
@@ -215,7 +211,7 @@ $effect(() => {
 			isSelected ? 'bg-surface-accent-selected text-accent border-border-selected' : '',
 			small ? 'w-[23px] h-[23px]' : 'p-2'
 		)}
-		on:click={(e) => {
+		onClick={(e) => {
 			e.stopPropagation()
 			e.preventDefault()
 			if (singleItem) {

package/package/components/graph/selectionUtils.svelte.d.ts

@@ -9,6 +9,7 @@ export declare class SelectionManager {
     set mode(mode: 'normal' | 'rect-select');
     get selectedIds(): any[];
     selectNodes(nodes: Node[]): void;
+    selectByIds(ids: string[]): void;
     clearSelection(): void;
     isNodeSelected(nodeId: string): boolean;
     handleKeyDown(event: KeyboardEvent): void;

package/package/components/graph/selectionUtils.svelte.js

@@ -70,11 +70,21 @@ export class SelectionManager {
             return;
         }
         // If the new selection is the same as the current selection, do nothing
-        if (JSON.stringify(nodes) === JSON.stringify($state.snapshot(this.#selectedNodes))) {
+        const newIds = nodes.map((n) => n.id).join(',');
+        const currentIds = this.#selectedNodes.map((n) => n.id).join(',');
+        if (newIds === currentIds) {
             return;
         }
         this.#selectedNodes = nodes;
     }
+    // Select multiple nodes by their IDs
+    selectByIds(ids) {
+        if (!ids || ids.length === 0) {
+            this.clearSelection();
+            return;
+        }
+        this.#selectedNodes = ids.map((id) => ({ id }));
+    }
     // Clear all selections
     clearSelection() {
         this.#selectedNodes = [{ id: 'settings' }];

package/package/components/graph/util.d.ts

@@ -22,7 +22,7 @@ export type FlowNodeState = FlowStatusModule['type'] | '_VirtualItem' | '_Skippe
 export declare function aiActionToNodeState(action: AIModuleAction): FlowNodeState;
 export declare function getNodeColorClasses(state: FlowNodeState, selected: boolean): FlowNodeColorClasses;
 /**
- * Calculate the bounding box for a collection of nodes, accounting for CSS offset
+ * Calculate the bounding box for a collection of nodes.
  * Also includes expanded subflow nodes when calculating bounds for subflow containers
  * @param containedIds - Array of node IDs to calculate bounds for
  * @param allNodes - Array of all nodes to search for expanded subflow nodes
@@ -34,9 +34,6 @@ export declare function calculateNodesBoundsWithOffset(containedIds: string[], a
         x: number;
         y: number;
     };
-    data?: {
-        offset?: number;
-    };
     type: string;
 }>): {
     minX: number;

package/package/components/graph/util.js

@@ -184,7 +184,7 @@ export function getNodeColorClasses(state, selected) {
     return r;
 }
 /**
- * Calculate the bounding box for a collection of nodes, accounting for CSS offset
+ * Calculate the bounding box for a collection of nodes.
  * Also includes expanded subflow nodes when calculating bounds for subflow containers
  * @param containedIds - Array of node IDs to calculate bounds for
  * @param allNodes - Array of all nodes to search for expanded subflow nodes
@@ -194,13 +194,10 @@ export function calculateNodesBoundsWithOffset(containedIds, allNodes) {
     // Find related subflow nodes
     const nodesToCalculate = getAllRelatedSubflowNodes(containedIds, allNodes);
     return nodesToCalculate.reduce((acc, node) => {
-        // Account for CSS offset applied by NodeWrapper
-        const cssOffset = node.data?.offset ?? 0;
-        const visualX = node.position.x + cssOffset;
         return {
-            minX: Math.min(acc.minX, visualX),
+            minX: Math.min(acc.minX, node.position.x),
             minY: Math.min(acc.minY, node.position.y),
-            maxX: Math.max(acc.maxX, visualX + NODE.width),
+            maxX: Math.max(acc.maxX, node.position.x + NODE.width),
             maxY: Math.max(acc.maxY, node.position.y + NODE.height)
         };
     }, {

package/package/components/graph/wacToFlow.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Detect whether a script is a workflow-as-code entry point.
+ */
+export declare function isWorkflowAsCode(code: string, language: string): boolean;

package/package/components/graph/wacToFlow.js

@@ -0,0 +1,14 @@
+/**
+ * Detect whether a script is a workflow-as-code entry point.
+ */
+export function isWorkflowAsCode(code, language) {
+    if (language === 'python3') {
+        return /^\s*@workflow\s*$/m.test(code) || /from\s+wmill\s+import.*workflow/.test(code);
+    }
+    if (language === 'bun' || language === 'deno') {
+        return (/workflow\s*\(/.test(code) &&
+            /task\s*\(/.test(code) &&
+            /import.*(?:workflow|task).*from\s+['"]windmill-client(?:@[^'"]*)?['"]/.test(code));
+    }
+    return false;
+}

package/package/components/home/FlowIcon.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">import BarsStaggered from '../icons/BarsStaggered.svelte';
 import { twMerge } from 'tailwind-merge';
-export let color = 'black';
+let { color = 'black', class: className = '' } = $props();
 </script>
 
-<div class={twMerge(`text-${color}`, $$props.class)}>
+<div class={twMerge(`text-${color}`, className)}>
 	<BarsStaggered size={14} />
 </div>

package/package/components/home/FlowIcon.svelte.d.ts

@@ -1,21 +1,7 @@
-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;
+interface Props {
+    color?: string;
+    class?: string;
 }
-declare const FlowIcon: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: any;
-    color?: string | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type FlowIcon = InstanceType<typeof FlowIcon>;
+declare const FlowIcon: import("svelte").Component<Props, {}, "">;
+type FlowIcon = ReturnType<typeof FlowIcon>;
 export default FlowIcon;

package/package/components/home/ItemsList.svelte

@@ -12,7 +12,7 @@ import ToggleButtonGroup from '../common/toggleButton-v2/ToggleButtonGroup.svelt
 import ToggleButton from '../common/toggleButton-v2/ToggleButton.svelte';
 import FlowIcon from './FlowIcon.svelte';
 import { canWrite, getLocalSetting, storeLocalSetting } from '../../utils';
-import { page } from '$app/stores';
+import { page } from '$app/state';
 import { setQuery } from '../../navigation';
 import Drawer from '../common/drawer/Drawer.svelte';
 import HighlightCode from '../HighlightCode.svelte';
@@ -29,7 +29,7 @@ let flows = $state();
 let apps = $state();
 let raw_apps = $state();
 let filteredItems = $state([]);
-let itemKind = $state($page.url.searchParams.get('kind') ?? 'all');
+let itemKind = $state(page.url.searchParams.get('kind') ?? 'all');
 let loading = $state(true);
 let nbDisplayed = $state(15);
 async function loadScripts(includeWithoutMain) {
@@ -265,7 +265,7 @@ $effect(() => {
 					if (itemKind != 'all') {
 						subtab = v
 					}
-					setQuery($page.url, 'kind', v)
+					setQuery(page.url, 'kind', v)
 				}}
 			>
 				{#snippet children({ item })}

package/package/components/home/ListFiltersQuick.svelte

@@ -2,10 +2,7 @@
 import { APP_TO_ICON_COMPONENT } from '../icons';
 import { createEventDispatcher } from 'svelte';
 import { Button } from '../common';
-export let filters;
-export let selectedFilter = undefined;
-$: selectedAppFilter = selectedFilter?.kind === 'integrations' ? selectedFilter?.name : undefined;
-export let resourceType = false;
+let { filters, selectedFilter = $bindable(undefined), resourceType = false } = $props();
 function getIconComponent(name, resourceType) {
     if (resourceType) {
         const icon = APP_TO_ICON_COMPONENT[name] || APP_TO_ICON_COMPONENT[name.split('_')[0]];
@@ -25,6 +22,7 @@ function getIconComponent(name, resourceType) {
     return { icon: undefined };
 }
 const dispatch = createEventDispatcher();
+let selectedAppFilter = $derived(selectedFilter?.kind === 'integrations' ? selectedFilter?.name : undefined);
 </script>
 
 {#if Array.isArray(filters) && filters.length > 0}

package/package/components/home/ListFiltersQuick.svelte.d.ts

@@ -1,3 +1,11 @@
+interface Props {
+    filters: string[];
+    selectedFilter?: {
+        kind: 'owner' | 'integrations';
+        name: string | undefined;
+    } | undefined;
+    resourceType?: 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;
@@ -11,17 +19,10 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const ListFiltersQuick: $$__sveltets_2_IsomorphicComponent<{
-    filters: string[];
-    selectedFilter?: {
-        kind: "owner" | "integrations";
-        name: string | undefined;
-    } | undefined;
-    resourceType?: boolean;
-}, {
+declare const ListFiltersQuick: $$__sveltets_2_IsomorphicComponent<Props, {
     selected: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+}, {}, {}, "selectedFilter">;
 type ListFiltersQuick = InstanceType<typeof ListFiltersQuick>;
 export default ListFiltersQuick;

package/package/components/icons/AssetGenericIcon.svelte

@@ -1,4 +1,4 @@
-<script lang="ts">import { BoxesIcon, DatabaseIcon, FileIcon, Pyramid } from 'lucide-svelte';
+<script lang="ts">import { BoxesIcon, DatabaseIcon, FileIcon, HardDriveIcon, Pyramid } from 'lucide-svelte';
 import DucklakeIcon from './DucklakeIcon.svelte';
 let { assetKind, size, class: className = '' } = $props();
 </script>
@@ -11,6 +11,8 @@ let { assetKind, size, class: className = '' } = $props();
 	<DucklakeIcon {size} class={className} />
 {:else if assetKind == 'resource'}
 	<BoxesIcon {size} class={className} />
+{:else if assetKind == 'volume'}
+	<HardDriveIcon {size} class={className} />
 {:else}
 	<Pyramid {size} class={className} />
 {/if}

package/package/components/icons/ClaudeIcon.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">"use strict";
+let { height = 24, width = 24 } = $props();
+</script>
+
+<svg
+	viewBox="0 0 24 24"
+	width={`${width}px`}
+	height={`${height}px`}
+	xmlns="http://www.w3.org/2000/svg"
+	aria-label="Claude Logo"
+	fill="none"
+>
+	<rect width="24" height="24" rx="5" fill="#D97757" />
+	<g transform="translate(4.5 4.5) scale(0.94)">
+		<path
+			d="m3.127 10.604 3.135-1.76.053-.153-.053-.085H6.11l-.525-.032-1.791-.048-1.554-.065-1.505-.08-.38-.081L0 7.832l.036-.234.32-.214.455.04 1.009.069 1.513.105 1.097.064 1.626.17h.259l.036-.105-.089-.065-.068-.064-1.566-1.062-1.695-1.121-.887-.646-.48-.327-.243-.306-.104-.67.435-.48.585.04.15.04.593.456 1.267.981 1.654 1.218.242.202.097-.068.012-.049-.109-.181-.9-1.626-.96-1.655-.428-.686-.113-.411a2 2 0 0 1-.068-.484l.496-.674L4.446 0l.662.089.279.242.411.94.666 1.48 1.033 2.014.302.597.162.553.06.17h.105v-.097l.085-1.134.157-1.392.154-1.792.052-.504.25-.605.497-.327.387.186.319.456-.045.294-.19 1.23-.37 1.93-.243 1.29h.142l.161-.16.654-.868 1.097-1.372.484-.545.565-.601.363-.287h.686l.505.751-.226.775-.707.895-.585.759-.839 1.13-.524.904.048.072.125-.012 1.897-.403 1.024-.186 1.223-.21.553.258.06.263-.218.536-1.307.323-1.533.307-2.284.54-.028.02.032.04 1.029.098.44.024h1.077l2.005.15.525.346.315.424-.053.323-.807.411-3.631-.863-.872-.218h-.12v.073l.726.71 1.331 1.202 1.667 1.55.084.383-.214.302-.226-.032-1.464-1.101-.565-.497-1.28-1.077h-.084v.113l.295.432 1.557 2.34.08.718-.112.234-.404.141-.444-.08-.911-1.28-.94-1.44-.759-1.291-.093.053-.448 4.821-.21.246-.484.186-.403-.307-.214-.496.214-.98.258-1.28.21-1.016.19-1.263.112-.42-.008-.028-.092.012-.953 1.307-1.448 1.957-1.146 1.227-.274.109-.477-.247.045-.44.266-.39 1.586-2.018.956-1.25.617-.723-.004-.105h-.036l-4.212 2.736-.75.096-.324-.302.04-.496.154-.162 1.267-.871z"
+			fill="white"
+		/>
+	</g>
+</svg>

package/package/components/icons/ClaudeIcon.svelte.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    height?: number;
+    width?: number;
+}
+declare const ClaudeIcon: import("svelte").Component<Props, {}, "">;
+type ClaudeIcon = ReturnType<typeof ClaudeIcon>;
+export default ClaudeIcon;

package/package/components/icons/RubyIcon.svelte

@@ -19,7 +19,7 @@ let { height = 24, width = 24 } = $props();
 			<cc:Work rdf:about=""
 				><dc:format>image/svg+xml</dc:format>
 				<!-- svelte-ignore element_invalid_self_closing_tag -->
-				<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work
+				<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"></dc:type></cc:Work
 			></rdf:RDF
 		></metadata
 	><defs id="defs3489"
@@ -321,7 +321,7 @@ let { height = 24, width = 24 } = $props();
 		guidetolerance="10"
 		id="namedview3487"
 		showgrid="false"
-	/>
+	></sodipodi:namedview>
 	<linearGradient
 		id="XMLID_17_"
 		gradientUnits="userSpaceOnUse"

package/package/components/icons/WindmillIcon2.svelte

@@ -1,4 +1,3 @@
-<!-- @migration-task Error while migrating Svelte code: $$props is used together with named props in a way that cannot be automatically migrated. -->
 <script lang="ts">import { run } from 'svelte/legacy';
 import { customIcon } from './store';
 let { white = false, size = '24px', color = undefined, spin = undefined, class: classNames = '' } = $props();