windmill-components 1.269.4 → 1.291.4

package/package/components/RunForm.svelte

@@ -1,6 +1,6 @@
-<script>import { defaultIfEmptyString, emptyString, getModifierKey, truncateHash } from '../utils';
+<script>import { defaultIfEmptyString, emptyString, truncateHash } from '../utils';
 import CliHelpBox from './CliHelpBox.svelte';
-import { Badge, Button, Kbd } from './common';
+import { Badge, Button } from './common';
 import SchemaForm from './SchemaForm.svelte';
 import SharedBadge from './SharedBadge.svelte';
 import CollapseLink from './CollapseLink.svelte';
@@ -9,7 +9,7 @@ import TimeAgo from './TimeAgo.svelte';
 import ClipboardPanel from './details/ClipboardPanel.svelte';
 import Popup from './common/popup/Popup.svelte';
 import { autoPlacement } from '@floating-ui/core';
-import { Calendar } from 'lucide-svelte';
+import { Calendar, CornerDownLeft } from 'lucide-svelte';
 import RunFormAdvancedPopup from './RunFormAdvancedPopup.svelte';
 export let runnable;
 export let runAction;
@@ -121,14 +121,9 @@ $: cliCommand = `wmill ${isFlow ? 'flow' : 'script'} run ${runnable?.path} -d '$
 					btnClasses="!px-6 !py-1 !h-8 inline-flex gap-2"
 					disabled={!isValid}
 					on:click={() => runAction(scheduledForStr, args, invisible_to_owner, overrideTag)}
+					shortCut={{ Icon: CornerDownLeft, hide: !viewKeybinding }}
 				>
-					{#if viewKeybinding}
-						<div class="inline-flex gap-0 items-center">
-							<Kbd small isModifier>{getModifierKey()}</Kbd><Kbd small>Enter</Kbd>
-						</div>{/if}
-					<div>
-						{scheduledForStr ? 'Schedule to run later' : buttonText}
-					</div>
+					{scheduledForStr ? 'Schedule to run later' : buttonText}
 				</Button>
 				<div>
 					<Popup
@@ -150,9 +145,9 @@ $: cliCommand = `wmill ${isFlow ? 'flow' : 'script'} run ${runnable?.path} -d '$
 						blockOpen={blockPopupOpen}
 					>
 						<svelte:fragment slot="button">
-							<Button nonCaptureEvent startIcon={{ icon: Calendar }} size="xs" color="light"
-								>Advanced</Button
-							>
+							<Button nonCaptureEvent startIcon={{ icon: Calendar }} size="xs" color="light">
+								Advanced
+							</Button>
 						</svelte:fragment>
 						<RunFormAdvancedPopup
 							bind:scheduledForStr
