windmill-components 1.473.0 → 1.493.2

package/package/components/SavedInputsPickerViewer.svelte.d.ts

@@ -0,0 +1,28 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const SavedInputsPickerViewer: $$__sveltets_2_IsomorphicComponent<{
+    payloadData: any;
+    limitPayloadSize?: boolean;
+    hover?: boolean;
+    viewerOpen?: boolean;
+    maxWidth?: number | undefined;
+    editOptions?: boolean;
+}, {
+    keydown: KeyboardEvent;
+    openChange: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type SavedInputsPickerViewer = InstanceType<typeof SavedInputsPickerViewer>;
+export default SavedInputsPickerViewer;

package/package/components/SavedInputsV2.svelte

@@ -1,18 +1,22 @@
-<script>import SavedInputsPicker from './SavedInputsPicker.svelte';
-import { createEventDispatcher } from 'svelte';
+<script lang="ts">import SavedInputsPicker from './SavedInputsPicker.svelte';
+import { createEventDispatcher, tick } from 'svelte';
 import HistoricInputs from './HistoricInputs.svelte';
 import {} from '../gen/types.gen.js';
 import { Pane, Splitpanes } from 'svelte-splitpanes';
 import Section from './Section.svelte';
 import SaveInputsButton from './SaveInputsButton.svelte';
 import { Button } from './common';
-import { ExternalLink } from 'lucide-svelte';
+import { ExternalLink, Search } from 'lucide-svelte';
+import { Popover } from './meltComponents';
+import SchemaForm from './SchemaForm.svelte';
+import MultiSelect from './multiselect/MultiSelectWrapper.svelte';
 const dispatch = createEventDispatcher();
 export let scriptHash = null;
 export let scriptPath = null;
 export let flowPath = null;
 export let inputSelected = undefined;
 export let jsonView = false;
+export let schema;
 // Are the current Inputs valid and able to be saved?
 export let isValid;
 export let args;
@@ -45,6 +49,13 @@ function selectArgs(selected_args, type) {
         dispatch('selected_args', savedArgs);
     }
 }
+let searchArgs = {};
+let appliedSearchArgs = {};
+let searchArgsFields = [];
+$: emptySearchArgs = Object.keys(appliedSearchArgs).length === 0;
+$: filteredSchema = {
+    properties: Object.fromEntries(Object.entries(schema?.properties ?? {}).filter(([key]) => searchArgsFields.includes(key)))
+};
 </script>
 
 <div class="min-w-[300px] h-full flex flex-col">
