windmill-components 1.448.50 → 1.472.2

package/package/components/SchemaForm.svelte

@@ -10,7 +10,6 @@ import { getResourceTypes } from './resourceTypesStore';
 import { Plus } from 'lucide-svelte';
 import ArgInput from './ArgInput.svelte';
 import { createEventDispatcher } from 'svelte';
-import LightweightArgInput from './LightweightArgInput.svelte';
 import { deepEqual } from 'fast-equals';
 import { dragHandleZone } from '@windmill-labs/svelte-dnd-action';
 export let schema;
@@ -21,6 +20,7 @@ export let disabledArgs = [];
 export let disabled = false;
 export let isValid = true;
 export let autofocus = false;
+export let defaultValues = {};
 export let shouldHideNoInputs = false;
 export let compact = false;
 export let linkedSecret = undefined;
@@ -33,7 +33,6 @@ export let disablePortal = false;
 export let showSchemaExplorer = false;
 export let showReset = false;
 export let onlyMaskPassword = false;
-export let lightweightMode = false;
 export let dndConfig = undefined;
 export let items = undefined;
 export let helperScript = undefined;
@@ -42,13 +41,20 @@ export let diff = {};
 export let nestedParent = undefined;
 export let shouldDispatchChanges = false;
 export let nestedClasses = '';
