windmill-components 1.309.6 → 1.339.2

package/package/components/DefaultTagsInner.svelte

@@ -7,15 +7,7 @@ import { enterpriseLicense, superadmin } from '../stores';
 import { DEFAULT_TAGS_PER_WORKSPACE_SETTING } from '../consts';
 import Toggle from './Toggle.svelte';
 let defaultTags = undefined;
-let defaultTagPerWorkspace = undefined;
-async function loadDefaultTagsPerWorkspace() {
-    try {
-        defaultTagPerWorkspace = await WorkerService.isDefaultTagsPerWorkspace();
-    }
-    catch (err) {
-        sendUserToast(`Could not load default tag per workspace setting: ${err}`, true);
-    }
-}
+export let defaultTagPerWorkspace = undefined;
 async function loadDefaultTags() {
     try {
         defaultTags = (await WorkerService.geDefaultTags()) ?? [];
@@ -25,7 +17,6 @@ async function loadDefaultTags() {
     }
 }
 loadDefaultTags();
-loadDefaultTagsPerWorkspace();
 </script>
 
 <div class="flex flex-col w-80 p-2 gap-2">

package/package/components/DefaultTagsInner.svelte.d.ts

@@ -1,6 +1,8 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
-    props: Record<string, never>;
+    props: {
+        defaultTagPerWorkspace?: boolean | undefined;
+    };
     events: {
         [evt: string]: CustomEvent<any>;
     };

package/package/components/Dev.svelte

@@ -119,15 +119,29 @@ if (searchParams?.has('local')) {
 let useLock = false;
 let lockChanges = false;
 let timeout = undefined;
+let loadingCodebaseButton = false;
+let lastBundleCommandId = '';
 const el = (event) => {
     // sendUserToast(`Received message from parent ${event.data.type}`, true)
     if (event.data.type == 'runTest') {
         runTest();
+        event.preventDefault();
     }
     else if (event.data.type == 'replaceScript') {
         mode = 'script';
         replaceScript(event.data);
     }
+    else if (event.data.type == 'testBundle') {
+        if (event.data.id == lastBundleCommandId) {
+            testBundle(event.data.file);
+        }
+        else {
+            sendUserToast(`Bundle received ${lastBundleCommandId} was obsolete, ignoring`, true);
+        }
+    }
+    else if (event.data.type == 'testBundleError') {
+        sendUserToast(typeof event.data.error == 'object' ? JSON.stringify(event.data.error) : event.data.error, true);
+    }
     else if (event.data.type == 'replaceFlow') {
         mode = 'flow';
         lockChanges = true;
@@ -164,6 +178,39 @@ onMount(() => {
     });
     window.parent?.postMessage({ type: 'refresh' }, '*');
 });
+async function testBundle(file) {
+    testJobLoader?.abstractRun(async () => {
+        try {
+            const form = new FormData();
+            form.append('preview', JSON.stringify({
+                content: currentScript?.content,
+                kind: 'bundle',
+                path: currentScript?.path,
+                args,
+                language: currentScript?.language,
+                tag: currentScript?.tag
+            }));
+            form.append('file', file);
+            const url = '/api/w/' + workspace + '/jobs/run/preview_bundle';
+            const req = await fetch(url, {
+                method: 'POST',
+                body: form,
+                headers: {
+                    Authorization: 'Bearer ' + token
+                }
+            });
+            if (req.status != 201) {
+                throw Error(`Script snapshot creation was not successful: ${req.status} - ${req.statusText} - ${await req.text()}`);
+            }
+            return await req.text();
+        }
+        catch (e) {
+            sendUserToast(`Failed to send bundle ${e}`, true);
+            throw Error(e);
+        }
+    });
+    loadingCodebaseButton = false;
+}
 onDestroy(() => {
     window.removeEventListener('message', el);
     if (socket && socket.readyState === WebSocket.OPEN) {
@@ -200,8 +247,15 @@ function runTest() {
         if (!currentScript) {
             return;
         }
-        //@ts-ignore
-        testJobLoader.runPreview(currentScript.path, currentScript.content, currentScript.language, args, undefined, useLock ? currentScript.lock : undefined);
+        if (currentScript.isCodebase) {
+            loadingCodebaseButton = true;
+            lastBundleCommandId = Math.random().toString(36).substring(7);
+            window.parent?.postMessage({ type: 'testBundle', id: lastBundleCommandId }, '*');
+        }
+        else {
+            //@ts-ignore
+            testJobLoader.runPreview(currentScript.path, currentScript.content, currentScript.language, args, currentScript.tag, useLock ? currentScript.lock : undefined);
+        }
     }
     else {
         flowPreviewButtons?.openPreview();
@@ -219,10 +273,12 @@ async function loadPastTests() {
         scriptPathExact: currentScript.path
     });
 }
-function onKeyDown(event) {
-    if ((event.ctrlKey || event.metaKey) && event.key == 'Enter') {
-        event.preventDefault();
-        runTest();
+async function onKeyDown(event) {
+    if ((event.ctrlKey || event.metaKey) && event.code === 'KeyC') {
+        document.execCommand('copy');
+    }
+    else if ((event.ctrlKey || event.metaKey) && event.code === 'KeyX') {
+        document.execCommand('cut');
     }
 }
 let lastPath = undefined;
@@ -359,7 +415,9 @@ async function inferModuleArgs(selectedIdStore) {
 			</div>
 			<div class="text-center w-full text-lg truncate py-1 text-primary">
 				{currentScript?.path ?? 'Not editing a script'}
-				{currentScript?.language ?? ''}
+				<span class="text-2xs text-secondary">{currentScript?.language ?? ''}</span><span
+					class="text-2xs text-secondary">{currentScript?.isCodebase ? ' (codebase)' : ''}</span
+				>
 			</div>
 
 			<div class="absolute top-2 right-2 !text-tertiary text-xs">
@@ -396,7 +454,7 @@ async function inferModuleArgs(selectedIdStore) {
 					<Button
 						disabled={currentScript === undefined}
 						color="dark"
-						on:click={() => {
+						on:click={(e) => {
 							runTest()
 						}}
 						btnClasses="w-full"
@@ -407,7 +465,9 @@ async function inferModuleArgs(selectedIdStore) {
 						}}
 						shortCut={{ Icon: CornerDownLeft, hide: testIsLoading }}
 					>
-						{#if testIsLoading}
+						{#if loadingCodebaseButton}
+							Bundle is building...
+						{:else if testIsLoading}
 							Running
 						{:else}
 							Test
@@ -425,6 +485,7 @@ async function inferModuleArgs(selectedIdStore) {
 				</Pane>
 				<Pane size={67}>
 					<LogPanel
+						{workspace}
 						lang={currentScript?.language}
 						previewJob={testJob}
 						{pastPreviews}

package/package/components/DiffEditor.svelte

@@ -24,6 +24,9 @@ let diffDivEl = null;
 let editorWidth = SIDE_BY_SIDE_MIN_WIDTH;
 async function loadDiffEditor() {
     await initializeVscode();
+    if (!diffDivEl) {
+        return;
+    }
     diffEditor = meditor.createDiffEditor(diffDivEl, {
         automaticLayout,
         renderSideBySide: editorWidth >= SIDE_BY_SIDE_MIN_WIDTH,

package/package/components/DisplayResult.svelte

@@ -1,9 +1,8 @@
 <script>import { Highlight } from 'svelte-highlight';
 import { json } from 'svelte-highlight/languages';
-import TableCustom from './TableCustom.svelte';
-import { copyToClipboard, roughSizeOfObject, truncate } from '../utils';
+import { copyToClipboard, roughSizeOfObject } from '../utils';
 import { Button, Drawer, DrawerContent } from './common';
-import { ClipboardCopy, Download, Expand, PanelRightOpen, Table2, Braces, Highlighter } from 'lucide-svelte';
+import { ClipboardCopy, Download, Expand, PanelRightOpen, Table2, Braces, Highlighter, InfoIcon } from 'lucide-svelte';
 import Portal from 'svelte-portal';
 import ObjectViewer from './propertyPicker/ObjectViewer.svelte';
 import S3FilePicker from './S3FilePicker.svelte';
@@ -16,6 +15,7 @@ import ParqetTableRenderer from './ParqetTableRenderer.svelte';
 import ToggleButtonGroup from './common/toggleButton-v2/ToggleButtonGroup.svelte';
 import ToggleButton from './common/toggleButton-v2/ToggleButton.svelte';
 import MapResult from './MapResult.svelte';
+import Popover from './Popover.svelte';
 export let result;
 export let requireHtmlApproval = false;
 export let filename = undefined;
@@ -24,32 +24,40 @@ export let jobId = undefined;
 export let workspaceId = undefined;
 export let hideAsJson = false;
 export let noControls = false;
+export let drawerOpen = false;
+const IMG_MAX_SIZE = 10000000;
+const TABLE_MAX_SIZE = 5000000;
+const DISPLAY_MAX_SIZE = 100000;
 let resultKind;
 $: resultKind = inferResultKind(result);
 export let forceJson = false;
 let enableHtml = false;
 let s3FileDisplayRawMode = false;
-function isRectangularArray(obj) {
-    if (!Array.isArray(obj) || obj.length == 0) {
-        return false;
-    }
-    if (!Object.values(obj)
-        .map(Array.isArray)
-        .reduce((a, b) => a && b)) {
-        return false;
-    }
-    let innerSize = obj[0].length;
-    return Object.values(obj)
-        .map((x) => x.length == innerSize)
-        .reduce((a, b) => a && b);
+function isTableRow(result) {
+    return Array.isArray(result) && result.every((x) => Array.isArray(x));
 }
-function asListOfList(obj) {
-    return obj;
+function isTableCol(result, keys) {
+    return (!Array.isArray(result) &&
+        keys.map((k) => Array.isArray(result[k])).reduce((a, b) => a && b, true));
 }
-function isObjectOfArray(result, keys) {
-    return keys.map((k) => Array.isArray(result[k])).reduce((a, b) => a && b);
+function isTableRowObject(json) {
+    // check array of objects (with possible a first row of headers)
+    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)))));
 }
 let largeObject = undefined;
+function checkIfS3(result, keys) {
+    return keys.length === 1 && keys.includes('s3') && typeof result.s3 === 'string';
+}
 let is_render_all = false;
 function inferResultKind(result) {
     if (result == 'WINDMILL_TOO_BIG') {
@@ -68,32 +76,47 @@ function inferResultKind(result) {
             is_render_all =
                 keys.length == 1 && keys.includes('render_all') && Array.isArray(result['render_all']);
             // Check if the result is an image
-            if (['png', 'svg', 'jpeg', 'html'].includes(keys[0]) && keys.length == 1) {
+            if (['png', 'svg', 'jpeg', 'html', 'gif'].includes(keys[0]) && keys.length == 1) {
                 // Check if the image is too large (10mb)
-                largeObject = roughSizeOfObject(result) > 10000000;
+                largeObject = roughSizeOfObject(result) > IMG_MAX_SIZE;
                 return keys[0];
             }
-            let length = roughSizeOfObject(result);
+            const tableLargeObject = roughSizeOfObject(result) > TABLE_MAX_SIZE;
             // Otherwise, check if the result is too large (10kb) for json
-            largeObject = length > 50000;
-            if (largeObject) {
+            largeObject = tableLargeObject || roughSizeOfObject(result) > DISPLAY_MAX_SIZE;
+            if (tableLargeObject) {
                 return 'json';
             }
-            if (keys.length != 0) {
-                if (Array.isArray(result) && result.every((elt) => inferResultKind(elt) === 's3object')) {
-                    return 's3object-list';
+            if (Array.isArray(result)) {
+                if (result.length === 0) {
+                    return 'json';
                 }
-                else if (isRectangularArray(result)) {
-                    return 'table-col';
+                else if (result.every((elt) => typeof elt === 'object' && checkIfS3(elt, Object.keys(elt)))) {
+                    largeObject = result.length > 100;
+                    if (largeObject) {
+                        return 'json';
+                    }
+                    return 's3object-list';
                 }
-                else if (keys.length == 1 && keys[0] == 'table-row') {
+                else if (isTableRow(result)) {
                     return 'table-row';
                 }
-                else if ((keys.length == 1 && keys[0] == 'table-col') ||
-                    isObjectOfArray(result, keys)) {
-                    return 'table-col';
+                else if (isTableRowObject(result)) {
+                    return 'table-row-object';
                 }
-                else if (keys.length == 1 && keys[0] == 'html') {
+                else {
+                    return 'json';
+                }
+            }
+            else if (keys.length === 1 &&
+                ['table-row', 'table-row-object', 'table-col'].includes(keys[0])) {
+                return keys[0];
+            }
+            if (largeObject) {
+                return 'json';
+            }
+            if (keys.length != 0) {
+                if (keys.length == 1 && keys[0] == 'html') {
                     return 'html';
                 }
                 else if (keys.length == 1 && keys[0] == 'map') {
@@ -129,12 +152,15 @@ function inferResultKind(result) {
                     keys.includes('approvalPage')) {
                     return 'approval';
                 }
-                else if (keys.length === 1 && keys.includes('s3')) {
+                else if (checkIfS3(result, keys)) {
                     return 's3object';
                 }
                 else if (keys.length === 1 && (keys.includes('md') || keys.includes('markdown'))) {
                     return 'markdown';
                 }
+                else if (isTableCol(result, keys)) {
+                    return 'table-col';
+                }
             }
         }
         catch (err) { }
@@ -158,14 +184,29 @@ function contentOrRootString(obj) {
         return obj.content;
     }
 }
-function isArrayWithObjects(json) {
-    return (Array.isArray(json) &&
+function handleArrayOfObjectsHeaders(json) {
+    // handle possible a first row of headers
+    if (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))) {
+        const headers = json[0];
+        const rows = json.slice(1);
+        const result = rows.map((row) => {
+            const obj = {};
+            for (const header of headers) {
+                obj[header] = row[header];
+            }
+            return obj;
+        });
+        return result;
+    }
+    return json;
 }
-$: isTableDisplay = isArrayWithObjects(result);
-let richRender = !forceJson;
-function transform(input) {
+function objectOfArraysToObjects(input) {
     const maxLength = Math.max(...Object.values(input).map((arr) => arr.length));
     const result = [];
     for (let i = 0; i < maxLength; i++) {
@@ -182,14 +223,46 @@ function transform(input) {
     }
     return result;
 }
+function arrayOfRowsToObjects(input) {
+    if (Array.isArray(input) && input.length > 0) {
+        // handle possible first row of headers
+        if (input.length > 1 &&
+            Array.isArray(input[0]) &&
+            input[0].every((item) => typeof item === 'string')) {
+            const headers = input[0];
+            const rows = input.slice(1);
+            return rows.map((row) => {
+                const obj = {};
+                for (let i = 0; i < headers.length; i++) {
+                    obj[headers[i]] = row[i];
+                }
+                return obj;
+            });
+        }
+        else {
+            return input;
+        }
+    }
+    return [];
+}
 let globalForceJson = false;
 </script>
 
 {#if is_render_all}
 	<div class="flex flex-col w-full gap-6">
 		{#if !noControls}
-			<div class="mb-2 text-tertiary text-sm">
-				as JSON&nbsp;<input class="windmillapp" type="checkbox" bind:checked={globalForceJson} />
+			<div class="text-tertiary text-sm">
+				<ToggleButtonGroup
+					class="h-6"
+					selected={globalForceJson ? 'json' : 'pretty'}
+					on:selected={(ev) => {
+						globalForceJson = ev.detail === 'json'
+					}}
+				>
+					<ToggleButton class="px-1.5" value="pretty" label="Pretty" icon={Highlighter} />
+
+					<ToggleButton class="px-1.5" value="json" label="JSON" icon={Braces} />
+				</ToggleButtonGroup>
 			</div>
 		{/if}
 		{#each result['render_all'] as res}
@@ -213,62 +286,56 @@ let globalForceJson = false;
 			: 'min-h-[200px]'}"
 	>
 		{#if result != undefined && length != undefined && largeObject != undefined}
-			<div class="flex justify-between items-center w-full pb-1">
-				<div class="text-tertiary text-sm flex items-center">
-					{#if (resultKind && typeof result == 'object' && !['json', 's3object', 's3object-list', 'table-col', 'table-row'].includes(resultKind) && !hideAsJson) || isTableDisplay}
+			<div class="flex justify-between items-center w-full">
+				<div class="text-tertiary text-sm">
+					{#if !hideAsJson && !['json', 's3object'].includes(resultKind ?? '') && typeof result === 'object'}
 						<ToggleButtonGroup
 							class="h-6"
-							selected={isTableDisplay
-								? richRender
-									? 'table'
-									: 'json'
-								: forceJson
-								? 'json'
-								: 'pretty'}
+							selected={forceJson ? 'json' : resultKind?.startsWith('table-') ? 'table' : 'pretty'}
 							on:selected={(ev) => {
-								if (isTableDisplay) {
-									richRender = ev.detail === 'table'
-								}
 								forceJson = ev.detail === 'json'
 							}}
 						>
-							{#if resultKind && !['json', 's3object', 's3object-list', 'table-col', 'table-row'].includes(resultKind) && !hideAsJson}
-								<ToggleButton class="px-1.5" value="pretty" label="Pretty" icon={Highlighter} />
-							{/if}
-							{#if isTableDisplay}
+							{#if ['table-col', 'table-row', 'table-row-object'].includes(resultKind ?? '')}
 								<ToggleButton class="px-1.5" value="table" label="Table" icon={Table2} />
+							{:else}
+								<ToggleButton class="px-1.5" value="pretty" label="Pretty" icon={Highlighter} />
 							{/if}
 							<ToggleButton class="px-1.5" value="json" label="JSON" icon={Braces} />
 						</ToggleButtonGroup>
 					{/if}
 				</div>
-				<div class="text-tertiary text-xs flex gap-2 z-10 items-center">
+				<div class="text-secondary text-xs flex gap-2.5 z-10 items-center">
 					<slot name="copilot-fix" />
 					{#if !disableExpand && !noControls}
-						<button on:click={() => copyToClipboard(toJsonStr(result))}
-							><ClipboardCopy size={16} /></button
+						<Popover
+							documentationLink="https://www.windmill.dev/docs/core_concepts/rich_display_rendering"
 						>
-						<button on:click={jsonViewer.openDrawer}><Expand size={16} /></button>
+							<svelte:fragment slot="text">
+								The result renderer in Windmill supports rich display rendering, allowing you to
+								customize the display format of your results.
+							</svelte:fragment>
+							<div class="-mt-1">
+								<InfoIcon size={14} />
+							</div>
+						</Popover>
+						<button on:click={() => copyToClipboard(toJsonStr(result))} class="-mt-1">
+							<ClipboardCopy size={14} />
+						</button>
+						<button on:click={jsonViewer.openDrawer} class="-mt-1">
+							<Expand size={14} />
+						</button>
 					{/if}
 				</div>
 			</div>{#if !forceJson && resultKind == 'table-col'}
 				{@const data = 'table-col' in result ? result['table-col'] : result}
-				<AutoDataTable objects={transform(data)} />
+				<AutoDataTable objects={objectOfArraysToObjects(data)} />
 			{:else if !forceJson && resultKind == 'table-row'}
 				{@const data = 'table-row' in result ? result['table-row'] : result}
-				<div class="grid grid-flow-col-dense border border-gray-200 dark:border-gray-600">
-					<TableCustom>
-						<tbody slot="body">
-							{#each Array.isArray(asListOfList(data)) ? asListOfList(data) : [] as row}
-								<tr>
-									{#each row as v}
-										<td class="!text-xs">{truncate(JSON.stringify(v), 200) ?? ''}</td>
-									{/each}
-								</tr>
-							{/each}
-						</tbody>
-					</TableCustom>
-				</div>
+				<AutoDataTable objects={arrayOfRowsToObjects(data)} />
+			{:else if !forceJson && resultKind == 'table-row-object'}
+				{@const data = 'table-row-object' in result ? result['table-row-object'] : result}
+				<AutoDataTable objects={handleArrayOfObjectsHeaders(data)} />
 			{:else if !forceJson && resultKind == 'html'}
 				<div class="h-full">
 					{#if !requireHtmlApproval || enableHtml}
@@ -460,11 +527,9 @@ let globalForceJson = false;
 					</div>
 				</div>
 			{:else if !forceJson && resultKind == 'markdown'}
-				<div class="prose-xs dark:prose-invert">
+				<div class="prose-xs dark:prose-invert !list-disc !list-outside">
 					<Markdown md={result?.md ?? result?.markdown} />
 				</div>
-			{:else if !forceJson && isTableDisplay && richRender}
-				<AutoDataTable objects={result} />
 			{:else if largeObject}
 				{#if result && typeof result == 'object' && 'file' in result}
 					<div
@@ -492,7 +557,7 @@ let globalForceJson = false;
 							title="Large result detected"
 							type="warning"
 							tooltip="We recommend using persistent object storage for large result. See docs for setting up an object storage service integration using s3 or any other s3 compatible services."
-							documentationLink="https://www.windmill.dev/docs/core_concepts/persistent_storage#large-data-files-s3-r2-minio-azure-blob"
+							documentationLink="https://www.windmill.dev/docs/core_concepts/persistent_storage#object-storage-for-large-data-s3-r2-minio-azure-blob"
 						/>
 					</div>
 					{#if result && result != 'WINDMILL_TOO_BIG'}
@@ -530,46 +595,44 @@ let globalForceJson = false;
 	</div>
 
 	{#if !disableExpand && !noControls}
-		<Portal>
-			<Drawer bind:this={jsonViewer} size="900px">
-				<DrawerContent title="Expanded Result" on:close={jsonViewer.closeDrawer}>
-					<svelte:fragment slot="actions">
-						<Button
-							download="{filename ?? 'result'}.json"
-							href={workspaceId && jobId
-								? `/api/w/${workspaceId}/jobs_u/completed/get_result/${jobId}`
-								: `data:text/json;charset=utf-8,${encodeURIComponent(toJsonStr(result))}`}
-							startIcon={{ icon: Download }}
-							color="light"
-							size="xs"
-						>
-							Download
-						</Button>
-						<Button
-							on:click={() => copyToClipboard(toJsonStr(result))}
-							color="light"
-							size="xs"
-							startIcon={{
-								icon: ClipboardCopy
-							}}
-						>
-							Copy to clipboard
-						</Button>
-					</svelte:fragment>
-					<svelte:self
-						{noControls}
-						{result}
-						{requireHtmlApproval}
-						{filename}
-						{jobId}
-						{workspaceId}
-						{hideAsJson}
-						{forceJson}
-						disableExpand={true}
-					/>
-				</DrawerContent>
-			</Drawer>
-		</Portal>
+		<Drawer bind:this={jsonViewer} bind:open={drawerOpen} size="900px">
+			<DrawerContent title="Expanded Result" on:close={jsonViewer.closeDrawer}>
+				<svelte:fragment slot="actions">
+					<Button
+						download="{filename ?? 'result'}.json"
+						href={workspaceId && jobId
+							? `/api/w/${workspaceId}/jobs_u/completed/get_result/${jobId}`
+							: `data:text/json;charset=utf-8,${encodeURIComponent(toJsonStr(result))}`}
+						startIcon={{ icon: Download }}
+						color="light"
+						size="xs"
+					>
+						Download
+					</Button>
+					<Button
+						on:click={() => copyToClipboard(toJsonStr(result))}
+						color="light"
+						size="xs"
+						startIcon={{
+							icon: ClipboardCopy
+						}}
+					>
+						Copy to clipboard
+					</Button>
+				</svelte:fragment>
+				<svelte:self
+					{noControls}
+					{result}
+					{requireHtmlApproval}
+					{filename}
+					{jobId}
+					{workspaceId}
+					{hideAsJson}
+					{forceJson}
+					disableExpand={true}
+				/>
+			</DrawerContent>
+		</Drawer>
 
 		<Portal>
 			<S3FilePicker bind:this={s3FileViewer} readOnlyMode={true} />

package/package/components/DisplayResult.svelte.d.ts

@@ -9,6 +9,7 @@ declare const __propDef: {
         workspaceId?: string | undefined;
         hideAsJson?: boolean | undefined;
         noControls?: boolean | undefined;
+        drawerOpen?: boolean | undefined;
         forceJson?: boolean | undefined;
     };
     events: {

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

@@ -7,7 +7,7 @@ declare const __propDef: {
             icon?: any;
             href?: string | undefined;
             disabled?: boolean | undefined;
-            type?: "delete" | "action" | undefined;
+            type?: "action" | "delete" | undefined;
             hide?: boolean | undefined;
         }[] | (() => {
             displayName: string;
@@ -15,7 +15,7 @@ declare const __propDef: {
             icon?: any;
             href?: string | undefined;
             disabled?: boolean | undefined;
-            type?: "delete" | "action" | undefined;
+            type?: "action" | "delete" | undefined;
             hide?: boolean | undefined;
         }[]) | undefined;
         justifyEnd?: boolean | undefined;

package/package/components/EditableSchemaForm.svelte

@@ -128,6 +128,9 @@ function reorder() {
 							bind:pickForField
 							bind:extra={schema.properties[argName]}
 							simpleTooltip={schemaFieldTooltip[argName]}
+							nullable={schema.properties[argName].nullable}
+							bind:title={schema.properties[argName].title}
+							bind:placeholder={schema.properties[argName].placeholder}
 						/>
 					{/if}
 				{/if}