windmill-components 1.122.0 → 1.138.2

package/package/components/SchemaForm.svelte

@@ -20,10 +20,10 @@ export let noVariablePicker = false;
 export let flexWrap = false;
 export let noDelete = false;
 export let prettifyHeader = false;
+export let disablePortal = false;
 let clazz = '';
 export { clazz as class };
 let inputCheck = {};
-$: isValid = allTrue(inputCheck) ?? false;
 $: if (args == undefined || typeof args !== 'object') {
     args = {};
 }
@@ -49,6 +49,7 @@ $: {
         }
     }
 }
+$: isValid = allTrue(inputCheck ?? {});
 let resourceTypes = undefined;
 async function loadResourceTypes() {
     resourceTypes = await ResourceService.listResourceTypeNames({ workspace: $workspaceStore });
@@ -64,6 +65,7 @@ loadResourceTypes();
 					{#if typeof args == 'object' && schema?.properties[argName]}
 						{#if editableSchema}
 							<ArgInput
+								{disablePortal}
 								{resourceTypes}
 								{prettifyHeader}
 								autofocus={i == 0 && autofocus}
@@ -91,6 +93,7 @@ loadResourceTypes();
 							/>
 						{:else}
 							<ArgInput
+								{disablePortal}
 								{resourceTypes}
 								{prettifyHeader}
 								autofocus={i == 0 && autofocus}
@@ -122,7 +125,7 @@ loadResourceTypes();
 			{/if}
 		{/each}
 	{:else if !shouldHideNoInputs}
-		<div class="text-gray-500 text-sm">No inputs</div>
+		<div class="text-secondary text-sm">No inputs</div>
 	{/if}
 </div>
 
@@ -144,18 +147,13 @@ loadResourceTypes();
 				...x
 			}))}
 	>
-		<div
-			slot="submission"
-			class="flex flex-row-reverse w-full bg-white border-t border-gray-200 rounded-bl-lg rounded-br-lg"
-		>
+		<div slot="submission">
 			<Button
 				variant="border"
 				color="blue"
 				size="sm"
 				startIcon={{ icon: faPlus }}
-				on:click={() => {
-					variableEditor?.initNew?.()
-				}}
+				on:click={() => variableEditor?.initNew?.()}
 			>
 				New variable
 			</Button>

package/package/components/SchemaForm.svelte.d.ts