@@ -86,17 +97,92 @@ function selectArgs(selected_args, type) {
 		<Pane class="px-4 py-4 h-full">
 			<Section label="History" wrapperClass="h-full" small={true}>
 				<svelte:fragment slot="action">
-					<Button
-						size="xs2"
-						color="light"
-						btnClasses="!text-tertiary"
-						endIcon={{ icon: ExternalLink }}
-						on:click={() => {
-							window.open(`/runs/${runnableId}`, '_blank')
-						}}
-					>
-						All runs
-					</Button>
+					<div class="flex space-x-2">
+						<Popover
+							class="w-fit"
+							usePointerDownOutside
+							closeOnOtherPopoverOpen
+							on:click={(e) => {
+								e.stopPropagation()
+							}}
+							floatingConfig={{ placement: 'top-end' }}
+						>
+							<svelte:fragment slot="trigger">
+								<Button
+									variant="contained"
+									size="xs2"
+									color={emptySearchArgs ? 'light' : 'dark'}
+									nonCaptureEvent
+									title="Search history"
+									iconOnly={emptySearchArgs}
+									endIcon={{ icon: Search }}
+								>
+									{emptySearchArgs ? '' : 'Active filters'}
+								</Button>
+							</svelte:fragment>
+
+							<svelte:fragment slot="content">
+								<div id="multi-select-search"></div>
+								<div class="p-2 overflow-auto max-h-[400px] min-h-[300px] w-[400px]">
+									<div class="flex items-center flex-wrap gap-x-2 justify-between">
+										<div class="text-sm text-secondary">Search by args</div>
+										<div class="flex flex-wrap gap-x-2">
+											{#if !emptySearchArgs}
+												<Button
+													on:click={async () => {
+														searchArgs = {}
+														appliedSearchArgs = {}
+														await tick()
+														historicInputs?.refresh(true)
+													}}
+													variant="contained"
+													size="xs2"
+													color="light">Reset filters</Button
+												>
+											{/if}
+											<Button
+												on:click={async () => {
+													appliedSearchArgs = structuredClone(searchArgs)
+													await tick()
+													historicInputs?.refresh(true)
+												}}
+												endIcon={{ icon: Search }}
+												variant="contained"
+												size="xs2"
+												color="dark">Search</Button
+											>
+										</div>
+									</div>
+									<div class="my-2">
+										<MultiSelect
+											topPlacement
+											target="#multi-select-search"
+											placeholder="arg fields to filter on"
+											items={Object.keys(schema?.properties ?? {})}
+											bind:value={searchArgsFields}
+										/>
+									</div>
+									{#key filteredSchema}
+										<SchemaForm shouldHideNoInputs schema={filteredSchema} bind:args={searchArgs} />
+									{/key}
+									{#if searchArgsFields.length === 0}
+										<div class="text-secondary text-sm my-8 mx-auto">No filters</div>
+									{/if}
+								</div>
+							</svelte:fragment>
+						</Popover>
+						<Button
+							size="xs2"
+							color="light"
+							btnClasses="!text-tertiary"
+							endIcon={{ icon: ExternalLink }}
+							on:click={() => {
+								window.open(`/runs/${runnableId}`, '_blank')
+							}}
+						>
+							All runs
+						</Button>
+					</div>
 				</svelte:fragment>
 				<HistoricInputs
 					bind:this={historicInputs}
@@ -106,6 +192,9 @@ function selectArgs(selected_args, type) {
 						if (e.detail) savedInputsPicker?.resetSelected()
 						selectArgs(e.detail?.args, e.detail ? 'history' : undefined)
 					}}
+					searchArgs={emptySearchArgs ? undefined : appliedSearchArgs}
+					showAuthor
+					placement="top-end"
 				/>
 			</Section>
 		</Pane>

package/package/components/SavedInputsV2.svelte.d.ts

@@ -1,26 +1,32 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        scriptHash?: string | null | undefined;
-        scriptPath?: string | null | undefined;
-        flowPath?: string | null | undefined;
-        inputSelected?: 'saved' | 'history' | undefined;
-        jsonView?: boolean | undefined;
-        isValid: boolean;
-        args: object;
-        resetSelected?: (() => void) | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        selected_args: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type SavedInputsV2Props = typeof __propDef.props;
-export type SavedInputsV2Events = typeof __propDef.events;
-export type SavedInputsV2Slots = typeof __propDef.slots;
-export default class SavedInputsV2 extends SvelteComponent<SavedInputsV2Props, SavedInputsV2Events, SavedInputsV2Slots> {
-    get resetSelected(): () => void;
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const SavedInputsV2: $$__sveltets_2_IsomorphicComponent<{
+    scriptHash?: string | null;
+    scriptPath?: string | null;
+    flowPath?: string | null;
+    inputSelected?: "saved" | "history" | undefined;
+    jsonView?: boolean;
+    schema: any;
+    isValid: boolean;
+    args: object;
+    resetSelected?: () => void;
+}, {
+    selected_args: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {
+    resetSelected: () => void;
+}, string>;
+type SavedInputsV2 = InstanceType<typeof SavedInputsV2>;
+export default SavedInputsV2;

package/package/components/SchedulePanel.svelte

@@ -0,0 +1,41 @@
+<script lang="ts">import ScheduleEditorInner from './triggers/schedules/ScheduleEditorInner.svelte';
+import Description from './Description.svelte';
+import { onMount } from 'svelte';
+let scheduleEditor = $state(null);
+let { selectedTrigger, isFlow, path, defaultValues = undefined, schema, customLabel = undefined, ...restProps } = $props();
+function openScheduleEditor(isFlow, isDraft) {
+    if (isDraft) {
+        scheduleEditor?.openNew(isFlow, path, defaultValues);
+    }
+    else {
+        scheduleEditor?.openEdit(selectedTrigger.path, isFlow, defaultValues);
+    }
+}
+onMount(() => {
+    selectedTrigger?.type === 'schedule' &&
+        scheduleEditor &&
+        openScheduleEditor(isFlow, selectedTrigger.isDraft ?? false);
+});
+</script>
+
+<ScheduleEditorInner
+	useDrawer={false}
+	bind:this={scheduleEditor}
+	hideTarget
+	allowDraft
+	trigger={selectedTrigger}
+	draftSchema={schema}
+	{customLabel}
+	{...restProps}
+>
+	{#snippet docDescription()}
+		<div class="flex flex-col gap-2 pb-4">
+			<Description link="https://www.windmill.dev/docs/core_concepts/scheduling">
+				Run scripts and flows automatically on a recurring basis using cron expressions.
+			</Description>
+		</div>
+	{/snippet}
+</ScheduleEditorInner>
+<!-- hideTarget
+	hidePath
+    {header} -->

package/package/components/SchedulePanel.svelte.d.ts

@@ -0,0 +1,10 @@
+declare const SchedulePanel: import("svelte").Component<{
+    selectedTrigger: any;
+    isFlow: any;
+    path: any;
+    defaultValues?: any;
+    schema: any;
+    customLabel?: any;
+} & Record<string, any>, {}, "">;
+type SchedulePanel = ReturnType<typeof SchedulePanel>;
+export default SchedulePanel;

package/package/components/SchemaEditorProperty.svelte

@@ -1,4 +1,4 @@
-<script>import Badge from './common/badge/Badge.svelte';
+<script lang="ts">import Badge from './common/badge/Badge.svelte';
 export let property;
 </script>
 

package/package/components/SchemaEditorProperty.svelte.d.ts

@@ -1,17 +1,21 @@
-import { SvelteComponent } from "svelte";
 import type { SchemaProperty } from '../common';
-declare const __propDef: {
-    props: {
-        property: SchemaProperty;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type SchemaEditorPropertyProps = typeof __propDef.props;
-export type SchemaEditorPropertyEvents = typeof __propDef.events;
-export type SchemaEditorPropertySlots = typeof __propDef.slots;
-export default class SchemaEditorProperty extends SvelteComponent<SchemaEditorPropertyProps, SchemaEditorPropertyEvents, SchemaEditorPropertySlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const SchemaEditorProperty: $$__sveltets_2_IsomorphicComponent<{
+    property: SchemaProperty;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type SchemaEditorProperty = InstanceType<typeof SchemaEditorProperty>;
+export default SchemaEditorProperty;

package/package/components/SchemaForm.svelte

@@ -1,4 +1,4 @@
-<script>import { VariableService } from '../gen';
+<script lang="ts">import { VariableService } from '../gen';
 import { workspaceStore } from '../stores';
 import { allTrue, computeShow } from '../utils';
 import { Button } from './common';
@@ -13,7 +13,7 @@ import { createEventDispatcher } from 'svelte';
 import { deepEqual } from 'fast-equals';
 import { dragHandleZone } from '@windmill-labs/svelte-dnd-action';
 export let schema;
-export let schemaSkippedValues = [];
+export let hiddenArgs = [];
 export let schemaFieldTooltip = {};
 export let args = {};
 export let disabledArgs = [];
@@ -63,9 +63,8 @@ export function setDefaults() {
     });
     args = nargs;
 }
-let keys = Array.isArray(schema?.order)
-    ? schema?.order
-    : Object.keys(schema?.properties ?? {});
+let keys;
+$: keys = Array.isArray(schema?.order) ? schema?.order : Object.keys(schema?.properties ?? {});
 function removeExtraKey() {
     const nargs = {};
     Object.keys(args ?? {}).forEach((key) => {
@@ -162,7 +161,7 @@ $: isValid = allTrue(inputCheck ?? {});
 					: ''}
 			>
 				<!-- svelte-ignore a11y-click-events-have-key-events -->
-				{#if !schemaSkippedValues.includes(argName) && keys.includes(argName)}
+				{#if !hiddenArgs.includes(argName) && keys.includes(argName)}
 					{#if typeof diff[argName] === 'object' && diff[argName].oldSchema}
 						{@const formerProperty = diff[argName].oldSchema}
 						<div class="px-2">
@@ -236,6 +235,7 @@ $: isValid = allTrue(inputCheck ?? {});
 									}}
 									on:acceptChange={(e) => dispatch('acceptChange', e.detail)}
 									on:rejectChange={(e) => dispatch('rejectChange', e.detail)}
+									on:keydownCmdEnter={() => dispatch('keydownCmdEnter')}
 									{disablePortal}
 									{resourceTypes}
 									{prettifyHeader}

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

@@ -1,88 +1,106 @@
-import { SvelteComponent } from "svelte";
 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;
-        schema: Schema | any;
-        schemaSkippedValues?: string[] | undefined;
-        schemaFieldTooltip?: Record<string, string> | undefined;
-        args?: Record<string, any> | undefined;
-        disabledArgs?: string[] | undefined;
-        disabled?: boolean | undefined;
-        isValid?: boolean | undefined;
-        autofocus?: boolean | undefined;
-        defaultValues?: Record<string, any> | undefined;
-        shouldHideNoInputs?: boolean | undefined;
-        compact?: boolean | undefined;
-        linkedSecret?: string | undefined;
-        linkedSecretCandidates?: string[] | undefined;
-        noVariablePicker?: boolean | undefined;
-        flexWrap?: boolean | undefined;
-        noDelete?: boolean | undefined;
-        prettifyHeader?: boolean | undefined;
-        disablePortal?: boolean | undefined;
-        showSchemaExplorer?: boolean | undefined;
-        showReset?: boolean | undefined;
-        onlyMaskPassword?: boolean | undefined;
-        dndConfig?: DndOptions | undefined;
-        items?: {
-            id: string;
-            value: string;
-        }[] | undefined;
-        helperScript?: {
-            type: 'inline';
-            path?: string;
-            lang: Script['language'];
-            code: string;
-        } | {
-            type: 'hash';
-            hash: string;
-        } | undefined;
-        lightHeader?: boolean | undefined;
-        diff?: Record<string, SchemaDiff> | undefined;
-        nestedParent?: {
-            label: string;
-            nestedParent: any | undefined;
-        } | 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;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        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>;
-        acceptChange: CustomEvent<any>;
-        rejectChange: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        actions: {};
-    };
-};
-export type SchemaFormProps = typeof __propDef.props;
-export type SchemaFormEvents = typeof __propDef.events;
-export type SchemaFormSlots = typeof __propDef.slots;
-export default class SchemaForm extends SvelteComponent<SchemaFormProps, SchemaFormEvents, SchemaFormSlots> {
-    get setDefaults(): () => void;
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const SchemaForm: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: any;
+    schema: Schema | any;
+    hiddenArgs?: string[] | undefined;
+    schemaFieldTooltip?: Record<string, string> | undefined;
+    args?: Record<string, any> | undefined;
+    disabledArgs?: string[] | undefined;
+    disabled?: boolean | undefined;
+    isValid?: boolean | undefined;
+    autofocus?: boolean | undefined;
+    defaultValues?: Record<string, any> | undefined;
+    shouldHideNoInputs?: boolean | undefined;
+    compact?: boolean | undefined;
+    linkedSecret?: string | undefined | undefined;
+    linkedSecretCandidates?: string[] | undefined | undefined;
+    noVariablePicker?: boolean | undefined;
+    flexWrap?: boolean | undefined;
+    noDelete?: boolean | undefined;
+    prettifyHeader?: boolean | undefined;
+    disablePortal?: boolean | undefined;
+    showSchemaExplorer?: boolean | undefined;
+    showReset?: boolean | undefined;
+    onlyMaskPassword?: boolean | undefined;
+    dndConfig?: DndOptions<import("@windmill-labs/svelte-dnd-action").Item> | undefined;
+    items?: {
+        id: string;
+        value: string;
+    }[] | undefined | undefined;
+    helperScript?: {
+        type: "inline";
+        path?: string;
+        lang: Script["language"];
+        code: string;
+    } | {
+        type: "hash";
+        hash: string;
+    } | undefined | undefined;
+    lightHeader?: boolean | undefined;
+    diff?: Record<string, SchemaDiff> | undefined;
+    nestedParent?: {
+        label: string;
+        nestedParent: any | undefined;
+    } | undefined | undefined;
+    shouldDispatchChanges?: boolean | undefined;
+    nestedClasses?: string | undefined;
+    dynamicEnums?: Record<string, any> | undefined;
+    largeGap?: boolean | undefined;
+    css?: Partial<{
+        readonly container: {
+            readonly class: "";
+            readonly style: "";
+        };
+        readonly label: {
+            readonly class: "";
+            readonly style: "";
+        };
+        readonly description: {
+            readonly class: "";
+            readonly style: "";
+        };
+    }> | undefined;
+    displayType?: boolean | undefined;
+    appPath?: string | undefined | undefined;
+    computeS3ForceViewerPolicies?: (() => {
+        allowed_resources: string[];
+        allow_user_resources: boolean;
+        allow_workspace_resource: boolean;
+        file_key_regex: string;
+    } | undefined) | undefined | undefined;
+    workspace?: string | undefined | undefined;
+    setDefaults?: (() => void) | undefined;
+}, {
+    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>;
+    acceptChange: CustomEvent<any>;
+    rejectChange: CustomEvent<any>;
+    keydownCmdEnter: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    actions: {};
+}, {
+    setDefaults: () => void;
+}, string>;
+type SchemaForm = InstanceType<typeof SchemaForm>;
+export default SchemaForm;

package/package/components/SchemaFormWithArgPicker.svelte

@@ -1,4 +1,4 @@
-<script>import { Pane, Splitpanes } from 'svelte-splitpanes';
+<script lang="ts">import { Pane, Splitpanes } from 'svelte-splitpanes';
 import FlowInputEditor from './flows/content/FlowInputEditor.svelte';
 import HistoricInputs from './HistoricInputs.svelte';
 import SideBarTab from './meltComponents/SideBarTab.svelte';
@@ -10,6 +10,7 @@ import { createEventDispatcher } from 'svelte';
 import CaptureTable from './triggers/CaptureTable.svelte';
 import RefreshButton from './common/button/RefreshButton.svelte';
 export let runnableId = '';
+export let stablePathForCaptures = '';
 export let runnableType;
 export let previewArgs;
 export let isValid = true;
@@ -140,7 +141,7 @@ let inputPanelSize = 70;
 							</svelete:fragment>
 							<div class="h-full">
 								<CaptureTable
-									path={runnableId}
+									path={stablePathForCaptures}
 									on:select={(e) => {
 										dispatch('select', { payload: e.detail, type: 'captures' })
 									}}

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

@@ -1,29 +1,42 @@
-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;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    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;
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const SchemaFormWithArgPicker: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    runnableId?: string;
+    stablePathForCaptures?: string;
+    runnableType: any;
+    previewArgs: any;
+    isValid?: boolean;
+    jsonView?: boolean;
+    refreshHistory?: () => void;
+    resetSelected?: () => void;
+}, {
+    default: {};
+}>, {
+    openTriggers: CustomEvent<any>;
+    select: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {
+    refreshHistory: () => void;
+    resetSelected: () => void;
+}, string>;
+type SchemaFormWithArgPicker = InstanceType<typeof SchemaFormWithArgPicker>;
+export default SchemaFormWithArgPicker;

package/package/components/SchemaViewer.svelte

@@ -1,4 +1,4 @@
-<script>import { copyToClipboard, emptySchema } from '../utils';
+<script lang="ts">import { copyToClipboard, emptySchema } from '../utils';
 import Highlight from 'svelte-highlight';
 import json from 'svelte-highlight/languages/json';
 import TableCustom from './TableCustom.svelte';