windmill-components 1.309.7 → 1.339.2

package/package/components/ScheduleEditorInner.svelte

@@ -15,7 +15,7 @@ import { enterpriseLicense, userStore, workspaceStore } from '../stores';
 import { canWrite, emptyString, formatCron, sendUserToast } from '../utils';
 import { createEventDispatcher } from 'svelte';
 import Section from './Section.svelte';
-import { List, Save } from 'lucide-svelte';
+import { List, Loader2, Save } from 'lucide-svelte';
 import FlowRetries from './flows/content/FlowRetries.svelte';
 import WorkerTagPicker from './WorkerTagPicker.svelte';
 let optionTabSelected = 'error_handler';
@@ -44,6 +44,7 @@ let script_path = '';
 let initialScriptPath = '';
 let runnable;
 let args = {};
+let loading = false;
 export function openEdit(ePath, isFlow) {
     is_flow = isFlow;
     initialPath = ePath;
@@ -61,6 +62,7 @@ export async function openNew(nis_flow, initial_script_path) {
     args = {};
     runnable = undefined;
     is_flow = nis_flow;
+    schedule = '0 0 12 * *';
     let defaultErrorHandlerMaybe = undefined;
     let defaultRecoveryHandlerMaybe = undefined;
     if ($workspaceStore) {
@@ -97,7 +99,9 @@ export async function openNew(nis_flow, initial_script_path) {
         errorHandleritemKind = 'script';
         errorHandlerExtraArgs = {};
         errorHandlerCustomInitialPath = undefined;
-        errorHandlerSelected = $enterpriseLicense ? 'slack' : 'custom';
+        errorHandlerSelected = 'slack';
+        failedTimes = 1;
+        failedExact = false;
     }
     if (defaultRecoveryHandlerMaybe !== undefined && defaultRecoveryHandlerMaybe !== null) {
         let splitted = defaultRecoveryHandlerMaybe['recoveryHandlerPath'].split('/');
@@ -113,7 +117,8 @@ export async function openNew(nis_flow, initial_script_path) {
         recoveryHandlerItemKind = 'script';
         recoveryHandlerExtraArgs = {};
         recoveryHandlerCustomInitialPath = undefined;
-        recoveryHandlerSelected = $enterpriseLicense ? 'slack' : 'custom';
+        recoveryHandlerSelected = 'slack';
+        recoveredTimes = 1;
     }
     timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
     drawer?.openDrawer();
@@ -209,6 +214,7 @@ async function saveAsDefaultRecoveryHandler(overrideExisting) {
 }
 let can_write = true;
 async function loadSchedule() {
+    loading = true;
     try {
         const s = await ScheduleService.getSchedule({
             workspace: $workspaceStore,
@@ -237,6 +243,11 @@ async function loadSchedule() {
         else {
             errorHandlerPath = undefined;
             errorHandleritemKind = 'script';
+            errorHandlerCustomInitialPath = undefined;
+            errorHandlerExtraArgs = {};
+            failedExact = false;
+            failedTimes = 1;
+            errorHandlerSelected = 'slack';
         }
         if (s.on_recovery) {
             let splitted = s.on_recovery.split('/');
@@ -252,6 +263,10 @@ async function loadSchedule() {
         else {
             recoveryHandlerPath = undefined;
             recoveryHandlerItemKind = 'script';
+            recoveryHandlerCustomInitialPath = undefined;
+            recoveredTimes = 1;
+            recoveryHandlerSelected = 'slack';
+            recoveryHandlerExtraArgs = {};
         }
         args = s.args ?? {};
         can_write = canWrite(s.path, s.extra_perms, $userStore);
@@ -260,6 +275,7 @@ async function loadSchedule() {
     catch (err) {
         sendUserToast(`Could not load schedule: ${err}`, true);
     }
+    loading = false;
 }
 async function scheduleScript() {
     if (errorHandlerPath !== undefined && isSlackHandler('error', errorHandlerPath)) {
@@ -445,7 +461,7 @@ let dirtyPath = false;
 							readonly
 							value={path}
 							size={path?.length || 50}
-							class="font-mono !text-xs max-w-[calc(100%-70px)] !w-auto !h-[24px] !py-0 !border-l-0 !rounded-l-none"
+							class="font-mono !text-xs grow shrink overflow-x-auto !h-[24px] !py-0 !border-l-0 !rounded-l-none"
 							on:focus={({ currentTarget }) => {
 								currentTarget.select()
 							}}
@@ -478,7 +494,7 @@ let dirtyPath = false;
 						}}
 					/>
 				{:else}
-					<Alert type="info" title="Runnable path cannot be edited">
+					<Alert type="info" title="Runnable path cannot be edited" collapsible>
 						Once a schedule is created, the runnable path cannot be changed. However, when renaming
 						a script or a flow, the runnable path will automatically update itself.
 					</Alert>
@@ -507,247 +523,258 @@ let dirtyPath = false;
 					</div>
 				{/if}
 				<div class="mt-6">
-					{#if runnable}
-						{#if runnable?.schema && runnable.schema.properties && Object.keys(runnable.schema.properties).length > 0}
-							<SchemaForm
-								showReset
-								disabled={!can_write}
-								schema={runnable.schema}
-								bind:isValid
-								bind:args
-							/>
+					{#if !loading}
+						{#if runnable}
+							{#if runnable?.schema && runnable.schema.properties && Object.keys(runnable.schema.properties).length > 0}
+								<SchemaForm
+									showReset
+									disabled={!can_write}
+									schema={runnable.schema}
+									bind:isValid
+									bind:args
+								/>
+							{:else}
+								<div class="text-xs texg-gray-700">
+									This {is_flow ? 'flow' : 'script'} takes no argument
+								</div>
+							{/if}
 						{:else}
-							<div class="text-xs texg-gray-700">
-								This {is_flow ? 'flow' : 'script'} takes no argument
+							<div class="text-xs texg-gray-700 my-2">
+								Pick a {is_flow ? 'flow' : 'script'} and fill its argument here
 							</div>
 						{/if}
 					{:else}
-						<div class="text-xs texg-gray-700 my-2">
-							Pick a {is_flow ? 'flow' : 'script'} and fill its argument here
-						</div>
+						<Loader2 class="animate-spin" />
 					{/if}
 				</div>
 			</Section>
 
 			<div class="flex flex-col gap-2">
-				<Tabs bind:selected={optionTabSelected}>
-					<Tab value="error_handler">Error Handler</Tab>
-					<Tab value="recovery_handler">Recovery Handler</Tab>
-					{#if itemKind === 'script'}
-						<Tab value="retries">Retries</Tab>
-						<Tab value="tag">Custom tag</Tab>
-					{/if}
-				</Tabs>
-				<div class="pt-0.5" />
-				{#if optionTabSelected === 'error_handler'}
-					<Section label="Error handler">
-						<svelte:fragment slot="header">
-							<div class="flex flex-row gap-2">
-								{#if !$enterpriseLicense}<span class="text-normal text-2xs">(ee only)</span>{/if}
-							</div>
-						</svelte:fragment>
-						<svelte:fragment slot="action">
-							<div class="flex flex-row items-center gap-2">
-								<Dropdown
-									items={[
-										{
-											displayName: `Future schedules only`,
-											action: () => saveAsDefaultErrorHandler(false)
-										},
-										{
-											displayName: 'Override all existing',
-											type: 'delete',
-											action: () => saveAsDefaultErrorHandler(true)
-										}
-									]}
-								>
-									<svelte:fragment>
-										<Save size={12} class="mr-1" />
-										Set as default
-									</svelte:fragment>
-								</Dropdown>
-							</div>
-						</svelte:fragment>
-						<div class="flex flex-row">
-							<Toggle
-								disabled={!can_write || !$enterpriseLicense}
-								bind:checked={wsErrorHandlerMuted}
-								options={{ right: 'Mute workspace error handler for this schedule' }}
-							/>
-						</div>
-						<ErrorOrRecoveryHandler
-							isEditable={can_write}
-							errorOrRecovery="error"
-							showScriptHelpText={true}
-							bind:handlerSelected={errorHandlerSelected}
-							bind:handlerPath={errorHandlerPath}
-							customInitialScriptPath={errorHandlerCustomInitialPath}
-							slackToggleText="Alert channel on error"
-							customScriptTemplate="/scripts/add?hub=hub%2F2420%2Fwindmill%2Fschedule_error_handler_template"
-							bind:customHandlerKind={errorHandleritemKind}
-							bind:handlerExtraArgs={errorHandlerExtraArgs}
-						>
-							<svelte:fragment slot="custom-tab-tooltip">
-								<Tooltip>
-									<div class="flex gap-20 items-start mt-3">
-										<div class="text-sm"
-											>The following args will be passed to the error handler:
-											<ul class="mt-1 ml-2">
-												<li><b>path</b>: The path of the script or flow that failed.</li>
-												<li><b>is_flow</b>: Whether the runnable is a flow.</li>
-												<li><b>schedule_path</b>: The path of the schedule.</li>
-												<li><b>error</b>: The error details.</li>
-												<li
-													><b>failed_times</b>: Minimum number of times the schedule failed before
-													calling the error handler.</li
-												>
-												<li><b>started_at</b>: The start datetime of the latest job that failed.</li
-												>
-											</ul>
-										</div>
-									</div>
-								</Tooltip>
+				{#if !loading}
+					<Tabs bind:selected={optionTabSelected}>
+						<Tab value="error_handler">Error Handler</Tab>
+						<Tab value="recovery_handler">Recovery Handler</Tab>
+						{#if itemKind === 'script'}
+							<Tab value="retries">Retries</Tab>
+							<Tab value="tag">Custom tag</Tab>
+						{/if}
+					</Tabs>
+					<div class="pt-0.5" />
+					{#if optionTabSelected === 'error_handler'}
+						<Section label="Error handler">
+							<svelte:fragment slot="header">
+								<div class="flex flex-row gap-2">
+									{#if !$enterpriseLicense}<span class="text-normal text-2xs">(ee only)</span>{/if}
+								</div>
 							</svelte:fragment>
-						</ErrorOrRecoveryHandler>
-
-						<div class="flex flex-row items-center justify-between">
-							<div class="flex flex-row items-center mt-4 font-semibold text-sm gap-2">
-								<p class={emptyString(errorHandlerPath) ? 'text-tertiary' : ''}>
-									Triggered when schedule failed</p
-								>
-								<select
-									class="!w-14"
-									bind:value={failedExact}
-									disabled={!$enterpriseLicense || emptyString(errorHandlerPath)}
-								>
-									<option value={false}>&gt;=</option>
-									<option value={true}>==</option>
-								</select>
-								<input
-									type="number"
-									class="!w-14 text-center {emptyString(errorHandlerPath) ? 'text-tertiary' : ''}"
-									bind:value={failedTimes}
-									disabled={!$enterpriseLicense}
-									min="1"
+							<svelte:fragment slot="action">
+								<div class="flex flex-row items-center gap-1 text-2xs text-tertiary">
+									defaults
+									<Dropdown
+										items={[
+											{
+												displayName: `Override future schedules only`,
+												action: () => saveAsDefaultErrorHandler(false)
+											},
+											{
+												displayName: 'Override all existing',
+												type: 'delete',
+												action: () => saveAsDefaultErrorHandler(true)
+											}
+										]}
+									>
+										<svelte:fragment>
+											<Save size={12} class="mr-1" />
+											Set as default
+										</svelte:fragment>
+									</Dropdown>
+								</div>
+							</svelte:fragment>
+							<div class="flex flex-row py-2">
+								<Toggle
+									size="xs"
+									disabled={!can_write || !$enterpriseLicense}
+									bind:checked={wsErrorHandlerMuted}
+									options={{ right: 'Mute workspace error handler for this schedule' }}
 								/>
-								<p class={emptyString(errorHandlerPath) ? 'text-tertiary' : ''}
-									>time{failedTimes > 1 ? 's in a row' : ''}</p
-								>
 							</div>
-						</div>
-					</Section>
-				{:else if optionTabSelected === 'recovery_handler'}
-					<Section label="Recovery handler">
-						<svelte:fragment slot="header">
-							<div class="flex flex-row gap-2">
-								{#if !$enterpriseLicense}<span class="text-normal text-2xs">(ee only)</span>{/if}
+
+							<ErrorOrRecoveryHandler
+								isEditable={can_write}
+								errorOrRecovery="error"
+								showScriptHelpText={true}
+								bind:handlerSelected={errorHandlerSelected}
+								bind:handlerPath={errorHandlerPath}
+								customInitialScriptPath={errorHandlerCustomInitialPath}
+								slackToggleText="Alert channel on error"
+								customScriptTemplate="/scripts/add?hub=hub%2F2420%2Fwindmill%2Fschedule_error_handler_template"
+								bind:customHandlerKind={errorHandleritemKind}
+								bind:handlerExtraArgs={errorHandlerExtraArgs}
+							>
+								<svelte:fragment slot="custom-tab-tooltip">
+									<Tooltip>
+										<div class="flex gap-20 items-start mt-3">
+											<div class="text-sm"
+												>The following args will be passed to the error handler:
+												<ul class="mt-1 ml-2">
+													<li><b>path</b>: The path of the script or flow that failed.</li>
+													<li><b>is_flow</b>: Whether the runnable is a flow.</li>
+													<li><b>schedule_path</b>: The path of the schedule.</li>
+													<li><b>error</b>: The error details.</li>
+													<li
+														><b>failed_times</b>: Minimum number of times the schedule failed before
+														calling the error handler.</li
+													>
+													<li
+														><b>started_at</b>: The start datetime of the latest job that failed.</li
+													>
+												</ul>
+											</div>
+										</div>
+									</Tooltip>
+								</svelte:fragment>
+							</ErrorOrRecoveryHandler>
+							<div class="flex flex-row items-center justify-between">
+								<div class="flex flex-row items-center mt-4 font-semibold text-sm gap-2">
+									<p class={emptyString(errorHandlerPath) ? 'text-tertiary' : ''}>
+										Triggered when schedule failed</p
+									>
+									<select
+										class="!w-14"
+										bind:value={failedExact}
+										disabled={!$enterpriseLicense || emptyString(errorHandlerPath)}
+									>
+										<option value={false}>&gt;=</option>
+										<option value={true}>==</option>
+									</select>
+									<input
+										type="number"
+										class="!w-14 text-center {emptyString(errorHandlerPath) ? 'text-tertiary' : ''}"
+										bind:value={failedTimes}
+										disabled={!$enterpriseLicense}
+										min="1"
+									/>
+									<p class={emptyString(errorHandlerPath) ? 'text-tertiary' : ''}
+										>time{failedTimes > 1 ? 's in a row' : ''}</p
+									>
+								</div>
 							</div>
-						</svelte:fragment>
-						<svelte:fragment slot="action">
-							<div class="flex flex-row items-center gap-2">
-								<Dropdown
-									items={[
-										{
-											displayName: `Future schedules only`,
-											action: () => saveAsDefaultRecoveryHandler(false)
-										},
-										{
-											displayName: 'Override all existing',
-											type: 'delete',
-											action: () => saveAsDefaultRecoveryHandler(true)
-										}
-									]}
+						</Section>
+					{:else if optionTabSelected === 'recovery_handler'}
+						<Section label="Recovery handler">
+							<svelte:fragment slot="header">
+								<div class="flex flex-row gap-2">
+									{#if !$enterpriseLicense}<span class="text-normal text-2xs">(ee only)</span>{/if}
+								</div>
+							</svelte:fragment>
+							<svelte:fragment slot="action">
+								<div class="flex flex-row items-center text-tertiary text-2xs gap-2">
+									defaults
+									<Dropdown
+										items={[
+											{
+												displayName: `Override future schedules only`,
+												action: () => saveAsDefaultRecoveryHandler(false)
+											},
+											{
+												displayName: 'Override all existing',
+												type: 'delete',
+												action: () => saveAsDefaultRecoveryHandler(true)
+											}
+										]}
+									>
+										<svelte:fragment>
+											<Save size={12} class="mr-1" />
+											Set as default
+										</svelte:fragment>
+									</Dropdown>
+								</div>
+							</svelte:fragment>
+							<ErrorOrRecoveryHandler
+								isEditable={can_write && !emptyString($enterpriseLicense)}
+								errorOrRecovery="recovery"
+								bind:handlerSelected={recoveryHandlerSelected}
+								bind:handlerPath={recoveryHandlerPath}
+								customInitialScriptPath={recoveryHandlerCustomInitialPath}
+								slackToggleText="Alert channel when error recovered"
+								customScriptTemplate="/scripts/add?hub=hub%2F2421%2Fwindmill%2Fschedule_recovery_handler_template"
+								bind:customHandlerKind={recoveryHandlerItemKind}
+								bind:handlerExtraArgs={recoveryHandlerExtraArgs}
+							>
+								<svelte:fragment slot="custom-tab-tooltip">
+									<Tooltip>
+										<div class="flex gap-20 items-start mt-3">
+											<div class=" text-sm"
+												>The following args will be passed to the recovery handler:
+												<ul class="mt-1 ml-2">
+													<li><b>path</b>: The path of the script or flow that recovered.</li>
+													<li><b>is_flow</b>: Whether the runnable is a flow.</li>
+													<li><b>schedule_path</b>: The path of the schedule.</li>
+													<li><b>error</b>: The error of the last job that errored</li>
+													<li
+														><b>error_started_at</b>: The start datetime of the last job that
+														errored</li
+													>
+													<li
+														><b>success_times</b>: The number of times the schedule succeeded before
+														calling the recovery handler.</li
+													>
+													<li><b>success_result</b>: The result of the latest successful job</li>
+													<li
+														><b>success_started_at</b>: The start datetime of the latest successful
+														job</li
+													>
+												</ul>
+											</div>
+										</div>
+									</Tooltip>
+								</svelte:fragment>
+							</ErrorOrRecoveryHandler>
+							<div class="flex flex-row items-center justify-between">
+								<div
+									class="flex flex-row items-center mt-5 font-semibold text-sm {emptyString(
+										recoveryHandlerPath
+									)
+										? 'text-tertiary'
+										: ''}"
 								>
-									<svelte:fragment>
-										<Save size={12} class="mr-1" />
-										Set as default
-									</svelte:fragment>
-								</Dropdown>
+									<p>Triggered when schedule recovered</p>
+									<input
+										type="number"
+										class="!w-14 mx-2 text-center"
+										bind:value={recoveredTimes}
+										min="1"
+									/>
+									<p>time{recoveredTimes > 1 ? 's in a row' : ''}</p>
+								</div>
 							</div>
-						</svelte:fragment>
-
-						<ErrorOrRecoveryHandler
-							isEditable={can_write && !emptyString($enterpriseLicense)}
-							errorOrRecovery="recovery"
-							bind:handlerSelected={recoveryHandlerSelected}
-							bind:handlerPath={recoveryHandlerPath}
-							customInitialScriptPath={recoveryHandlerCustomInitialPath}
-							slackToggleText="Alert channel when error recovered"
-							customScriptTemplate="/scripts/add?hub=hub%2F2421%2Fwindmill%2Fschedule_recovery_handler_template"
-							bind:customHandlerKind={recoveryHandlerItemKind}
-							bind:handlerExtraArgs={recoveryHandlerExtraArgs}
-						>
-							<svelte:fragment slot="custom-tab-tooltip">
+						</Section>
+					{:else if optionTabSelected === 'retries'}
+						<Section label="Retries">
+							<svelte:fragment slot="header">
+								<div class="flex flex-row gap-2">
+									{#if !$enterpriseLicense}<span class="text-normal text-2xs">(ee only)</span>{/if}
+								</div>
 								<Tooltip>
-									<div class="flex gap-20 items-start mt-3">
-										<div class=" text-sm"
-											>The following args will be passed to the recovery handler:
-											<ul class="mt-1 ml-2">
-												<li><b>path</b>: The path of the script or flow that recovered.</li>
-												<li><b>is_flow</b>: Whether the runnable is a flow.</li>
-												<li><b>schedule_path</b>: The path of the schedule.</li>
-												<li><b>error</b>: The error of the last job that errored</li>
-												<li
-													><b>error_started_at</b>: The start datetime of the last job that errored</li
-												>
-												<li
-													><b>success_times</b>: The number of times the schedule succeeded before
-													calling the recovery handler.</li
-												>
-												<li><b>success_result</b>: The result of the latest successful job</li>
-												<li
-													><b>success_started_at</b>: The start datetime of the latest successful
-													job</li
-												>
-											</ul>
-										</div>
-									</div>
+									If defined, upon error this schedule will be retried with a delay and a maximum
+									number of attempts as defined below.
+									<br />
+									This is only available for individual script. For flows, retries can be set on each
+									flow step in the flow editor.
 								</Tooltip>
 							</svelte:fragment>
-						</ErrorOrRecoveryHandler>
-
-						<div class="flex flex-row items-center justify-between">
-							<div
-								class="flex flex-row items-center mt-5 font-semibold text-sm {emptyString(
-									recoveryHandlerPath
-								)
-									? 'text-tertiary'
-									: ''}"
-							>
-								<p>Triggered when schedule recovered</p>
-								<input
-									type="number"
-									class="!w-14 mx-2 text-center"
-									bind:value={recoveredTimes}
-									min="1"
-								/>
-								<p>time{recoveredTimes > 1 ? 's in a row' : ''}</p>
-							</div>
-						</div>
-					</Section>
-				{:else if optionTabSelected === 'retries'}
-					<Section label="Retries">
-						<svelte:fragment slot="header">
-							<div class="flex flex-row gap-2">
-								{#if !$enterpriseLicense}<span class="text-normal text-2xs">(ee only)</span>{/if}
-							</div>
-							<Tooltip>
-								If defined, upon error this schedule will be retried with a delay and a maximum
-								number of attempts as defined below.
-								<br />
-								This is only available for individual script. For flows, retries can be set on each flow
-								step in the flow editor.
-							</Tooltip>
-						</svelte:fragment>
-						<FlowRetries bind:flowModuleRetry={retry} disabled={itemKind !== 'script'} />
-					</Section>
-				{:else if optionTabSelected === 'tag'}
-					<Section
-						label="Custom script tag"
-						tooltip="When set, the script tag will be overridden by this tag"
-					>
-						<WorkerTagPicker bind:tag popupPlacement="top-end" />
-					</Section>
+							<FlowRetries bind:flowModuleRetry={retry} disabled={itemKind !== 'script'} />
+						</Section>
+					{:else if optionTabSelected === 'tag'}
+						<Section
+							label="Custom script tag"
+							tooltip="When set, the script tag will be overridden by this tag"
+						>
+							<WorkerTagPicker bind:tag popupPlacement="top-end" />
+						</Section>
+					{/if}
+				{:else}
+					<Loader2 class="animate-spin" />
 				{/if}
 			</div>
 		</div>

package/package/components/SchemaEditor.svelte

@@ -12,6 +12,7 @@ import { flip } from 'svelte/animate';
 import Portal from 'svelte-portal';
 import { Plus } from 'lucide-svelte';
 export let isFlowInput = false;
+export let variableEditor = undefined;
 const dispatch = createEventDispatcher();
 export let lightMode = false;
 const moveAnimationDuration = 300;
@@ -270,9 +271,9 @@ function displayInfoKey(displayInfo) {
 	<!--json schema or table view-->
 	<div class="h-full">
 		{#if !viewJsonSchema}
-			<div class="h-full">
+			<div class="h-full overflow-auto">
 				{#if schema.properties && Object.keys(schema.properties).length > 0 && schema.required}
-					<TableCustom>
+					<TableCustom wFull>
 						<tr slot="header-row">
 							<th>Name</th>
 							<th>Type</th>
@@ -285,7 +286,7 @@ function displayInfoKey(displayInfo) {
 						<tbody slot="body">
 							{#key schema.required}
 								{#each schemaPropertiesToDisplay(schema) as displayInfo (displayInfoKey(displayInfo))}
-									<tr animate:flip={{ duration: moveAnimationDuration }}>
+									<tr class="w-full" animate:flip={{ duration: moveAnimationDuration }}>
 										<PropertyRow
 											{displayInfo}
 											{isAnimated}
@@ -340,5 +341,6 @@ function displayInfoKey(displayInfo) {
 		bind:editing
 		bind:oldArgName
 		propsNames={Object.keys(schema.properties ?? {})}
+		{variableEditor}
 	/>
 </Portal>

package/package/components/SchemaEditor.svelte.d.ts

@@ -1,8 +1,10 @@
 import { SvelteComponent } from "svelte";
 import { type Schema } from '../common';
+import type VariableEditor from './VariableEditor.svelte';
 declare const __propDef: {
     props: {
         isFlowInput?: boolean | undefined;
+        variableEditor?: VariableEditor | undefined;
         lightMode?: boolean | undefined;
         schema?: Schema | any;
         getSchema?: (() => Schema) | undefined;

package/package/components/SchemaForm.svelte

@@ -28,6 +28,7 @@ export let prettifyHeader = false;
 export let disablePortal = false;
 export let showSchemaExplorer = false;
 export let showReset = false;
+export let onlyMaskPassword = false;
 let clazz = '';
 export { clazz as class };
 let inputCheck = {};
@@ -134,6 +135,10 @@ function reorder() {
 								extra={schema.properties[argName]}
 								{showSchemaExplorer}
 								simpleTooltip={schemaFieldTooltip[argName]}
+								{onlyMaskPassword}
+								nullable={schema.properties[argName].nullable}
+								title={schema.properties[argName].title}
+								placeholder={schema.properties[argName].placeholder}
 							>
 								<svelte:fragment slot="actions">
 									{#if linkedSecretCandidates?.includes(argName)}

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

@@ -21,6 +21,7 @@ declare const __propDef: {
         disablePortal?: boolean | undefined;
         showSchemaExplorer?: boolean | undefined;
         showReset?: boolean | undefined;
+        onlyMaskPassword?: boolean | undefined;
         class?: string | undefined;
         setDefaults?: (() => void) | undefined;
     };