+export let dynamicEnums = {};
+export let largeGap = false;
+export let css = undefined;
+export let displayType = true;
+export let appPath = undefined;
+export let computeS3ForceViewerPolicies = undefined;
+export let workspace = undefined;
 const dispatch = createEventDispatcher();
 let inputCheck = {};
 $: if (args == undefined || typeof args !== 'object') {
     args = {};
 }
 export function setDefaults() {
-    const nargs = {};
+    const nargs = structuredClone(defaultValues);
     Object.keys(schema?.properties ?? {}).forEach((key) => {
         if (schema?.properties[key].default != undefined && args[key] == undefined) {
             let value = schema?.properties[key].default;
@@ -159,204 +165,165 @@ $: isValid = allTrue(inputCheck ?? {});
 				{#if !schemaSkippedValues.includes(argName) && keys.includes(argName)}
 					{#if typeof diff[argName] === 'object' && diff[argName].oldSchema}
 						{@const formerProperty = diff[argName].oldSchema}
-						<ArgInput
-							{disablePortal}
-							{resourceTypes}
-							{prettifyHeader}
-							autofocus={i == 0 && autofocus ? true : null}
-							label={argName}
-							description={formerProperty?.description}
-							value={args[argName]}
-							type={formerProperty?.type}
-							oneOf={formerProperty?.oneOf}
-							required={formerProperty?.required}
-							pattern={formerProperty?.pattern}
-							valid={inputCheck[argName]}
-							defaultValue={structuredClone(formerProperty?.default)}
-							enum_={formerProperty?.enum}
-							format={formerProperty?.format}
-							contentEncoding={formerProperty?.contentEncoding}
-							customErrorMessage={formerProperty?.customErrorMessage}
-							properties={formerProperty?.properties}
-							order={formerProperty?.order}
-							nestedRequired={formerProperty?.required}
-							itemsType={formerProperty?.items}
-							disabled={disabledArgs.includes(argName) || disabled || formerProperty?.disabled}
-							{compact}
-							{variableEditor}
-							{itemPicker}
-							{pickForField}
-							password={linkedSecret == argName}
-							extra={formerProperty}
-							{showSchemaExplorer}
-							simpleTooltip={schemaFieldTooltip[argName]}
-							{onlyMaskPassword}
-							nullable={formerProperty?.nullable}
-							title={formerProperty?.title}
-							placeholder={formerProperty?.placeholder}
-							orderEditable={dndConfig != undefined}
-							otherArgs={args}
-							{helperScript}
-							{lightHeader}
-							hideNested={typeof diff[argName].diff === 'object'}
-							diffStatus={undefined}
-						/>
+						<div class="px-2">
+							<ArgInput
+								{disablePortal}
+								{resourceTypes}
+								{prettifyHeader}
+								autofocus={i == 0 && autofocus ? true : null}
+								label={argName}
+								description={formerProperty?.description}
+								value={args[argName]}
+								type={formerProperty?.type}
+								oneOf={formerProperty?.oneOf}
+								required={formerProperty?.required}
+								pattern={formerProperty?.pattern}
+								valid={inputCheck[argName]}
+								defaultValue={defaultValues?.[argName] ?? structuredClone(formerProperty?.default)}
+								enum_={dynamicEnums?.[argName] ?? formerProperty?.enum}
+								format={formerProperty?.format}
+								contentEncoding={formerProperty?.contentEncoding}
+								customErrorMessage={formerProperty?.customErrorMessage}
+								properties={formerProperty?.properties}
+								order={formerProperty?.order}
+								nestedRequired={formerProperty?.required}
+								itemsType={formerProperty?.items}
+								disabled={disabledArgs.includes(argName) || disabled || formerProperty?.disabled}
+								{compact}
+								{variableEditor}
+								{itemPicker}
+								{pickForField}
+								password={linkedSecret == argName}
+								extra={formerProperty}
+								{showSchemaExplorer}
+								simpleTooltip={schemaFieldTooltip[argName]}
+								{onlyMaskPassword}
+								nullable={formerProperty?.nullable}
+								title={formerProperty?.title}
+								placeholder={formerProperty?.placeholder}
+								orderEditable={dndConfig != undefined}
+								otherArgs={args}
+								{helperScript}
+								{lightHeader}
+								hideNested={typeof diff[argName].diff === 'object'}
+								diffStatus={undefined}
+								{appPath}
+								{computeS3ForceViewerPolicies}
+								{workspace}
+								{css}
+								{displayType}
+							/>
+						</div>
 					{/if}
 					<!-- svelte-ignore a11y-no-static-element-interactions -->
 					<div
-						class="flex flex-row items-center"
+						class="flex flex-row items-center {largeGap ? 'pb-4' : ''} "
 						on:click={() => {
 							dispatch('click', argName)
 						}}
 					>
-						{#if typeof args == 'object' && schema?.properties[argName]}
+						{#if args && typeof args == 'object' && schema?.properties[argName]}
+							<!-- {argName}
+							{args == undefined}
+							{JSON.stringify(args?.[argName])} -->
 							{#if !hidden[argName]}
-								{#if lightweightMode}
-									<LightweightArgInput
-										label={argName}
-										description={schema.properties[argName].description}
-										bind:value={args[argName]}
-										type={schema.properties[argName].type}
-										oneOf={schema.properties[argName].oneOf}
-										required={schema?.required?.includes(argName)}
-										pattern={schema.properties[argName].pattern}
-										bind:valid={inputCheck[argName]}
-										defaultValue={structuredClone(schema.properties[argName].default)}
-										enum_={schema.properties[argName].enum}
-										format={schema.properties[argName].format}
-										contentEncoding={schema.properties[argName].contentEncoding}
-										customErrorMessage={schema.properties[argName].customErrorMessage}
-										bind:properties={schema.properties[argName].properties}
-										nestedRequired={schema.properties[argName]?.required}
-										itemsType={schema.properties[argName].items}
-										extra={schema.properties[argName]}
-										title={schema.properties[argName].title}
-										placeholder={schema.properties[argName].placeholder}
-										disabled={disabledArgs.includes(argName) ||
-											disabled ||
-											schema.properties[argName].disabled}
-									>
-										<svelte:fragment slot="actions">
-											<slot name="actions" />
-											{#if linkedSecretCandidates?.includes(argName)}
-												<div>
-													<ToggleButtonGroup
-														selected={linkedSecret == argName}
-														on:selected={(e) => {
-															if (e.detail) {
-																linkedSecret = argName
-															} else if (linkedSecret == argName) {
-																linkedSecret = undefined
-															}
-														}}
-													>
-														<ToggleButton
-															value={false}
-															size="sm"
-															label="Inlined"
-															tooltip="The value is inlined in the resource and thus has no special treatment."
-														/>
-														<ToggleButton
-															position="right"
-															value={true}
-															size="sm"
-															label="Secret"
-															tooltip="The value will be stored in a newly created linked secret variable at the same path. That variable can be permissioned differently, will be treated as a secret the UI, operators will not be able to load it and every access will generate a corresponding audit log."
-														/>
-													</ToggleButtonGroup>
-												</div>{/if}
-										</svelte:fragment>
-									</LightweightArgInput>
-								{:else}
-									<ArgInput
-										on:change={() => {
-											dispatch('change')
-										}}
-										on:nestedChange={() => {
-											dispatch('nestedChange')
-										}}
-										on:acceptChange={(e) => dispatch('acceptChange', e.detail)}
-										on:rejectChange={(e) => dispatch('rejectChange', e.detail)}
-										{disablePortal}
-										{resourceTypes}
-										{prettifyHeader}
-										autofocus={i == 0 && autofocus ? true : null}
-										label={argName}
-										description={schema.properties[argName].description}
-										bind:value={args[argName]}
-										type={schema.properties[argName].type}
-										oneOf={schema.properties[argName].oneOf}
-										required={schema?.required?.includes(argName)}
-										pattern={schema.properties[argName].pattern}
-										bind:valid={inputCheck[argName]}
-										defaultValue={structuredClone(schema.properties[argName].default)}
-										enum_={schema.properties[argName].enum}
-										format={schema.properties[argName].format}
-										contentEncoding={schema.properties[argName].contentEncoding}
-										customErrorMessage={schema.properties[argName].customErrorMessage}
-										bind:properties={schema.properties[argName].properties}
-										bind:order={schema.properties[argName].order}
-										nestedRequired={schema.properties[argName]?.required}
-										itemsType={schema.properties[argName].items}
-										disabled={disabledArgs.includes(argName) ||
-											disabled ||
-											schema.properties[argName].disabled}
-										{compact}
-										{variableEditor}
-										{itemPicker}
-										bind:pickForField
-										password={linkedSecret == argName}
-										extra={schema.properties[argName]}
-										{showSchemaExplorer}
-										simpleTooltip={schemaFieldTooltip[argName]}
-										{onlyMaskPassword}
-										nullable={schema.properties[argName].nullable}
-										title={schema.properties[argName].title}
-										placeholder={schema.properties[argName].placeholder}
-										orderEditable={dndConfig != undefined}
-										otherArgs={args}
-										{helperScript}
-										{lightHeader}
-										diffStatus={diff[argName] ?? undefined}
-										{nestedParent}
-										{shouldDispatchChanges}
-										{nestedClasses}
+								<ArgInput
+									on:change={() => {
+										dispatch('change')
+									}}
+									on:nestedChange={() => {
+										dispatch('nestedChange')
+									}}
+									on:acceptChange={(e) => dispatch('acceptChange', e.detail)}
+									on:rejectChange={(e) => dispatch('rejectChange', e.detail)}
+									{disablePortal}
+									{resourceTypes}
+									{prettifyHeader}
+									autofocus={i == 0 && autofocus ? true : null}
+									label={argName}
+									description={schema.properties[argName].description}
+									bind:value={args[argName]}
+									type={schema.properties[argName].type}
+									oneOf={schema.properties[argName].oneOf}
+									required={schema?.required?.includes(argName)}
+									pattern={schema.properties[argName].pattern}
+									bind:valid={inputCheck[argName]}
+									defaultValue={defaultValues?.[argName] ??
+										structuredClone(schema.properties[argName].default)}
+									enum_={dynamicEnums?.[argName] ?? schema.properties[argName].enum}
+									format={schema.properties[argName].format}
+									contentEncoding={schema.properties[argName].contentEncoding}
+									customErrorMessage={schema.properties[argName].customErrorMessage}
+									bind:properties={schema.properties[argName].properties}
+									bind:order={schema.properties[argName].order}
+									nestedRequired={schema.properties[argName]?.required}
+									itemsType={schema.properties[argName].items}
+									disabled={disabledArgs.includes(argName) ||
+										disabled ||
+										schema.properties[argName].disabled}
+									{compact}
+									{variableEditor}
+									{itemPicker}
+									bind:pickForField
+									password={linkedSecret == argName}
+									extra={schema.properties[argName]}
+									{showSchemaExplorer}
+									simpleTooltip={schemaFieldTooltip[argName]}
+									{onlyMaskPassword}
+									nullable={schema.properties[argName].nullable}
+									title={schema.properties[argName].title}
+									placeholder={schema.properties[argName].placeholder}
+									orderEditable={dndConfig != undefined}
+									otherArgs={args}
+									{helperScript}
+									{lightHeader}
+									diffStatus={diff[argName] ?? undefined}
+									{nestedParent}
+									{shouldDispatchChanges}
+									{nestedClasses}
+									{appPath}
+									{computeS3ForceViewerPolicies}
+									{workspace}
+									{css}
+									{displayType}
+								>
+									<svelte:fragment slot="actions">
+										<slot name="actions" />
+										{#if linkedSecretCandidates?.includes(argName)}
+											<div>
+												<ToggleButtonGroup
+													selected={linkedSecret == argName ? 'secret' : 'inlined'}
+													on:selected={(e) => {
+														if (e.detail === 'secret') {
+															linkedSecret = argName
+														} else if (linkedSecret == argName) {
+															linkedSecret = undefined
+														}
+													}}
+													let:item
+												>
+													<ToggleButton
+														value="inlined"
+														size="sm"
+														label="Inlined"
+														tooltip="The value is inlined in the resource and thus has no special treatment."
+														{item}
+													/>
+													<ToggleButton
+														position="right"
+														value="secret"
+														size="sm"
+														label="Secret"
+														tooltip="The value will be stored in a newly created linked secret variable at the same path. That variable can be permissioned differently, will be treated as a secret the UI, operators will not be able to load it and every access will generate a corresponding audit log."
+														{item}
+													/>
+												</ToggleButtonGroup>
+											</div>{/if}</svelte:fragment
 									>
-										<svelte:fragment slot="actions">
-											<slot name="actions" />
-											{#if linkedSecretCandidates?.includes(argName)}
-												<div>
-													<ToggleButtonGroup
-														selected={linkedSecret == argName}
-														on:selected={(e) => {
-															if (e.detail) {
-																linkedSecret = argName
-															} else if (linkedSecret == argName) {
-																linkedSecret = undefined
-															}
-														}}
-													>
-														<ToggleButton
-															value={false}
-															size="sm"
-															label="Inlined"
-															tooltip="The value is inlined in the resource and thus has no special treatment."
-														/>
-														<ToggleButton
-															position="right"
-															value={true}
-															size="sm"
-															label="Secret"
-															tooltip="The value will be stored in a newly created linked secret variable at the same path. That variable can be permissioned differently, will be treated as a secret the UI, operators will not be able to load it and every access will generate a corresponding audit log."
-														/>
-													</ToggleButtonGroup>
-												</div>{/if}</svelte:fragment
-										>
-									</ArgInput>
-								{/if}
-								<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
-								<!-- svelte-ignore a11y-no-static-element-interactions -->
+								</ArgInput>
 							{/if}
+							<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
+							<!-- svelte-ignore a11y-no-static-element-interactions -->
 						{/if}
 					</div>
 				{/if}

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

@@ -3,6 +3,7 @@ import type { Schema } from '../common';
 import { type Script } from '../gen';
 import { type Options as DndOptions } from '@windmill-labs/svelte-dnd-action';
 import type { SchemaDiff } from './schema/schemaUtils';
+import type { ComponentCustomCSS } from './apps/types';
 declare const __propDef: {
     props: {
         [x: string]: any;
@@ -14,6 +15,7 @@ declare const __propDef: {
         disabled?: boolean | undefined;
         isValid?: boolean | undefined;
         autofocus?: boolean | undefined;
+        defaultValues?: Record<string, any> | undefined;
         shouldHideNoInputs?: boolean | undefined;
         compact?: boolean | undefined;
         linkedSecret?: string | undefined;
@@ -26,7 +28,6 @@ declare const __propDef: {
         showSchemaExplorer?: boolean | undefined;
         showReset?: boolean | undefined;
         onlyMaskPassword?: boolean | undefined;
-        lightweightMode?: boolean | undefined;
         dndConfig?: DndOptions | undefined;
         items?: {
             id: string;
@@ -49,11 +50,23 @@ declare const __propDef: {
         } | undefined;
         shouldDispatchChanges?: boolean | undefined;
         nestedClasses?: string | undefined;
+        dynamicEnums?: Record<string, any> | undefined;
+        largeGap?: boolean | undefined;
+        css?: ComponentCustomCSS<'schemaformcomponent'> | undefined;
+        displayType?: boolean | undefined;
+        appPath?: string | undefined;
+        computeS3ForceViewerPolicies?: (() => {
+            allowed_resources: string[];
+            allow_user_resources: boolean;
+            allow_workspace_resource: boolean;
+            file_key_regex: string;
+        } | undefined) | undefined;
+        workspace?: string | undefined;
         setDefaults?: (() => void) | undefined;
     };
     events: {
-        finalize: Event | ClipboardEvent | CompositionEvent | UIEvent | FocusEvent | InputEvent | SubmitEvent | FormDataEvent | KeyboardEvent | MouseEvent | DragEvent | TouchEvent | PointerEvent | WheelEvent | AnimationEvent | TransitionEvent | ErrorEvent | ProgressEvent<EventTarget> | SecurityPolicyViolationEvent;
-        consider: Event | ClipboardEvent | CompositionEvent | UIEvent | FocusEvent | InputEvent | SubmitEvent | FormDataEvent | KeyboardEvent | MouseEvent | DragEvent | TouchEvent | PointerEvent | WheelEvent | AnimationEvent | TransitionEvent | ErrorEvent | ProgressEvent<EventTarget> | SecurityPolicyViolationEvent;
+        finalize: Event | MouseEvent | UIEvent | ErrorEvent | ProgressEvent<EventTarget> | SubmitEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ClipboardEvent | DragEvent | FormDataEvent | PointerEvent | KeyboardEvent | SecurityPolicyViolationEvent | TouchEvent | TransitionEvent | WheelEvent;
+        consider: Event | MouseEvent | UIEvent | ErrorEvent | ProgressEvent<EventTarget> | SubmitEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ClipboardEvent | DragEvent | FormDataEvent | PointerEvent | KeyboardEvent | SecurityPolicyViolationEvent | TouchEvent | TransitionEvent | WheelEvent;
         click: CustomEvent<any>;
         change: CustomEvent<any>;
         nestedChange: CustomEvent<any>;

package/package/components/SchemaFormWithArgPicker.svelte

@@ -0,0 +1,166 @@
+<script>import { Pane, Splitpanes } from 'svelte-splitpanes';
+import FlowInputEditor from './flows/content/FlowInputEditor.svelte';
+import HistoricInputs from './HistoricInputs.svelte';
+import SideBarTab from './meltComponents/SideBarTab.svelte';
+import { History, Save } from 'lucide-svelte';
+import CaptureIcon from './triggers/CaptureIcon.svelte';
+import CaptureButton from './triggers/CaptureButton.svelte';
+import SavedInputsPicker from './SavedInputsPicker.svelte';
+import { createEventDispatcher } from 'svelte';
+import CaptureTable from './triggers/CaptureTable.svelte';
+import RefreshButton from './common/button/RefreshButton.svelte';
+export let runnableId = '';
+export let runnableType;
+export let previewArgs;
+export let isValid = true;
+export let jsonView = false;
+const dispatch = createEventDispatcher();
+export function refreshHistory() {
+    historicInputs?.refresh();
+}
+export function resetSelected() {
+    historicInputs?.resetSelected(true);
+    savedInputsPicker?.resetSelected(true);
+    captureTable?.resetSelected(true);
+}
+const getDropdownItems = () => {
+    return [
+        {
+            label: 'History',
+            onClick: () => {
+                if (selectedTab === 'history') {
+                    selectedTab = undefined;
+                    rightPanelOpen = false;
+                }
+                else {
+                    selectedTab = 'history';
+                    rightPanelOpen = true;
+                }
+            },
+            icon: History,
+            selected: selectedTab === 'history'
+        },
+        {
+            label: 'Saved inputs',
+            onClick: () => {
+                if (selectedTab === 'saved_inputs') {
+                    selectedTab = undefined;
+                    rightPanelOpen = false;
+                }
+                else {
+                    selectedTab = 'saved_inputs';
+                    rightPanelOpen = true;
+                }
+            },
+            icon: Save,
+            selected: selectedTab === 'saved_inputs'
+        },
+        {
+            label: 'Trigger captures',
+            onClick: () => {
+                if (selectedTab === 'captures') {
+                    selectedTab = undefined;
+                    rightPanelOpen = false;
+                }
+                else {
+                    selectedTab = 'captures';
+                    rightPanelOpen = true;
+                }
+            },
+            icon: CaptureIcon,
+            selected: selectedTab === 'captures'
+        }
+    ];
+};
+let rightHeight = 0;
+let selectedTab = undefined;
+let dropdownItems;
+let rightPanelOpen = false;
+let savedInputsPicker = undefined;
+let loading = false;
+let captureTable = undefined;
+let historicInputs = undefined;
+$: selectedTab, (dropdownItems = getDropdownItems());
+let inputPanelSize = 70;
+</script>
+
+<div class="h-fit">
+	<div class="relative z-[100000] w-full">
+		<div class="absolute" style="right: calc({100 - inputPanelSize}%); top: -1px;">
+			<SideBarTab expandRight={rightPanelOpen} {dropdownItems} fullMenu={true} noTrigger={true} />
+		</div>
+	</div>
+	<Splitpanes class={!rightPanelOpen ? 'splitter-hidden' : ''}>
+		<Pane bind:size={inputPanelSize} class="!overflow-visible" minSize={30}>
+			<div class="relative w-full h-fit pr-12 pb-4" bind:clientHeight={rightHeight}>
+				<slot />
+			</div>
+		</Pane>
+
+		<Pane minSize={rightPanelOpen ? 30 : 0}>
+			{#if rightPanelOpen}
+				<div style="height: {rightHeight}px" class="border-t border-r pb-2">
+					{#if selectedTab === 'history'}
+						<FlowInputEditor title="History">
+							<svelete:fragment slot="action">
+								<div class="center-center">
+									<RefreshButton {loading} on:click={() => historicInputs?.refresh()} />
+								</div>
+							</svelete:fragment>
+							<HistoricInputs
+								bind:loading
+								bind:this={historicInputs}
+								{runnableId}
+								{runnableType}
+								on:select={(e) => {
+									dispatch('select', { payload: e.detail?.args, type: 'history' })
+								}}
+							/>
+						</FlowInputEditor>
+					{:else if selectedTab === 'saved_inputs'}
+						<FlowInputEditor title="Saved inputs">
+							<SavedInputsPicker
+								{isValid}
+								{runnableId}
+								{runnableType}
+								{previewArgs}
+								bind:this={savedInputsPicker}
+								on:select={(e) => {
+									dispatch('select', { payload: e.detail, type: 'saved' })
+								}}
+								{jsonView}
+							/>
+						</FlowInputEditor>
+					{:else if selectedTab === 'captures'}
+						<FlowInputEditor title="Trigger captures">
+							<svelete:fragment slot="action">
+								<div class="center-center">
+									<CaptureButton on:openTriggers small={true} />
+								</div>
+							</svelete:fragment>
+							<div class="h-full">
+								<CaptureTable
+									path={runnableId}
+									on:select={(e) => {
+										dispatch('select', { payload: e.detail, type: 'captures' })
+									}}
+									bind:this={captureTable}
+									isFlow={true}
+									headless={true}
+									addButton={false}
+								/>
+							</div>
+						</FlowInputEditor>
+					{/if}
+				</div>
+			{/if}
+		</Pane>
+	</Splitpanes>
+</div>
+
+<style>
+	:global(.splitter-hidden .splitpanes__splitter) {
+		background-color: transparent !important;
+		border: none !important;
+		opacity: 0 !important;
+	}</style>

package/package/components/SchemaFormWithArgPicker.svelte.d.ts

@@ -0,0 +1,29 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        runnableId?: string | undefined;
+        runnableType: any;
+        previewArgs: any;
+        isValid?: boolean | undefined;
+        jsonView?: boolean | undefined;
+        refreshHistory?: (() => void) | undefined;
+        resetSelected?: (() => void) | undefined;
+    };
+    events: {
+        openTriggers: CustomEvent<any>;
+        select: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type SchemaFormWithArgPickerProps = typeof __propDef.props;
+export type SchemaFormWithArgPickerEvents = typeof __propDef.events;
+export type SchemaFormWithArgPickerSlots = typeof __propDef.slots;
+export default class SchemaFormWithArgPicker extends SvelteComponent<SchemaFormWithArgPickerProps, SchemaFormWithArgPickerEvents, SchemaFormWithArgPickerSlots> {
+    get refreshHistory(): () => void;
+    get resetSelected(): () => void;
+}
+export {};