@@ -180,11 +175,8 @@ $: cliCommand = `wmill ${isFlow ? 'flow' : 'script'} run ${runnable?.path} -d '$
 			btnClasses="!px-6 !py-1 w-full"
 			disabled={!isValid}
 			on:click={() => runAction(undefined, args, invisible_to_owner, overrideTag)}
+			shortCut={{ Icon: CornerDownLeft, hide: !viewKeybinding }}
 		>
-			{#if viewKeybinding}
-				<div>
-					<Kbd small isModifier>{getModifierKey()}</Kbd>+<Kbd small>Enter</Kbd>
-				</div>{/if}
 			{buttonText}
 		</Button>
 	{/if}

package/package/components/RunFormAdvancedPopup.svelte

@@ -5,8 +5,8 @@ import Toggle from './Toggle.svelte';
 import Tooltip from './Tooltip.svelte';
 import { userStore, workerTags } from '../stores';
 import { Button } from './common';
-import { getToday } from '../utils';
 import { WorkerService } from '../gen';
+import DateTimeInput from './DateTimeInput.svelte';
 export let runnable;
 export let scheduledForStr;
 export let invisible_to_owner;
@@ -29,23 +29,22 @@ async function loadWorkerGroups() {
 					</svelte:fragment>
 				</Label>
 
-				<div class="flex flex-row items-end">
-					<div class="w-max md:w-2/3 mt-2 mb-1">
+				<div class="flex flex-row items-center my-1">
+					<div>
 						<label for="run-time" />
-						<input
-							class="inline-block"
-							type="datetime-local"
-							id="run-time"
-							name="run-scheduled-time"
-							bind:value={scheduledForStr}
-							min={getToday().toISOString().slice(0, 16)}
+						<DateTimeInput
+							value={scheduledForStr}
+							on:change={(e) => {
+								console.log('e.detail', e.detail)
+								scheduledForStr = e.detail
+							}}
 						/>
 					</div>
 					<Button
 						variant="border"
 						color="light"
-						size="sm"
-						btnClasses="mx-2 mb-1"
+						size="xs"
+						btnClasses="mx-2 "
 						on:click={() => {
 							scheduledForStr = undefined
 						}}

package/package/components/S3FilePicker.svelte

@@ -246,6 +246,7 @@ async function reloadContent() {
     }
     try {
         await HelpersService.datasetStorageTestConnection({ workspace: $workspaceStore });
+        workspaceSettingsInitialized = true;
     }
     catch (e) {
         console.error('Workspace not connected to S3 bucket: ', e);

package/package/components/ScheduleEditorInner.svelte

@@ -57,9 +57,10 @@ export function openEdit(ePath, isFlow) {
     edit = true;
     drawer?.openDrawer();
 }
-export async function openNew(is_flow, initial_script_path) {
+export async function openNew(nis_flow, initial_script_path) {
     args = {};
     runnable = undefined;
+    is_flow = nis_flow;
     let defaultErrorHandlerMaybe = undefined;
     let defaultRecoveryHandlerMaybe = undefined;
     if ($workspaceStore) {
@@ -71,7 +72,7 @@ export async function openNew(is_flow, initial_script_path) {
         });
     }
     edit = false;
-    itemKind = is_flow ? 'flow' : 'script';
+    itemKind = nis_flow ? 'flow' : 'script';
     initialScriptPath = initial_script_path ?? '';
     summary = '';
     no_flow_overlap = false;
@@ -261,13 +262,13 @@ async function loadSchedule() {
     }
 }
 async function scheduleScript() {
+    if (errorHandlerPath !== undefined && isSlackHandler('error', errorHandlerPath)) {
+        errorHandlerExtraArgs['slack'] = '$res:f/slack_bot/bot_token';
+    }
+    if (recoveryHandlerPath !== undefined && isSlackHandler('recovery', recoveryHandlerPath)) {
+        recoveryHandlerExtraArgs['slack'] = '$res:f/slack_bot/bot_token';
+    }
     if (edit) {
-        if (errorHandlerPath !== undefined && isSlackHandler('error', errorHandlerPath)) {
-            errorHandlerExtraArgs['slack'] = '$res:f/slack_bot/bot_token';
-        }
-        if (recoveryHandlerPath !== undefined && isSlackHandler('recovery', recoveryHandlerPath)) {
-            recoveryHandlerExtraArgs['slack'] = '$res:f/slack_bot/bot_token';
-        }
         await ScheduleService.updateSchedule({
             workspace: $workspaceStore,
             path: initialPath,
@@ -364,7 +365,7 @@ let dirtyPath = false;
 						View Runs
 					</Button>
 				</div>
-				<div class="mr-8 center-center -mt-2">
+				<div class="mr-8 center-center -mt-1">
 					<Toggle
 						disabled={!can_write}
 						checked={enabled}

package/package/components/ScheduleEditorInner.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         openEdit?: ((ePath: string, isFlow: boolean) => void) | undefined;
-        openNew?: ((is_flow: boolean, initial_script_path?: string) => Promise<void>) | undefined;
+        openNew?: ((nis_flow: boolean, initial_script_path?: string) => Promise<void>) | undefined;
     };
     events: {
         update: CustomEvent<any>;
@@ -16,6 +16,6 @@ export type ScheduleEditorInnerEvents = typeof __propDef.events;
 export type ScheduleEditorInnerSlots = typeof __propDef.slots;
 export default class ScheduleEditorInner extends SvelteComponent<ScheduleEditorInnerProps, ScheduleEditorInnerEvents, ScheduleEditorInnerSlots> {
     get openEdit(): (ePath: string, isFlow: boolean) => void;
-    get openNew(): (is_flow: boolean, initial_script_path?: string | undefined) => Promise<void>;
+    get openNew(): (nis_flow: boolean, initial_script_path?: string | undefined) => Promise<void>;
 }
 export {};

package/package/components/SchemaEditor.svelte

@@ -83,6 +83,9 @@ function handleAddOrEditArgument(modalProperty) {
         if (!schema.required) {
             schema.required = [];
         }
+        if (!schema.order || !Array.isArray(schema.order)) {
+            syncOrders();
+        }
         schema.properties[modalProperty.name] = modalToSchema(modalProperty);
         if (modalProperty.required) {
             if (!schema.required.includes(modalProperty.name)) {
@@ -96,15 +99,20 @@ function handleAddOrEditArgument(modalProperty) {
             }
         }
         if (editing && oldArgName && oldArgName !== modalProperty.name) {
+            let oldPosition = schema.order.indexOf(oldArgName);
+            schema.order[oldPosition] = modalProperty.name;
+            reorder();
             handleDeleteArgument([oldArgName]);
         }
+        if (!schema.order?.includes(modalProperty.name)) {
+            schema.order.push(modalProperty.name);
+        }
         modalProperty = Object.assign({}, DEFAULT_PROPERTY);
         editing = false;
         oldArgName = undefined;
         schemaModal.closeDrawer();
     }
     schema = schema;
-    syncOrders();
     schemaString = JSON.stringify(schema, null, '\t');
     jsonEditor?.setCode(schemaString);
     dispatch('change', schema);
@@ -144,6 +152,9 @@ function handleDeleteArgument(argPath) {
         if (Object.keys(modifiedProperties).includes(argName)) {
             delete modifiedProperties[argName];
             modifiedObject.required = schema.required.filter((arg) => arg !== argName);
+            if (modifiedObject.order) {
+                modifiedObject.order = modifiedObject.order.filter((arg) => arg !== argName);
+            }
             schema = schema;
             schemaString = JSON.stringify(schema, null, '\t');
             dispatch('change', schema);

package/package/components/SchemaForm.svelte

@@ -73,7 +73,6 @@ async function loadResourceTypes() {
 loadResourceTypes();
 $: schema && reorder();
 function reorder() {
-    console.log('reordering');
     if (schema?.order && Array.isArray(schema.order)) {
         const n = {};
         schema.order.forEach((x) => {
@@ -110,7 +109,7 @@ function reorder() {
 								{disablePortal}
 								{resourceTypes}
 								{prettifyHeader}
-								autofocus={i == 0 && autofocus}
+								autofocus={i == 0 && autofocus ? true : null}
 								label={argName}
 								description={schema.properties[argName].description}
 								bind:value={args[argName]}

package/package/components/SchemaModal.svelte

@@ -273,9 +273,9 @@ function getResourceTypesFromFormat(format) {
 						bind:currencyLocale={property.currencyLocale}
 					/>
 				{:else if property.selectedType == 'object' && property.format !== 'resource-s3'}
-					<Tabs selected="custom-object">
-						<Tab value="custom-object">Custom Object</Tab>
+					<Tabs selected="resource">
 						<Tab value="resource">Resource</Tab>
+						<Tab value="custom-object">Custom Object</Tab>
 						<svelte:fragment slot="content">
 							<div class="pt-2">
 								<TabContent value="custom-object">

package/package/components/ScriptBuilder.svelte

@@ -1,20 +1,20 @@
-<script>import { DraftService, NewScript, Script, ScriptService } from '../gen';
+<script>import { DraftService, NewScript, Script, ScriptService, ScheduleService } from '../gen';
+import { goto } from '$app/navigation';
 import { page } from '$app/stores';
 import { inferArgs } from '../infer';
 import { initialCode } from '../script_helpers';
-import { enterpriseLicense, userStore, workspaceStore } from '../stores';
-import { cleanValueProperties, emptySchema, emptyString, encodeState, getModifierKey, orderedJsonStringify } from '../utils';
+import { defaultScripts, enterpriseLicense, userStore, workspaceStore } from '../stores';
+import { cleanValueProperties, emptySchema, emptyString, encodeState, formatCron, orderedJsonStringify } from '../utils';
 import Path from './Path.svelte';
 import ScriptEditor from './ScriptEditor.svelte';
-import { Alert, Badge, Button, Drawer, Kbd, SecondsInput, Tab, TabContent, Tabs } from './common';
+import { Alert, Badge, Button, Drawer, SecondsInput, Tab, TabContent, Tabs } from './common';
 import LanguageIcon from './common/languageIcons/LanguageIcon.svelte';
 import Tooltip from './Tooltip.svelte';
 import DrawerContent from './common/drawer/DrawerContent.svelte';
 import ToggleButtonGroup from './common/toggleButton-v2/ToggleButtonGroup.svelte';
 import ToggleButton from './common/toggleButton-v2/ToggleButton.svelte';
 import ErrorHandlerToggleButton from './details/ErrorHandlerToggleButton.svelte';
-import { Bug, CheckCircle, Code, DiffIcon, Pen, Plus, Rocket, Save, Settings, X } from 'lucide-svelte';
-import { SCRIPT_SHOW_BASH, SCRIPT_SHOW_GO } from '../consts';
+import { Bug, Calendar, CheckCircle, Code, DiffIcon, Pen, Plus, Rocket, Save, Settings, X } from 'lucide-svelte';
 import UnsavedConfirmationModal from './common/confirmationModal/UnsavedConfirmationModal.svelte';
 import { sendUserToast } from '../toast';
 import { isCloudHosted } from '../cloud';
@@ -28,7 +28,10 @@ import Label from './Label.svelte';
 import { cloneDeep } from 'lodash';
 import WorkerTagPicker from './WorkerTagPicker.svelte';
 import MetadataGen from './copilot/MetadataGen.svelte';
-import { beforeNavigate, goto } from '$app/navigation';
+import ScriptSchedules from './ScriptSchedules.svelte';
+import { writable } from 'svelte/store';
+import { loadScriptSchedule, defaultScriptLanguages } from '../scripts';
+import DefaultScripts from './DefaultScripts.svelte';
 export let script;
 export let initialPath = '';
 export let template = 'script';
@@ -43,29 +46,31 @@ let metadataOpen = showMeta ||
         $page.url.searchParams.get('collab') == undefined);
 let editor = undefined;
 let scriptEditor = undefined;
+let scheduleStore = writable({
+    summary: '',
+    cron: '0 */5 * * *',
+    timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+    args: {},
+    enabled: false
+});
+async function loadSchedule() {
+    const scheduleRes = await loadScriptSchedule(initialPath, $workspaceStore);
+    if (scheduleRes) {
+        scheduleStore.set(scheduleRes);
+    }
+}
+$: {
+    if (initialPath != '') {
+        loadSchedule();
+    }
+}
 const enterpriseLangs = ['bigquery', 'snowflake', 'mssql'];
 export function setCode(code) {
     editor?.setCode(code);
 }
-const langs = [
-    ['TypeScript (Deno)', Script.language.DENO],
-    ['Python', Script.language.PYTHON3],
-    ['TypeScript (Bun)', Script.language.BUN]
-];
-if (SCRIPT_SHOW_BASH) {
-    langs.push(['Bash', Script.language.BASH]);
-}
-if (SCRIPT_SHOW_GO) {
-    langs.push(['Go', Script.language.GO]);
-}
-langs.push(['REST', Script.language.NATIVETS]);
-langs.push(['PostgreSQL', Script.language.POSTGRESQL]);
-langs.push(['MySQL', Script.language.MYSQL]);
-langs.push(['BigQuery', Script.language.BIGQUERY]);
-langs.push(['Snowflake', Script.language.SNOWFLAKE]);
-langs.push(['MS SQL Server', Script.language.MSSQL]);
-langs.push(['GraphQL', Script.language.GRAPHQL]);
-langs.push(['PowerShell', Script.language.POWERSHELL]);
+$: langs = ($defaultScripts?.order ?? Object.keys(defaultScriptLanguages))
+    .map((l) => [defaultScriptLanguages[l], l])
+    .filter((x) => $defaultScripts?.hidden == undefined || !$defaultScripts.hidden.includes(x[1]));
 const scriptKindOptions = [
     {
         value: Script.kind.SCRIPT,
@@ -117,6 +122,27 @@ function initContent(language, kind, template) {
         setCode(script.content);
     }
 }
+async function createSchedule(path) {
+    const { cron, timezone, args, enabled, summary } = $scheduleStore;
+    try {
+        await ScheduleService.createSchedule({
+            workspace: $workspaceStore,
+            requestBody: {
+                path: path,
+                schedule: formatCron(cron),
+                timezone,
+                script_path: path,
+                is_flow: false,
+                args,
+                enabled,
+                summary
+            }
+        });
+    }
+    catch (err) {
+        sendUserToast(`The primary schedule could not be created: ${err}`, true);
+    }
+}
 async function editScript(stay) {
     loadingSave = true;
     try {
@@ -159,6 +185,42 @@ async function editScript(stay) {
                 concurrency_key: emptyString(script.concurrency_key) ? undefined : script.concurrency_key
             }
         });
+        const { enabled, timezone, args, cron, summary } = $scheduleStore;
+        const scheduleExists = await ScheduleService.existsSchedule({
+            workspace: $workspaceStore ?? '',
+            path: script.path
+        });
+        if (scheduleExists) {
+            const schedule = await ScheduleService.getSchedule({
+                workspace: $workspaceStore ?? '',
+                path: script.path
+            });
+            if (JSON.stringify(schedule.args) != JSON.stringify(args) ||
+                schedule.schedule != cron ||
+                schedule.timezone != timezone ||
+                schedule.summary != summary) {
+                await ScheduleService.updateSchedule({
+                    workspace: $workspaceStore ?? '',
+                    path: script.path,
+                    requestBody: {
+                        schedule: formatCron(cron),
+                        timezone,
+                        args,
+                        summary
+                    }
+                });
+            }
+            if (enabled != schedule.enabled) {
+                await ScheduleService.setScheduleEnabled({
+                    workspace: $workspaceStore ?? '',
+                    path: script.path,
+                    requestBody: { enabled }
+                });
+            }
+        }
+        else if (enabled) {
+            await createSchedule(script.path);
+        }
         savedScript = cloneDeep(script);
         history.replaceState(history.state, '', `/scripts/edit/${script.path}`);
         if (stay) {
@@ -242,7 +304,6 @@ async function saveDraft(forceSave = false) {
                         : script.concurrency_key
                 }
             });
-            initialPath = script.path;
         }
         await DraftService.createDraft({
             workspace: $workspaceStore,
@@ -259,6 +320,7 @@ async function saveDraft(forceSave = false) {
             draft: cloneDeep(script)
         };
         if (initialPath == '' || (savedScript?.draft_only && script.path !== initialPath)) {
+            initialPath = script.path;
             goto(`/scripts/edit/${script.path}`);
         }
         sendUserToast('Saved as draft');
@@ -313,13 +375,7 @@ let selectedTab = 'metadata';
 </script>
 
 <svelte:window on:keydown={onKeyDown} />
-<UnsavedConfirmationModal
-	gotoUrl={goto}
-	{beforeNavigate}
-	{diffDrawer}
-	savedValue={savedScript}
-	modifiedValue={script}
-/>
+<UnsavedConfirmationModal {diffDrawer} savedValue={savedScript} modifiedValue={script} />
 
 {#if !$userStore?.operator}
 	<Drawer placement="right" bind:open={metadataOpen} size="800px">
@@ -337,6 +393,7 @@ let selectedTab = 'metadata';
 						cannot be inferred from the type directly.
 					</Tooltip>
 				</Tab>
+				<Tab value="schedule" active={$scheduleStore.enabled}>Schedule</Tab>
 				<svelte:fragment slot="content">
 					<div class="p-4">
 						<TabContent value="metadata">
@@ -406,14 +463,17 @@ let selectedTab = 'metadata';
 								</Section>
 
 								<Section label="Language">
+									<svelte:fragment slot="action"><DefaultScripts /></svelte:fragment>
 									{#if lockedLanguage}
 										<div class="text-sm text-tertiary italic mb-2">
 											As a forked script, the language '{script.language}' cannot be modified.
 										</div>
 									{/if}
 									<div class=" grid grid-cols-3 gap-2">
-										{#each langs as [label, lang]}
-											{@const isPicked = script.language == lang && template == 'script'}
+										{#each langs as [label, lang] (lang)}
+											{@const isPicked =
+												(lang == script.language && template == 'script') ||
+												(template == 'docker' && lang == 'docker')}
 											<Popover
 												disablePopup={!enterpriseLangs.includes(lang) || !!$enterpriseLicense}
 											>
@@ -425,9 +485,33 @@ let selectedTab = 'metadata';
 														? '!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
+														if (lang == 'docker') {
+															if (isCloudHosted()) {
+																sendUserToast(
+																	'You cannot use Docker scripts on the multi-tenant platform. Use a dedicated instance or self-host windmill instead.',
+																	true,
+																	[
+																		{
+																			label: 'Learn more',
+																			callback: () => {
+																				window.open(
+																					'https://www.windmill.dev/docs/advanced/docker',
+																					'_blank'
+																				)
+																			}
+																		}
+																	]
+																)
+																return
+															}
+															template = 'docker'
+														} else {
+															template = 'script'
+														}
+														let language = lang == 'docker' ? Script.language.BASH : lang
+														//
+														initContent(language, script.kind, template)
+														script.language = language
 													}}
 													disabled={lockedLanguage ||
 														(enterpriseLangs.includes(lang) && !$enterpriseLicense)}
@@ -440,40 +524,6 @@ let selectedTab = 'metadata';
 												>
 											</Popover>
 										{/each}
-										<Button
-											size="sm"
-											variant="border"
-											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()) {
-													sendUserToast(
-														'You cannot use Docker scripts on the multi-tenant platform. Use a dedicated instance or self-host windmill instead.',
-														true,
-														[
-															{
-																label: 'Learn more',
-																callback: () => {
-																	window.open(
-																		'https://www.windmill.dev/docs/advanced/docker',
-																		'_blank'
-																	)
-																}
-															}
-														]
-													)
-													return
-												}
-												template = 'docker'
-												initContent(Script.language.BASH, script.kind, template)
-												script.language = Script.language.BASH
-											}}
-										>
-											<LanguageIcon lang="docker" /><span class="ml-2 py-2">Docker</span>
-										</Button>
 									</div>
 								</Section>
 
@@ -541,8 +591,13 @@ let selectedTab = 'metadata';
 												type="text"
 												autofocus
 												bind:value={script.concurrency_key}
-												placeholder={`$workspace/script/${script.path}`}
+												placeholder={`$workspace/script/${script.path}-$args[foo]`}
 											/>
+											<Tooltip
+												>Concurrency keys are global, you can have them be workspace specific using
+												the variable `$workspace`. You can also use an argument's value using
+												`$args[name_of_arg]`</Tooltip
+											>
 										</Label>
 									</div>
 								</Section>
@@ -750,7 +805,7 @@ let selectedTab = 'metadata';
 									<Section label="Custom env variables">
 										<svelte:fragment slot="header">
 											<Tooltip
-												documentationLink="https://www.windmill.dev/docs/reference#custom-environment-variables"
+												documentationLink="https://www.windmill.dev/docs/script_editor/custom_environment_variables"
 											>
 												Additional static custom env variables to pass to the script.
 											</Tooltip>
@@ -808,6 +863,9 @@ let selectedTab = 'metadata';
 							<div class="mt-4" />
 							<ScriptSchema bind:schema={script.schema} />
 						</TabContent>
+						<TabContent value="schedule">
+							<ScriptSchedules {initialPath} schema={script.schema} schedule={scheduleStore} />
+						</TabContent>
 					</div>
 				</svelte:fragment>
 			</Tabs>
@@ -838,6 +896,21 @@ let selectedTab = 'metadata';
 				</div>
 
 				<div class="gap-4 flex">
+					{#if $scheduleStore.enabled}
+						<Button
+							btnClasses="hidden lg:inline-flex"
+							startIcon={{ icon: Calendar }}
+							variant="contained"
+							color="light"
+							size="xs"
+							on:click={async () => {
+								metadataOpen = true
+								selectedTab = 'schedule'
+							}}
+						>
+							{$scheduleStore.cron ?? ''}
+						</Button>
+					{/if}
 					<div class="flex justify-start w-full border rounded-md overflow-hidden">
 						<div>
 							<button
@@ -911,11 +984,11 @@ let selectedTab = 'metadata';
 						startIcon={{ icon: Save }}
 						on:click={() => saveDraft()}
 						disabled={initialPath != '' && !savedScript}
+						shortCut={{
+							key: 'S'
+						}}
 					>
-						<span class="hidden lg:flex">
-							Draft&nbsp;<Kbd small isModifier>{getModifierKey()}</Kbd>
-						</span>
-						<Kbd small>S</Kbd>
+						<span class="hidden lg:flex"> Draft </span>
 					</Button>
 					<Button
 						loading={loadingSave}

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

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