@@ -16,6 +16,7 @@ declare const __propDef: {
         flexWrap?: boolean | undefined;
         noDelete?: boolean | undefined;
         prettifyHeader?: boolean | undefined;
+        disablePortal?: boolean | undefined;
         class?: string | undefined;
     };
     events: {

package/package/components/SchemaModal.svelte

@@ -1,4 +1,8 @@
-<script context="module">export const ARG_TYPES = ['integer', 'number', 'string', 'boolean', 'object', 'array'];
+<script context="module">import Tab from './common/tabs/Tab.svelte';
+import TabContent from './common/tabs/TabContent.svelte';
+import Tabs from './common/tabs/Tabs.svelte';
+import SchemaEditor from './SchemaEditor.svelte';
+export const ARG_TYPES = ['integer', 'number', 'string', 'boolean', 'object', 'array'];
 export function schemaToModal(schema, name, required) {
     return {
         name,
@@ -9,7 +13,15 @@ export function schemaToModal(schema, name, required) {
         contentEncoding: schema.contentEncoding,
         format: schema.format,
         enum_: schema.enum,
-        required
+        required,
+        schema: schema.type == 'object'
+            ? {
+                $schema: undefined,
+                type: schema.type,
+                properties: schema.properties ?? {},
+                required: schema.required ?? []
+            }
+            : undefined
     };
 }
 export const DEFAULT_PROPERTY = {
@@ -60,6 +72,7 @@ function clearModal() {
     property.required = DEFAULT_PROPERTY.required;
     property.selectedType = DEFAULT_PROPERTY.selectedType;
     property.format = undefined;
+    property.schema = undefined;
     drawer.closeDrawer();
 }
 $: if (property.name == '') {
@@ -68,16 +81,16 @@ $: if (property.name == '') {
 else {
     error = '';
 }
+let title = '';
+$: title = editing ? `Edit ${oldArgName} argument` : 'Add an argument';
 </script>
 
-<svelte:window on:keyup={handleKeyUp} />
-
 <Drawer bind:this={drawer} placement="right">
-	<DrawerContent on:close={clearModal} title="Add an argument">
+	<DrawerContent on:close={clearModal} {title}>
 		<div class="flex flex-col gap-6">
 			<div>
 				<label class="block">
-					<div class="mb-1 font-semibold text-gray-700">
+					<div class="mb-1 font-semibold text-secondary">
 						Name
 						<Required required={true} />
 					</div>
@@ -88,6 +101,7 @@ else {
 						type="text"
 						placeholder="Enter a name"
 						bind:value={property.name}
+						on:keyup={handleKeyUp}
 						class={error === ''
 							? ''
 							: 'border border-red-700 bg-red-100 border-opacity-30 focus:border-red-700 focus:border-opacity-30 focus-visible:ring-red-700 focus-visible:ring-opacity-25 focus-visible:border-red-700'}
@@ -97,14 +111,14 @@ else {
 			</div>
 
 			<label class="block">
-				<div class="mb-1 font-semibold text-gray-700">
+				<div class="mb-1 font-semibold text-secondary">
 					Description
 					<Required required={false} />
 				</div>
 				<textarea placeholder="Enter a description" rows="3" bind:value={property.description} />
 			</label>
 			<div>
-				<div class="mb-1 font-semibold text-gray-700">Type<Required required={true} /></div>
+				<div class="mb-1 font-semibold text-secondary">Type<Required required={true} /></div>
 				<div class="grid sm:grid-cols-3 md:grid-cols-4 gap-x-2 gap-y-1 items-center mb-2 w-full">
 					{#each ARG_TYPES as argType}
 						{@const isSelected = argType == property.selectedType}
@@ -112,7 +126,7 @@ else {
 							size="sm"
 							variant="border"
 							color={isSelected ? 'blue' : 'dark'}
-							btnClasses={isSelected ? '!border-2 !bg-blue-50/75' : 'm-[1px]'}
+							btnClasses={isSelected ? '!bg-blue-50/75 dark:!bg-frost-900/50 ' : ''}
 							on:click={() => {
 								property.selectedType = argType
 								property.format = undefined
@@ -133,7 +147,7 @@ else {
 						size="sm"
 						variant="border"
 						color={!property.selectedType ? 'blue' : 'dark'}
-						btnClasses={!property.selectedType ? '!border-2 !bg-blue-50/75' : 'm-[1px]'}
+						btnClasses={!property.selectedType ? '!bg-blue-50/75 dark:!bg-frost-900/50' : ']'}
 						on:click={() => {
 							property.selectedType = undefined
 						}}
@@ -169,7 +183,7 @@ else {
 			</div>
 			{#if property.selectedType !== 'boolean'}
 				<div>
-					<div class="font-semibold text-gray-700 mb-1">Advanced</div>
+					<div class="font-semibold text-secondary mb-1">Advanced</div>
 					{#if property.selectedType == 'string'}
 						<StringTypeNarrowing
 							bind:format={property.format}
@@ -180,8 +194,22 @@ else {
 					{:else if property.selectedType == 'array'}
 						<ArrayTypeNarrowing bind:itemsType={property.items} />
 					{:else if property.selectedType == 'object'}
-						<h3 class="mb-2 font-bold mt-4">Resource type</h3>
-						<ObjectTypeNarrowing bind:format={property.format} />
+						<Tabs selected="custom-object">
+							<Tab value="custom-object">Custom Object</Tab>
+							<Tab value="resource">Resource</Tab>
+							<svelte:fragment slot="content">
+								<div class="overflow-auto pt-2">
+									<TabContent value="custom-object">
+										<SchemaEditor bind:schema={property.schema} />
+									</TabContent>
+
+									<TabContent value="resource">
+										<h3 class="mb-2 font-bold mt-4">Resource type</h3>
+										<ObjectTypeNarrowing bind:format={property.format} />
+									</TabContent>
+								</div>
+							</svelte:fragment>
+						</Tabs>
 					{:else}
 						<p>No advanced configuration for this type</p>
 					{/if}

package/package/components/SchemaModal.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import type { SchemaProperty } from '../common';
+import type { SchemaProperty, Schema } from '../common';
 export declare const ARG_TYPES: readonly ["integer", "number", "string", "boolean", "object", "array"];
 export type ArgType = (typeof ARG_TYPES)[number];
 export interface ModalSchemaProperty {
@@ -15,6 +15,7 @@ export interface ModalSchemaProperty {
         type?: 'string' | 'number';
     };
     contentEncoding?: 'base64' | 'binary';
+    schema?: Schema;
 }
 export declare function schemaToModal(schema: SchemaProperty, name: string, required: boolean): ModalSchemaProperty;
 export declare const DEFAULT_PROPERTY: ModalSchemaProperty;

package/package/components/SchemaViewer.svelte

@@ -67,7 +67,7 @@ function getProperties(schema) {
 							</TableCustom>
 						</div>
 					{:else}
-						<div class="text-gray-700 text-xs italic m-1">No arguments</div>
+						<div class="text-secondary text-xs italic m-1">No arguments</div>
 					{/if}
 				</TabContent>
 				<TabContent value="advanced">

package/package/components/ScriptBuilder.svelte

@@ -14,15 +14,16 @@ import { faPlus, faSave } from '@fortawesome/free-solid-svg-icons';
 import LanguageIcon from './common/languageIcons/LanguageIcon.svelte';
 import Tooltip from './Tooltip.svelte';
 import DrawerContent from './common/drawer/DrawerContent.svelte';
-import { Pen, X } from 'lucide-svelte';
+import { Loader2, Pen, X } from 'lucide-svelte';
 import autosize from 'svelte-autosize';
-import { SCRIPT_SHOW_BASH, SCRIPT_SHOW_GO, SCRIPT_SHOW_PSQL, SCRIPT_CUSTOMISE_SHOW_KIND } from '../consts';
+import { SCRIPT_SHOW_BASH, SCRIPT_SHOW_GO, SCRIPT_CUSTOMISE_SHOW_KIND } from '../consts';
 import UnsavedConfirmationModal from './common/confirmationModal/UnsavedConfirmationModal.svelte';
 import { sendUserToast } from '../toast';
 import { isCloudHosted } from '../cloud';
 import Awareness from './Awareness.svelte';
 import { Icon } from 'svelte-awesome';
 import { fade } from 'svelte/transition';
+import Popover from './Popover.svelte';
 export let script;
 export let initialPath = '';
 export let template = 'script';
@@ -37,6 +38,7 @@ let metadataOpen = showMeta ||
 let advancedOpen = false;
 let editor = undefined;
 let scriptEditor = undefined;
+const enterpriseLangs = ['bigquery'];
 loadWorkerGroups();
 async function loadWorkerGroups() {
     if (!$workerTags) {
@@ -47,15 +49,19 @@ export function setCode(code) {
     editor?.setCode(code);
 }
 const langs = [
-    ['Typescript', Script.language.DENO],
+    ['Typescript (Deno)', Script.language.DENO],
     ['Python', Script.language.PYTHON3]
 ];
-if (SCRIPT_SHOW_GO) {
-    langs.push(['Go', Script.language.GO]);
-}
 if (SCRIPT_SHOW_BASH) {
     langs.push(['Bash', Script.language.BASH]);
 }
+langs.push(['PostgreSQL', Script.language.POSTGRESQL]);
+langs.push(['MySQL', Script.language.MYSQL]);
+langs.push(['BigQuery', Script.language.BIGQUERY]);
+if (SCRIPT_SHOW_GO) {
+    langs.push(['Go', Script.language.GO]);
+}
+langs.push(['REST', Script.language.NATIVETS]);
 const scriptKindOptions = [
     {
         value: Script.kind.SCRIPT,
@@ -128,7 +134,9 @@ async function editScript() {
                 language: script.language,
                 kind: script.kind,
                 tag: script.tag,
-                envs: script.envs
+                envs: script.envs,
+                concurrent_limit: script.concurrent_limit,
+                concurrency_time_window_s: script.concurrency_time_window_s
             }
         });
         history.replaceState(history.state, '', `/scripts/edit/${script.path}`);
@@ -165,7 +173,9 @@ async function saveDraft() {
                     kind: script.kind,
                     tag: script.tag,
                     draft_only: true,
-                    envs: script.envs
+                    envs: script.envs,
+                    concurrent_limit: script.concurrent_limit,
+                    concurrency_time_window_s: script.concurrency_time_window_s
                 }
             });
         }
@@ -215,76 +225,80 @@ function onKeyDown(event) {
             break;
     }
 }
+let path = undefined;
+$: {
+    if (initialPath == '' && script.summary?.length > 0) {
+        path?.setName(script.summary
+            .toLowerCase()
+            .replace(/[^a-z0-9_]/g, '_')
+            .replace(/-+/g, '_')
+            .replace(/^-|-$/g, ''));
+    }
+}
 </script>
 
 <svelte:window on:keydown={onKeyDown} />
-
 <UnsavedConfirmationModal />
 {#if !$userStore?.operator}
 	<Drawer placement="right" bind:open={metadataOpen} size="800px">
 		<DrawerContent title="Metadata" on:close={() => (metadataOpen = false)}>
-			<h2 class="border-b pb-1 mb-4">Path</h2>
+			<h2 class="border-b pb-1 mb-4">Summary</h2>
+
+			<input
+				type="text"
+				autofocus
+				bind:value={script.summary}
+				placeholder="Short summary to be displayed when listed"
+			/>
+			<h2 class="border-b pb-1 mt-10 mb-4">Path</h2>
 			<Path
+				bind:this={path}
 				bind:error={pathError}
 				bind:path={script.path}
 				{initialPath}
+				autofocus={false}
 				namePlaceholder="script"
 				kind="script"
 			/>
-			<h2 class="border-b pb-1 mt-10 mb-4">Summary</h2>
 
-			<input
-				type="text"
-				bind:value={script.summary}
-				placeholder="Short summary to be displayed when listed"
-			/>
 			<h2 class="border-b pb-1 mt-10 mb-4">Language</h2>
 
 			{#if lockedLanguage}
-				<div class="text-sm text-gray-600 italic mb-2">
+				<div class="text-sm text-tertiary italic mb-2">
 					As a forked script, the language '{script.language}' cannot be modified.
 				</div>
 			{/if}
-			<div class="flex flex-row gap-2 flex-wrap">
+			<div class=" grid grid-cols-3 gap-2">
 				{#each langs as [label, lang]}
 					{@const isPicked = script.language == lang && template == 'script'}
-					<Button
-						size="sm"
-						variant="border"
-						color={isPicked ? 'blue' : 'dark'}
-						btnClasses={isPicked ? '!border-2 !bg-blue-50/75' : 'm-[1px]'}
-						on:click={() => {
-							template = 'script'
-							initContent(lang, script.kind, template)
-							script.language = lang
-						}}
-						disabled={lockedLanguage}
-					>
-						<LanguageIcon {lang} />
-						<span class="ml-2 py-2">{label}</span>
-					</Button>
+					<Popover disablePopup={!enterpriseLangs.includes(lang) || !!$enterpriseLicense}>
+						<Button
+							size="sm"
+							variant="border"
+							color={isPicked ? 'blue' : 'light'}
+							btnClasses={isPicked ? '!border-2 !bg-blue-50/75 dark:!bg-frost-900/75' : 'm-[1px]'}
+							on:click={() => {
+								template = 'script'
+								initContent(lang, script.kind, template)
+								script.language = lang
+							}}
+							disabled={lockedLanguage || (enterpriseLangs.includes(lang) && !$enterpriseLicense)}
+						>
+							<LanguageIcon {lang} />
+							<span class="ml-2 py-2 truncate">{label}</span>
+						</Button>
+						<svelte:fragment slot="text"
+							>{label} is only available with an enterprise license</svelte:fragment
+						>
+					</Popover>
 				{/each}
-				{#if SCRIPT_SHOW_PSQL}
-					<Button
-						size="sm"
-						variant="border"
-						color={template == 'pgsql' ? 'blue' : 'dark'}
-						btnClasses={template == 'pgsql' ? '!border-2 !bg-blue-50/75' : 'm-[1px]'}
-						disabled={lockedLanguage}
-						on:click={() => {
-							template = 'pgsql'
-							initContent(Script.language.DENO, script.kind, template)
-							script.language = Script.language.DENO
-						}}
-					>
-						<LanguageIcon lang="pgsql" /><span class="ml-2 py-2">PostgreSQL</span>
-					</Button>
-				{/if}
 				<Button
 					size="sm"
 					variant="border"
-					color={template == 'docker' ? 'blue' : 'dark'}
-					btnClasses={template == 'docker' ? '!border-2 !bg-blue-50/75' : 'm-[1px]'}
+					color={template == 'docker' ? 'blue' : 'light'}
+					btnClasses={template == 'docker'
+						? '!border-2 !bg-blue-50/75 dark:!bg-frost-900/75'
+						: 'm-[1px]'}
 					disabled={lockedLanguage}
 					on:click={() => {
 						if (isCloudHosted()) {
@@ -309,6 +323,40 @@ function onKeyDown(event) {
 				>
 					<LanguageIcon lang="docker" /><span class="ml-2 py-2">Docker</span>
 				</Button>
+				<Button
+					size="sm"
+					variant="border"
+					color={template == 'powershell' ? 'blue' : 'light'}
+					btnClasses={template == 'powershell'
+						? '!border-2 !bg-blue-50/75 dark:!bg-frost-900/75'
+						: 'm-[1px]'}
+					disabled={lockedLanguage}
+					on:click={() => {
+						template = 'powershell'
+						initContent(Script.language.BASH, script.kind, template)
+						script.language = Script.language.BASH
+					}}
+				>
+					<LanguageIcon lang="powershell" /><span class="ml-2 py-2">Powershell</span>
+				</Button>
+				<Button
+					size="xs"
+					variant="border"
+					color={script.language == 'bun' ? 'blue' : 'light'}
+					btnClasses={script.language == 'bun'
+						? '!border-2 !bg-blue-50/75 dark:!bg-frost-900/75'
+						: 'm-[1px]'}
+					disabled={lockedLanguage}
+					on:click={() => {
+						initContent(Script.language.BUN, script.kind, template)
+						script.language = Script.language.BUN
+					}}
+				>
+					<LanguageIcon lang={Script.language.BUN} /><span class="ml-2 py-2 truncate">
+						Typescript (Bun, experimental)
+					</span>
+				</Button>
+
 				<!-- <Button
 					size="sm"
 					variant="border"
@@ -332,6 +380,18 @@ function onKeyDown(event) {
 				class="text-sm"
 			/>
 
+			<h2 class="border-b pb-1 mt-10 mb-4">Concurrency limits</h2>
+			<div class="flex gap-x-4 shrink">
+				<label class="block shrink min-w-0">
+					<span class="text-secondary text-sm">Maximum number of runs</span>
+					<input class="!w-55" type="number" bind:value={script.concurrent_limit} />
+				</label>
+				<label class="block shrink min-w-0">
+					<span class="text-secondary text-sm">Per time window (seconds)</span>
+					<input class="!w-18" type="number" bind:value={script.concurrency_time_window_s} />
+				</label>
+			</div>
+
 			<h2 class="border-b pb-1 mt-10 mb-4"
 				>Worker group tag <Tooltip
 					documentationLink="https://www.windmill.dev/docs/core_concepts/worker_groups"
@@ -339,9 +399,9 @@ function onKeyDown(event) {
 					instance, you could setup an "highmem", or "gpu" worker group.</Tooltip
 				></h2
 			>
-			<div class="max-w-sm">
-				{#if $workerTags}
-					{#if $workerTags?.length > 0}
+			{#if $workerTags}
+				{#if $workerTags?.length > 0}
+					<div class="max-w-sm">
 						<select
 							bind:value={script.tag}
 							on:change={(e) => {
@@ -359,29 +419,36 @@ function onKeyDown(event) {
 								<option value={tag}>{tag}</option>
 							{/each}
 						</select>
-					{:else}
-						<div class="text-sm text-gray-600 italic mb-2">
-							No custom worker group defined on this instance
-						</div>
-					{/if}
+					</div>
+				{:else}
+					<div class="text-sm text-secondary italic mb-2">
+						No custom worker group defined on this instance. See <a
+							href="https://www.windmill.dev/docs/core_concepts/worker_groups"
+							target="_blank">documentation</a
+						>
+					</div>
 				{/if}
-			</div>
+			{:else}
+				<Loader2 class="animate-spin" />
+			{/if}
 			{#if !isCloudHosted()}
-				<h2 class="border-b pb-1 mt-10 mb-4"
-					>Custom env variables<Tooltip
+				<h2 class="border-b pb-1 mt-10 mb-4">
+					Custom env variables
+					<Tooltip
 						documentationLink="https://www.windmill.dev/docs/reference#custom-environment-variables"
-						>Additional static custom env variables to pass to the script.</Tooltip
-					></h2
-				>
+					>
+						Additional static custom env variables to pass to the script.
+					</Tooltip>
+				</h2>
 				<div class="w-full">
-					<span class="text-gray-600 text-xs pb-2">Format is: `{'<KEY>=<VALUE>'}`</span>
+					<span class="text-tertiary text-xs pb-2">Format is: `{'<KEY>=<VALUE>'}`</span>
 					{#if Array.isArray(script.envs ?? [])}
 						{#each script.envs ?? [] as v, i}
 							<div class="flex max-w-md mt-1 w-full items-center">
 								<input type="text" bind:value={v} placeholder="<KEY>=<VALUE>" />
 								<button
 									transition:fade|local={{ duration: 50 }}
-									class="rounded-full p-1 bg-white/60 duration-200 hover:bg-gray-200"
+									class="rounded-full p-1 bg-surface/60 duration-200 hover:bg-gray-200"
 									aria-label="Clear"
 									on:click={() => {
 										script.envs && script.envs.splice(i, 1)
@@ -422,8 +489,8 @@ function onKeyDown(event) {
 	</Drawer>
 
 	<div class="flex flex-col h-screen">
-		<div class="flex flex-col w-full px-2 py-1 border-b shadow-sm">
-			<div class="justify-between flex gap-2 lg:gap-8 w-full items-center px-2">
+		<div class="flex h-full max-h-12 items-center pl-2.5 pr-6 border-b shadow-sm">
+			<div class="justify-between flex gap-2 lg:gap-8 w-full items-center">
 				<div class="min-w-64 w-full max-w-md">
 					<input
 						type="text"
@@ -442,7 +509,7 @@ function onKeyDown(event) {
 							>
 								<Badge
 									color="gray"
-									class="center-center !bg-gray-300 !text-gray-600 !h-[28px]  !w-[70px] rounded-r-none"
+									class="center-center !bg-surface-selected !text-tertiary !h-[28px]  !w-[70px] rounded-r-none"
 								>
 									<Pen size={12} class="mr-2" /> Path
 								</Badge>
@@ -473,7 +540,7 @@ function onKeyDown(event) {
 					<Awareness />
 				{/if}
 
-				<div class="flex flex-row gap-x-1 lg:gap-x-4">
+				<div class="flex flex-row gap-x-1 lg:gap-x-2">
 					<Button
 						color="light"
 						variant="border"
@@ -485,7 +552,7 @@ function onKeyDown(event) {
 						Metadata
 					</Button>
 					<Button
-						color="dark"
+						color="light"
 						variant="border"
 						size="xs"
 						on:click={() => {
@@ -496,16 +563,18 @@ function onKeyDown(event) {
 					</Button>
 					<Button
 						loading={loadingDraft}
-						size="sm"
+						size="xs"
 						startIcon={{ icon: faSave }}
 						on:click={() => saveDraft()}
 					>
-						Save draft&nbsp;<Kbd small>{getModifierKey()}</Kbd>
+						<span class="hidden sm:flex">
+							Save draft&nbsp;<Kbd small>{getModifierKey()}</Kbd>
+						</span>
 						<Kbd small>S</Kbd>
 					</Button>
 					<Button
 						loading={loadingSave}
-						size="sm"
+						size="xs"
 						startIcon={{ icon: faSave }}
 						on:click={() => editScript()}
 						dropdownItems={initialPath != '' ? computeDropdownItems : undefined}
@@ -533,7 +602,7 @@ function onKeyDown(event) {
 								size="sm"
 								variant="border"
 								color={isPicked ? 'blue' : 'dark'}
-								btnClasses="font-medium {isPicked ? '!bg-blue-50/75' : ''}"
+								btnClasses="font-medium {isPicked ? '!bg-blue-50/75 !dark:bg-blue-900/75' : ''}"
 								on:click={() => {
 									template = 'script'
 									script.kind = value
@@ -552,6 +621,7 @@ function onKeyDown(event) {
 				{/if}
 				<h2 class="border-b pb-1 mt-10 mb-4"
 					>Arguments &nbsp;<Tooltip
+						documentationLink="https://www.windmill.dev/docs/core_concepts/json_schema_and_parsing"
 						>The arguments are synced with the main signature but you may refine the parts that
 						cannot be inferred from the type directly.</Tooltip
 					></h2
@@ -574,6 +644,7 @@ function onKeyDown(event) {
 			lang={script.language}
 			{initialArgs}
 			kind={script.kind}
+			{template}
 			tag={script.tag}
 		/>
 	</div>

package/package/components/ScriptBuilder.svelte.d.ts

@@ -4,7 +4,7 @@ declare const __propDef: {
     props: {
         script: NewScript;
         initialPath?: string | undefined;
-        template?: "script" | "pgsql" | "mysql" | "docker" | undefined;
+        template?: "script" | "mysql" | "pgsql" | "docker" | "powershell" | undefined;
         initialArgs?: Record<string, any> | undefined;
         lockedLanguage?: boolean | undefined;
         topHash?: string | undefined;