windmill-components 1.542.4 → 1.550.0

package/package/common.d.ts

@@ -10,7 +10,10 @@ export interface PropertyDisplayInfo {
     index: number;
     propertiesNumber: number;
 }
-export type EnumType = string[] | undefined;
+export type EnumType = string[] | {
+    value: string;
+    label: string;
+}[] | undefined;
 export interface SchemaProperty {
     type: string | undefined;
     description?: string;

package/package/components/AIAgentLogViewer.svelte

@@ -6,7 +6,7 @@ import { onMount } from 'svelte';
 const resultSchema = z.object({
     messages: z.array(z.object({
         role: z.string(),
-        content: z.string().optional(),
+        content: z.unknown(),
         agent_action: z
             .union([
             z.object({

package/package/components/ArgEnum.svelte

@@ -4,11 +4,20 @@ let { disabled, value = $bindable(), enum_, autofocus, defaultValue, valid, crea
 const dispatch = createEventDispatcher();
 let customItems = $state([]);
 let items = $derived.by(() => {
-    const l = [...(enum_ ? enum_ : []), ...customItems].map((item) => ({
-        value: item,
-        label: enumLabels?.[item] ?? item
-    }));
-    if (create && filterText && l.every((i) => i.value !== filterText)) {
+    const l = [...(enum_ ? enum_ : []), ...customItems]
+        .map((item) => {
+        if (typeof item === 'string') {
+            return {
+                value: item,
+                label: enumLabels?.[item] ?? item
+            };
+        }
+        else if (typeof item === 'object') {
+            return item;
+        }
+    })
+        .filter((i) => i != undefined);
+    if (create && filterText && l.every((i) => i?.value !== filterText)) {
         l.push({ value: filterText, label: `Add new: ${filterText}` });
     }
     return l;

package/package/components/ArgInput.svelte

@@ -92,7 +92,13 @@ function computeDefaultValue(inputCat, defaultValue, nnullable) {
                 nvalue = nullable ? null : '';
             }
             else if (inputCat == 'enum' && required) {
-                nvalue = enum_?.[0];
+                let firstV = enum_?.[0];
+                if (typeof firstV === 'string') {
+                    nvalue = firstV;
+                }
+                else if (firstV && typeof firstV === 'object') {
+                    nvalue = firstV.value;
+                }
             }
             else if (inputCat == 'boolean') {
                 nvalue = false;
@@ -372,7 +378,7 @@ onDestroy(() => {
 <!-- svelte-ignore a11y_autofocus -->
 <div
 	class={twMerge(
-		'flex flex-col w-full rounded-md relative',
+		'flex flex-col w-full rounded-md relative group',
 		minW ? 'min-w-[250px]' : '',
 		diffStatus?.diff ? 'px-2' : '',
 		diffStatus?.diff == 'added'
@@ -1165,19 +1171,21 @@ onDestroy(() => {
 								bind:value
 							></textarea>
 						{/key}
-						{#if !disabled && itemPicker && extra?.['disableVariablePicker'] != true}
-							<!-- svelte-ignore a11y_click_events_have_key_events -->
-							<button
-								class="absolute right-1 top-1 py-1 min-w-min !px-2 items-center text-gray-800 bg-surface-secondary border rounded center-center hover:bg-gray-300 transition-all cursor-pointer"
-								onclick={() => {
-									pickForField = label
-									itemPicker?.openDrawer?.()
-								}}
-								title="Insert a Variable"
-							>
-								<DollarSign class="!text-tertiary" size={14} />
-							</button>
-						{/if}
+					{/if}
+					{#if !disabled && itemPicker && extra?.['disableVariablePicker'] != true}
+						<!-- svelte-ignore a11y_click_events_have_key_events -->
+						<button
+							class="absolute {password || extra?.['password'] == true
+								? 'right-16 top-1.5'
+								: 'right-1 top-1'} opacity-0 group-hover:opacity-100 duration-200 py-1 min-w-min !px-2 items-center text-gray-800 bg-surface-secondary border rounded center-center hover:bg-gray-300 transition-all cursor-pointer"
+							onclick={() => {
+								pickForField = label
+								itemPicker?.openDrawer?.()
+							}}
+							title="Insert a Variable"
+						>
+							<DollarSign class="!text-tertiary" size={14} />
+						</button>
 					{/if}
 				</div>
 				{@render variableInput()}

package/package/components/ArgInput.svelte.d.ts

@@ -105,6 +105,6 @@ declare const ArgInput: $$__sveltets_2_IsomorphicComponent<Props, {
     [evt: string]: CustomEvent<any>;
 }, {}, {
     focus: () => void;
-}, "value" | "description" | "title" | "properties" | "defaultValue" | "placeholder" | "pattern" | "valid" | "oneOf" | "format" | "order" | "editor" | "enum_" | "itemsType" | "pickForField">;
+}, "value" | "description" | "title" | "pattern" | "properties" | "defaultValue" | "placeholder" | "valid" | "oneOf" | "format" | "order" | "editor" | "enum_" | "itemsType" | "pickForField">;
 type ArgInput = InstanceType<typeof ArgInput>;
 export default ArgInput;

package/package/components/ChannelSelector.svelte

@@ -1,28 +1,102 @@
 <script lang="ts">import Select from './select/Select.svelte';
-let { disabled = false, placeholder = 'Select channel', selectedChannel = $bindable(undefined), containerClass = 'w-64', minWidth = '160px', channels = [] } = $props();
+import { WorkspaceService } from '../gen';
+import { workspaceStore } from '../stores';
+import { debounce } from '../utils';
+let { disabled = false, placeholder = 'Select channel', selectedChannel = $bindable(undefined), containerClass = 'w-64', minWidth = '160px', channels = undefined, teamId, onError } = $props();
+let isFetching = $state(false);
+let searchResults = $state([]);
+// Only enable search mode if no channels are provided AND teamId is provided
+const searchMode = !channels && !!teamId;
+// Determine which channels to show: provided channels or search results
+// In search mode, include the selected channel if it exists
+let displayChannels = $derived(() => {
+    const baseChannels = channels || searchResults;
+    if (searchMode && selectedChannel && !baseChannels.find(c => c.channel_id === selectedChannel?.channel_id)) {
+        return [selectedChannel, ...baseChannels];
+    }
+    return baseChannels;
+});
+// Create separate filter text for search mode
+let searchFilterText = $state('');
+// Debounced search function
+const debouncedSearch = debounce(async (query) => {
+    await searchChannels(query);
+}, 500);
+// Watch for search filter text changes (only in search mode)
+$effect(() => {
+    if (searchMode) {
+        if (searchFilterText.length >= 1) {
+            debouncedSearch.debounced(searchFilterText);
+        }
+        else if (searchFilterText.length === 0) {
+            searchResults = [];
+        }
+    }
+});
+async function searchChannels(query) {
+    if (!query || !teamId)
+        return;
+    isFetching = true;
+    try {
+        const response = await WorkspaceService.listAvailableTeamsChannels({
+            workspace: $workspaceStore,
+            teamId: teamId,
+            search: query
+        });
+        searchResults = response || [];
+        isFetching = false;
+        return searchResults;
+    }
+    catch (error) {
+        isFetching = false;
+        onError?.(error);
+        console.error('Error searching channels:', error);
+        searchResults = [];
+        return [];
+    }
+}
 </script>
 
 <div class={containerClass}>
 	<div class="flex items-center gap-2">
 		<div class="flex-grow" style="min-width: {minWidth};">
-			<Select
-				containerStyle={'min-width: ' + minWidth}
-				items={channels.map((channel) => ({
-					label: channel.channel_name ?? 'Unknown Channel',
-					value: channel.channel_id ?? ''
-				}))}
-				{placeholder}
-				bind:value={
-					() => selectedChannel?.channel_id,
-					(value) => (selectedChannel = channels.find((channel) => channel.channel_id === value))
-				}
-				clearable
-				disabled={disabled || channels.length === 0}
-			/>
+			{#if searchMode}
+				<Select
+					containerStyle={'min-width: ' + minWidth}
+					items={searchFilterText.length >= 1 || (searchFilterText.length === 0 && selectedChannel) ? displayChannels().filter(channel => channel.channel_id && channel.channel_name).map((channel) => ({
+						label: channel.channel_name ?? 'Unknown Channel',
+						value: channel.channel_id ?? ''
+					})) : []}
+					placeholder={isFetching ? "Searching..." : (teamId ? "Search channels..." : "Select a team first")}
+					clearable
+					disabled={disabled || isFetching || !teamId}
+					bind:filterText={searchFilterText}
+					bind:value={
+						() => selectedChannel?.channel_id,
+						(value) => {
+							selectedChannel = value ? displayChannels().find((channel) => channel.channel_id === value) : undefined
+						}
+					}
+				/>
+			{:else}
+				<Select
+					containerStyle={'min-width: ' + minWidth}
+					items={displayChannels().filter(channel => channel.channel_id && channel.channel_name).map((channel) => ({
+						label: channel.channel_name ?? 'Unknown Channel',
+						value: channel.channel_id ?? ''
+					}))}
+					{placeholder}
+					clearable
+					disabled={disabled || displayChannels().length === 0}
+					bind:value={
+						() => selectedChannel?.channel_id,
+						(value) => {
+							selectedChannel = value ? displayChannels().find((channel) => channel.channel_id === value) : undefined
+						}
+					}
+				/>
+			{/if}
 		</div>
 	</div>
 
-	{#if channels.length === 0 && !disabled}
-		<div class="text-xs text-tertiary mt-1">No channels available</div>
-	{/if}
 </div>

package/package/components/ChannelSelector.svelte.d.ts

@@ -9,6 +9,8 @@ interface Props {
     containerClass?: string;
     minWidth?: string;
     channels?: ChannelItem[];
+    teamId?: string;
+    onError?: (error: Error) => void;
 }
 declare const ChannelSelector: import("svelte").Component<Props, {}, "selectedChannel">;
 type ChannelSelector = ReturnType<typeof ChannelSelector>;

package/package/components/ConnectionSection.svelte

@@ -37,7 +37,18 @@ async function connectTeams() {
         onLoadSettings();
     }
     catch (error) {
-        sendUserToast('Failed to connect to Teams', true);
+        // Extract the actual error message from the API response
+        let errorMessage = 'Failed to connect to Teams';
+        if (typeof error?.body === 'string') {
+            errorMessage = error.body;
+        }
+        else if (error?.body?.message) {
+            errorMessage = error.body.message;
+        }
+        else if (error?.message && error.message !== 'Bad Request') {
+            errorMessage = error.message;
+        }
+        sendUserToast(errorMessage, true);
         console.error('Error connecting to Teams:', error);
     }
 }

package/package/components/Dev.svelte

@@ -29,6 +29,7 @@ import { workspaceAIClients } from './copilot/lib';
 import { Triggers } from './triggers/triggers.svelte';
 import { StepsInputArgs } from './flows/stepsInputArgs.svelte';
 import { ModulesTestStates } from './modulesTest.svelte';
+let { initial = undefined } = $props();
 let flowCopilotContext = {
     shouldUpdatePropertyType: writable({}),
     exprsToSet: writable({}),
@@ -81,10 +82,13 @@ const flowPreviewContent = $derived(flowPreviewButtons?.getFlowPreviewContent())
 const job = $derived(flowPreviewContent?.getJob());
 let showJobStatus = $state(false);
 let currentScript = $state(undefined);
+let mode = $state('script');
+let lastPath = undefined;
 let schema = $state(emptySchema());
 const href = window.location.href;
 const indexQ = href.indexOf('?');
 const searchParams = indexQ > -1 ? new URLSearchParams(href.substring(indexQ)) : undefined;
+let relativePaths = $state([]);
 if (searchParams?.has('local')) {
     connectWs();
 }
@@ -93,6 +97,15 @@ let lockChanges = false;
 let timeout = undefined;
 let loadingCodebaseButton = $state(false);
 let lastCommandId = '';
+if (initial) {
+    if (initial.type == 'script') {
+        replaceScript(initial.script);
+    }
+    else if (initial.type == 'flow') {
+        replaceFlow(initial.flow);
+    }
+    modeInitialized = true;
+}
 const el = (event) => {
     // sendUserToast(`Received message from parent ${event.data.type}`, true)
     if (event.data.type == 'runTest') {
@@ -312,8 +325,6 @@ async function onKeyDown(event) {
         document.execCommand('paste');
     }
 }
-let relativePaths = $state([]);
-let lastPath = undefined;
 async function replaceScript(lastEdit) {
     mode = 'script';
     currentScript = lastEdit;
@@ -338,7 +349,6 @@ async function replaceScript(lastEdit) {
         validCode = false;
     }
 }
-let mode = $state('script');
 const flowStore = $state({
     val: {
         summary: '',
@@ -461,6 +471,9 @@ let token = $derived($page.url.searchParams.get('wm_token') ?? undefined);
 let workspace = $derived($page.url.searchParams.get('workspace') ?? undefined);
 let themeDarkRaw = $derived($page.url.searchParams.get('activeColorTheme'));
 let themeDark = $derived(themeDarkRaw == '2' || themeDarkRaw == '4');
+$effect.pre(() => {
+    setContext('AuthToken', { token });
+});
 $effect.pre(() => {
     if (token) {
         OpenAPI.WITH_CREDENTIALS = true;
@@ -536,7 +549,7 @@ const flowHasChanged = $derived(flowPreviewContent?.flowHasChanged());
 
 <main class="h-screen w-full">
 	{#if mode == 'script'}
-		<div class="flex flex-col min-h-full overflow-auto">
+		<div class="flex flex-col min-h-full min-h-screen overflow-auto">
 			<div class="absolute top-0 left-2">
 				<DarkModeToggle bind:darkMode bind:this={darkModeToggle} forcedDarkMode={false} />
 			</div>
@@ -628,7 +641,7 @@ const flowHasChanged = $derived(flowPreviewContent?.flowHasChanged());
 					</Button>
 				{/if}
 			</div>
-			<Splitpanes horizontal class="h-full">
+			<Splitpanes horizontal style="height: 1000px;">
 				<Pane size={33}>
 					<div class="px-2">
 						<div class="break-words relative font-sans">

package/package/components/Dev.svelte.d.ts

@@ -1,3 +1,25 @@
-declare const Dev: import("svelte").Component<Record<string, never>, {}, "">;
+import { type Preview, type OpenFlow } from '../gen';
+type LastEditScript = {
+    content: string;
+    path: string;
+    language: Preview['language'];
+    lock?: string;
+    isCodebase?: boolean;
+    tag?: string;
+};
+type LastEditFlow = {
+    flow: OpenFlow;
+    uriPath: string;
+};
+type $$ComponentProps = {
+    initial?: {
+        type: 'script';
+        script: LastEditScript;
+    } | {
+        type: 'flow';
+        flow: LastEditFlow;
+    } | undefined;
+};
+declare const Dev: import("svelte").Component<$$ComponentProps, {}, "">;
 type Dev = ReturnType<typeof Dev>;
 export default Dev;

package/package/components/DisplayResult.svelte

@@ -22,7 +22,7 @@ import DownloadCsv from './table/DownloadCsv.svelte';
 import { convertJsonToCsv } from './table/tableUtils';
 import Tooltip from './Tooltip.svelte';
 import HighlightTheme from './HighlightTheme.svelte';
-import { getContext, hasContext, createEventDispatcher, onDestroy } from 'svelte';
+import { getContext, hasContext, createEventDispatcher, onDestroy, untrack } from 'svelte';
 import { toJsonStr } from '../utils';
 import { userStore } from '../stores';
 import ResultStreamDisplay from './ResultStreamDisplay.svelte';
@@ -45,17 +45,29 @@ function isTableCol(result, keys) {
 }
 function isTableRowObject(json) {
     // check array of objects (with possible a first row of headers)
+    const hasHeaders = Array.isArray(json[0]) &&
+        json[0].length > 0 &&
+        json[0].length <= 50 &&
+        json[0].every((item) => typeof item === 'string');
+    return isTableRowObjectInner(json, hasHeaders);
+}
+function isTableRowObjectInner(json, hasHeaders) {
     return (Array.isArray(json) &&
-        json.length > 0 &&
-        (json.every((item) => item && typeof item === 'object' && Object.keys(item).length > 0 && !Array.isArray(item)) ||
-            (Array.isArray(json[0]) &&
-                json[0].every((item) => typeof item === 'string') &&
-                json
-                    .slice(1)
-                    .every((item) => item &&
-                    typeof item === 'object' &&
-                    Object.keys(item).length > 0 &&
-                    !Array.isArray(item)))));
+        json.length > (hasHeaders ? 1 : 0) &&
+        json.every((item, index) => {
+            if (hasHeaders && index === 0) {
+                return true;
+            }
+            if (item && typeof item === 'object') {
+                let keys = Object.keys(item);
+                if (keys.length > 0 && !Array.isArray(item)) {
+                    if (hasHeaders || keys.length <= 50) {
+                        return true;
+                    }
+                }
+            }
+            return false;
+        }));
 }
 let largeObject = $state(undefined);
 function checkIfS3(result, keys) {
@@ -92,6 +104,7 @@ function inferResultKind(result) {
                 return keys[0];
             }
             let size = roughSizeOfObject(result);
+            console.debug('size of object', size);
             // Otherwise, check if the result is too large (10kb) for json
             if (size > TABLE_MAX_SIZE) {
                 largeObject = true;
@@ -252,20 +265,18 @@ function handleArrayOfObjectsHeaders(json) {
         json.length > 0 &&
         Array.isArray(json[0]) &&
         json[0].length > 0 &&
-        json[0].every((item) => typeof item === 'string') &&
-        json
-            .slice(1)
-            .every((item) => item && typeof item === 'object' && Object.keys(item).length > 0 && !Array.isArray(item))) {
+        json[0].every((item) => typeof item === 'string')) {
         const headers = json[0];
-        const rows = json.slice(1);
-        const result = rows.map((row) => {
+        const rows = new Array(json.length - 1);
+        for (let i = 1; i < json.length; i++) {
             const obj = {};
-            for (const header of headers) {
-                obj[header] = row[header];
+            const row = json[i];
+            for (let j = 0; j < headers.length; j++) {
+                obj[headers[j]] = row[headers[j]];
             }
-            return obj;
-        });
-        return result;
+            rows[i - 1] = obj;
+        }
+        return rows;
     }
     return json;
 }
@@ -340,7 +351,9 @@ onDestroy(() => {
 $effect(() => {
     ;
     [result];
-    resultKind = inferResultKind(result);
+    untrack(() => {
+        resultKind = inferResultKind(result);
+    });
 });
 $effect(() => {
     chooseToolbarLocation(!is_render_all &&

package/package/components/DropdownV2.svelte

@@ -14,7 +14,8 @@ import Button from './common/button/Button.svelte';
 import { twMerge } from 'tailwind-merge';
 import { triggerableByAI } from '../actions/triggerableByAI.svelte';
 import { untrack } from 'svelte';
-let { aiId = undefined, aiDescription = undefined, items = [], disabled = false, placement = 'bottom-end', usePointerDownOutside = false, closeOnOtherDropdownOpen = true, fixedHeight = true, hidePopup = false, open = $bindable(false), customWidth = undefined, customMenu = false, class: classNames = undefined, buttonReplacement, menu } = $props();
+import { fly } from 'svelte/transition';
+let { aiId = undefined, aiDescription = undefined, items = [], disabled = false, placement = 'bottom-end', usePointerDownOutside = false, closeOnOtherDropdownOpen = true, fixedHeight = true, hidePopup = false, open = $bindable(false), customWidth = undefined, customMenu = false, class: classNames = undefined, enableFlyTransition = false, buttonReplacement, menu } = $props();
 let buttonEl = $state(undefined);
 const { elements: { menu: menuEl, item, trigger }, states, ids: { menu: dropdownId } } = createDropdownMenu({
     positioning: {
@@ -102,7 +103,12 @@ async function getMenuElements() {
 </button>
 
 {#if open && !hidePopup}
-	<div {...$menuEl} use:$menuEl.action data-menu class="z-[6000] transition-all duration-100">
+	<div
+		{...$menuEl} use:$menuEl.action
+		data-menu
+		class="z-[6000] transition-all duration-100"
+		transition:fly={{ duration: enableFlyTransition ? 100 : 0, y: -16 }}
+	>
 		{#if customMenu}
 			{@render menu?.()}
 		{:else}

package/package/components/DropdownV2.svelte.d.ts

@@ -14,6 +14,7 @@ interface Props {
     customWidth?: number | undefined;
     customMenu?: boolean;
     class?: string | undefined;
+    enableFlyTransition?: boolean;
     buttonReplacement?: import('svelte').Snippet;
     menu?: import('svelte').Snippet;
 }

package/package/components/DynamicInput.svelte

@@ -25,12 +25,14 @@ import {} from '../utils';
 import { deepEqual } from 'fast-equals';
 import { untrack } from 'svelte';
 let { value = $bindable(), helperScript, format, otherArgs: otherArgs } = $props();
-const [inputType, entrypoint] = format.includes('-') ? format.split('-', 2) : [format, ''];
-const isMultiple = inputType === 'dynmultiselect';
-const isSelect = inputType === 'dynselect' || inputType === 'dynmultiselect';
-if (isMultiple && value === undefined) {
-    value = [];
-}
+let [inputType, entrypoint] = $derived(format.includes('-') ? format.split('-', 2) : [format, '']);
+let isMultiple = $derived(inputType === 'dynmultiselect');
+let isSelect = $derived(inputType === 'dynselect' || inputType === 'dynmultiselect');
+$effect.pre(() => {
+    if (isMultiple && value === undefined) {
+        value = [];
+    }
+});
 let resultJobLoader = $state();
 let _items = usePromise(getItemsFromOptions, { clearValueOnRefresh: false });
 let items = $derived(_items.value);
@@ -68,15 +70,13 @@ async function getItemsFromOptions() {
                 reject(error);
             }
         };
-        helperScript?.type == 'inline'
-            ? resultJobLoader?.runPreview(helperScript?.path ?? 'NO_PATH', helperScript.code, helperScript.lang, { ...otherArgs, filterText, _ENTRYPOINT_OVERRIDE: entrypoint }, undefined, undefined, undefined, cb)
-            : resultJobLoader?.runScriptByHash(helperScript?.hash ?? 'NO_HASH', { ...otherArgs, filterText, _ENTRYPOINT_OVERRIDE: entrypoint }, cb);
+        resultJobLoader?.runDynamicInputScript(entrypoint, helperScript, { ...otherArgs, filterText, _ENTRYPOINT_OVERRIDE: entrypoint }, cb);
     });
 }
 let neverLoaded = $state(true);
 $effect(() => {
     if (_items.value && value !== undefined && isSelect) {
-        if (isMultiple && Array.isArray(value)) {
+        if (isMultiple && Array.isArray(value) && Array.isArray(_items.value)) {
             const availableValues = new Set(_items.value.map((x) => x.value));
             const filteredValue = value.filter((v) => availableValues.has(v));
             if (filteredValue.length !== value.length) {

package/package/components/EditableSchemaForm.svelte

@@ -82,7 +82,7 @@ function alignOrderWithProperties(schema) {
     let index = 0;
     let hasChanged = false;
     for (let k of properties) {
-        if (schema.properties[k].type === 'object' && schema.properties[k].properties) {
+        if (schema.properties[k]?.type === 'object' && schema.properties[k].properties) {
             hasChanged = hasChanged || alignOrderWithProperties(schema.properties[k]);
         }
         if (!norder.includes(k)) {
@@ -113,8 +113,8 @@ let opened = $state(untrack(() => keys[0]));
 function computeSelected(property) {
     if (!opened)
         return '';
-    if (property.type !== 'object')
-        return property.type;
+    if (property?.type !== 'object')
+        return property?.type;
     if (property.format === 'resource-s3_object')
         return 'S3';
     if (property.format?.startsWith('dynselect-'))
@@ -223,7 +223,7 @@ $effect(() => {
 let dynamicFunctions = $derived(Object.entries(schema?.properties ?? {})
     .filter(([_, property]) => {
     const props = property;
-    return props.type === 'object' && DynamicInput.isDynInputFormat(props.format);
+    return props?.type === 'object' && DynamicInput.isDynInputFormat(props.format);
 })
     .map(([fieldName, _]) => fieldName.replace(/\s+/g, '_')));
 const DYNAMIC_OPTIONS = [
@@ -246,6 +246,11 @@ function initDynFn(lang) {
     return dynamicFunctions.map((functionName) => generateFn(functionName)).join('');
 }
 function updateDynCode(functionName, lang = 'bun') {
+    if ((lang == 'bun' && dynCode?.includes(`function ${functionName}`)) ||
+        (lang == 'python3' && dynCode?.includes(`def ${functionName}`))) {
+        // Don't add the function if it already exists
+        return;
+    }
     const generateFn = DynamicInput.getGenerateTemplateFn(lang);
     const code = generateFn(functionName);
     dynCode = dynCode ? dynCode.concat(code) : code;
@@ -315,7 +320,7 @@ let dndType = $state(generateRandomString());
 								}
 							}}
 							helperScript={{
-								type: 'inline',
+								source: 'inline',
 								code: dynCode!,
 								lang: dynLang!
 							}}
@@ -525,7 +530,7 @@ let dndType = $state(generateRandomString());
 													{#if typeof args == 'object' && schema?.properties[argName]}
 														<PropertyEditor
 															bind:description={schema.properties[argName].description}
-															type={schema.properties[argName].type}
+															type={schema.properties[argName]?.type}
 															bind:oneOf={schema.properties[argName].oneOf}
 															bind:pattern={schema.properties[argName].pattern}
 															bind:enum_={schema.properties[argName].enum}
@@ -574,6 +579,15 @@ let dndType = $state(generateRandomString());
 																						nullable: undefined,
 																						required: undefined
 																					}
+
+																					if (
+																						isDynMultiselect &&
+																						args &&
+																						!Array.isArray(args?.[argName])
+																					) {
+																						args[argName] = []
+																					}
+
 																					if (isS3) {
 																						schema.properties[argName] = {
 																							...emptyProperty,
@@ -668,7 +682,7 @@ let dndType = $state(generateRandomString());
 																	{itemPicker}
 																	bind:nullable={schema.properties[argName].nullable}
 																	bind:disabled={schema.properties[argName].disabled}
-																	type={schema.properties[argName].type}
+																	type={schema.properties[argName]?.type}
 																	bind:oneOf={schema.properties[argName].oneOf}
 																	bind:format={schema.properties[argName].format}
 																	contentEncoding={schema.properties[argName].contentEncoding}

package/package/components/EditorSettings.svelte

@@ -15,15 +15,17 @@ export let customUi = {};
 		contentClasses="flex flex-col gap-y-2 p-4"
 	>
 		<svelte:fragment slot="trigger">
-			<Button
-				btnClasses="text-tertiary"
-				color="light"
-				size="xs"
-				nonCaptureEvent={true}
-				startIcon={{ icon: Settings }}
-				iconOnly
-				title="Editor settings"
-			/>
+			{#if customUi.editorSettings != false}
+				<Button
+					btnClasses="text-tertiary"
+					color="light"
+					size="xs"
+					nonCaptureEvent={true}
+					startIcon={{ icon: Settings }}
+					iconOnly
+					title="Editor settings"
+				/>
+			{/if}
 		</svelte:fragment>
 
 		<svelte:fragment slot="content">