windmill-components 1.473.1 → 1.493.3

package/package/components/InstanceSetting.svelte

@@ -1,15 +1,16 @@
-<script>import { isCloudHosted } from '../cloud';
+<script lang="ts">import { isCloudHosted } from '../cloud';
 import { enterpriseLicense, isCriticalAlertsUIOpen } from '../stores';
 import { AlertCircle, AlertTriangle, BadgeCheck, BadgeX, Info, Plus, RefreshCcw, Slack, X } from 'lucide-svelte';
 import Tooltip from './Tooltip.svelte';
 import ObjectStoreConfigSettings from './ObjectStoreConfigSettings.svelte';
 import { sendUserToast } from '../toast';
 import ConfirmButton from './ConfirmButton.svelte';
-import { IndexSearchService, SettingService, TeamsService } from '../gen';
+import { ConfigService, IndexSearchService, SettingService, TeamsService } from '../gen';
 import { Button, SecondsInput, Skeleton } from './common';
 import Password from './Password.svelte';
 import { classNames } from '../utils';
 import Popover from './Popover.svelte';
+import PopoverMelt from './meltComponents/Popover.svelte';
 import Toggle from './Toggle.svelte';
 import { createEventDispatcher } from 'svelte';
 import { fade } from 'svelte/transition';
@@ -17,12 +18,16 @@ import { base } from '../base';
 import ToggleButtonGroup from './common/toggleButton-v2/ToggleButtonGroup.svelte';
 import ToggleButton from './common/toggleButton-v2/ToggleButton.svelte';
 import SimpleEditor from './SimpleEditor.svelte';
+import LoadingIcon from './apps/svelte-select/lib/LoadingIcon.svelte';
+import TeamSelector from './TeamSelector.svelte';
+import ChannelSelector from './ChannelSelector.svelte';
 export let setting;
 export let version;
 export let values;
 export let loading = true;
 const dispatch = createEventDispatcher();
-if (setting.fieldType == 'select' && $values[setting.key] == undefined) {
+if ((setting.fieldType == 'select' || setting.fieldType == 'select_python') &&
+    $values[setting.key] == undefined) {
     $values[setting.key] = 'default';
 }
 let latestKeyRenewalAttempt;
@@ -94,6 +99,25 @@ function parseLicenseKey(key) {
         valid: false
     };
 }
+let pythonAvailableVersions = [];
+let isPyFetching = false;
+async function fetch_available_python_versions() {
+    if (isPyFetching)
+        return;
+    isPyFetching = true;
+    try {
+        pythonAvailableVersions = await ConfigService.listAvailablePythonVersions();
+    }
+    catch (error) {
+        console.error('Error fetching python versions:', error);
+    }
+    finally {
+        isPyFetching = false;
+    }
+}
+if (setting.fieldType == 'select_python') {
+    fetch_available_python_versions();
+}
 async function fetchTeams() {
     if (isFetching)
         return;
@@ -108,9 +132,8 @@ async function fetchTeams() {
         isFetching = false;
     }
 }
-function handleTeamChange(event, i) {
-    const teamId = event.target.value;
-    const team = $values['teams'].find((team) => team.team_id === teamId) || null;
+function handleTeamChange(teamItem, i) {
+    const team = $values['teams'].find((team) => team.team_id === teamItem.team_id) || null;
     $values['critical_error_channels'][i] = {
         teams_channel: {
             team_id: team?.team_id,
@@ -120,11 +143,9 @@ function handleTeamChange(event, i) {
         }
     };
 }
-function handleChannelChange(event, setting, i) {
-    const channelId = event.target.value;
-    const team = $values['teams'].find((team) => team.team_id === $values['critical_error_channels'][i]?.teams_channel?.team_id);
-    const channel = team?.channels.find((channel) => channel.channel_id === channelId) || null;
-    if (channelId) {
+function handleChannelChange(channel, i) {
+    const team = $values['critical_error_channels'][i]?.teams_channel;
+    if (team) {
         $values['critical_error_channels'][i] = {
             teams_channel: {
                 team_id: team?.team_id,
@@ -167,6 +188,66 @@ function handleChannelChange(event, setting, i) {
 				{/each}
 			</ToggleButtonGroup>
 		</div>
+	{:else if setting.fieldType == 'select_python'}
+		<div>
+			<!-- svelte-ignore a11y-label-has-associated-control -->
+			<label class="block pb-2">
+				<span class="text-primary font-semibold text-sm">{setting.label}</span>
+				{#if setting.description}
+					<span class="text-secondary text-xs">
+						{@html setting.description}
+					</span>
+				{/if}
+			</label>
+
+			<ToggleButtonGroup bind:selected={$values[setting.key]} let:item={toggleButtonn}>
+				{#each setting.select_items ?? [] as item}
+					<ToggleButton
+						value={item.value ?? item.label}
+						label={item.label}
+						tooltip={item.tooltip}
+						item={toggleButtonn}
+					/>
+				{/each}
+				<PopoverMelt closeButton={!isPyFetching}>
+					<svelte:fragment slot="trigger">
+						{#if setting.select_items?.some((e) => e.label == $values[setting.key] || e.value == $values[setting.key])}
+							<Button
+								variant="border"
+								color="dark"
+								btnClasses="px-1.5 py-1.5 text-2xs bg-surface-secondary border-0"
+								nonCaptureEvent={true}>Select Custom</Button
+							>
+						{:else}
+							<Button
+								variant="border"
+								color="dark"
+								btnClasses="px-1.5 py-1.5 text-2xs border-0 shadow-md"
+								nonCaptureEvent={true}>Custom | {$values[setting.key]}</Button
+							>
+						{/if}
+					</svelte:fragment>
+					<svelte:fragment slot="content">
+						{#if isPyFetching}
+							<div class="p-4">
+								<LoadingIcon />
+							</div>
+						{:else}
+							<ToggleButtonGroup
+								bind:selected={$values[setting.key]}
+								let:item={toggleButtonn}
+								class="mr-10 h-full"
+								tabListClass="flex-wrap p-2"
+							>
+								{#each pythonAvailableVersions as item}
+									<ToggleButton value={item} label={item} tooltip={item} item={toggleButtonn} />
+								{/each}
+							</ToggleButtonGroup>
+						{/if}
+					</svelte:fragment>
+				</PopoverMelt>
+			</ToggleButtonGroup>
+		</div>
 	{:else}
 		<!-- svelte-ignore a11y-label-has-associated-control -->
 		<label class="block pb-2">
@@ -213,7 +294,7 @@ function handleChannelChange(event, setting, i) {
 						rows="2"
 						placeholder={setting.placeholder}
 						bind:value={$values[setting.key]}
-					/>
+					></textarea>
 					{#if setting.key == 'saml_metadata'}
 						<div class="flex mt-2">
 							<Button
@@ -305,15 +386,15 @@ function handleChannelChange(event, setting, i) {
 												latestKeyRenewalAttempt.result === 'success'
 													? 'text-green-600'
 													: isTrial
-													? 'text-yellow-600'
-													: 'text-red-600'
+														? 'text-yellow-600'
+														: 'text-red-600'
 											)}
 										>
 											{latestKeyRenewalAttempt.result === 'success'
 												? 'Latest key renewal succeeded'
 												: isTrial
-												? 'Latest key renewal ignored because in trial'
-												: 'Latest key renewal failed'}
+													? 'Latest key renewal ignored because in trial'
+													: 'Latest key renewal failed'}
 											on {attemptedAt}
 										</span>
 									</div>
@@ -429,46 +510,45 @@ function handleChannelChange(event, setting, i) {
 											/>
 										{:else if v && 'teams_channel' in v}
 											<div class="flex flex-row gap-2 w-full">
-												<select on:change={(e) => handleTeamChange(e, i)}>
-													<option
-														value=""
-														disabled
-														selected={!$values['critical_error_channels'][i]?.teams_channel
-															?.team_id}>Select team</option
-													>
-													{#if $values['teams']}
-														{#each $values['teams'] as team}
-															<option
-																value={team.team_id}
-																selected={$values['critical_error_channels'][i]?.teams_channel
-																	?.team_id === team.team_id}
-															>
-																{team.team_name}
-															</option>
-														{/each}
-													{/if}
-												</select>
+												<TeamSelector
+													containerClass="w-44"
+													minWidth="140px"
+													showRefreshButton={false}
+													placeholder="Select team"
+													teams={$values['teams']}
+													on:change={(e) => handleTeamChange(e.detail, i)}
+													selectedTeam={$values['critical_error_channels'][i]?.teams_channel
+														? {
+																team_id:
+																	$values['critical_error_channels'][i]?.teams_channel?.team_id,
+																team_name:
+																	$values['critical_error_channels'][i]?.teams_channel?.team_name
+															}
+														: undefined}
+												/>
+
 												{#if $values['critical_error_channels'][i]?.teams_channel?.team_id}
-													<select
-														id="channel-select"
-														on:change={(e) => handleChannelChange(e, setting, i)}
-													>
-														<option
-															value=""
-															disabled
-															selected={!$values['critical_error_channels'][i]?.teams_channel
-																?.channel_id}>Select channel</option
-														>
-														{#each $values['teams'].find((team) => team.team_id === $values['critical_error_channels'][i]?.teams_channel?.team_id)?.channels ?? [] as channel}
-															<option
-																value={channel.channel_id}
-																selected={$values['critical_error_channels'][i]?.teams_channel
-																	?.channel_id === channel.channel_id}
-															>
-																{channel.channel_name}
-															</option>
-														{/each}
-													</select>
+													<ChannelSelector
+														containerClass=""
+														placeholder="Select channel"
+														channels={$values['teams'].find(
+															(team) =>
+																team.team_id ===
+																$values['critical_error_channels'][i]?.teams_channel?.team_id
+														)?.channels ?? []}
+														on:change={(e) => handleChannelChange(e.detail, i)}
+														selectedChannel={$values['critical_error_channels'][i]?.teams_channel
+															?.channel_id
+															? {
+																	channel_id:
+																		$values['critical_error_channels'][i]?.teams_channel
+																			?.channel_id,
+																	channel_name:
+																		$values['critical_error_channels'][i]?.teams_channel
+																			?.channel_name
+																}
+															: undefined}
+													/>
 												{/if}
 												<div>
 													<button on:click={fetchTeams} class="flex items-center gap-1 mt-2">
@@ -898,7 +978,31 @@ function handleChannelChange(event, setting, i) {
 					</div>
 				{:else if setting.fieldType == 'object_store_config'}
 					<ObjectStoreConfigSettings bind:bucket_config={$values[setting.key]} />
-					<div class="mb-6" />
+					<div class="mb-6"></div>
+				{:else if setting.fieldType == 'critical_alerts_on_db_oversize'}
+					{#if $values[setting.key]}
+						<div class="flex flex-row flex-wrap gap-2 p-0 items-center">
+							<div class="p-1">
+								<Toggle
+									disabled={!$enterpriseLicense}
+									bind:checked={$values[setting.key].enabled}
+								/>
+							</div>
+							{#if $values[setting.key].enabled}
+								<label class="block shrink min-w-0">
+									<input
+										type="number"
+										placeholder={setting.placeholder}
+										bind:value={$values[setting.key].value}
+									/>
+								</label>
+								<label class="block">
+									<span class="text-primary font-semibold text-sm">GB</span>
+								</label>
+							{/if}
+						</div>
+						<div class="mb-6"></div>
+					{/if}
 				{:else if setting.fieldType == 'number'}
 					<input
 						type="number"

package/package/components/InstanceSetting.svelte.d.ts

@@ -1,27 +1,32 @@
-import { SvelteComponent } from "svelte";
 import type { Setting } from './instanceSettings';
 import type { Writable } from 'svelte/store';
-declare const __propDef: {
-    props: {
-        setting: Setting;
-        version: string;
-        values: Writable<Record<string, any>>;
-        loading?: boolean | undefined;
-        renewLicenseKey?: (() => Promise<void>) | undefined;
-        openCustomerPortal?: (() => Promise<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: {
-        closeDrawer: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type InstanceSettingProps = typeof __propDef.props;
-export type InstanceSettingEvents = typeof __propDef.events;
-export type InstanceSettingSlots = typeof __propDef.slots;
-export default class InstanceSetting extends SvelteComponent<InstanceSettingProps, InstanceSettingEvents, InstanceSettingSlots> {
-    get renewLicenseKey(): () => Promise<void>;
-    get openCustomerPortal(): () => Promise<void>;
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const InstanceSetting: $$__sveltets_2_IsomorphicComponent<{
+    setting: Setting;
+    version: string;
+    values: Writable<Record<string, any>>;
+    loading?: boolean;
+    renewLicenseKey?: () => Promise<void>;
+    openCustomerPortal?: () => Promise<void>;
+}, {
+    closeDrawer: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {
+    renewLicenseKey: () => Promise<void>;
+    openCustomerPortal: () => Promise<void>;
+}, string>;
+type InstanceSetting = InstanceType<typeof InstanceSetting>;
+export default InstanceSetting;

package/package/components/InstanceSettings.svelte

@@ -1,4 +1,4 @@
-<script>import { scimSamlSetting, settings, settingsKeys } from './instanceSettings';
+<script lang="ts">import { scimSamlSetting, settings, settingsKeys } from './instanceSettings';
 import { Button, Tab, TabContent, Tabs } from './common';
 import { SettingService, SettingsService } from '../gen';
 import { sendUserToast } from '../toast';
@@ -97,6 +97,13 @@ export async function saveSettings() {
             snowflakeAccountIdentifier) {
         setupSnowflakeUrls();
     }
+    // Remove empty or invalid teams_channel entries
+    $values.critical_error_channels = $values.critical_error_channels.filter((entry) => {
+        if (entry && typeof entry == 'object' && 'teams_channel' in entry) {
+            return isValidTeamsChannel(entry.teams_channel);
+        }
+        return true;
+    });
     let shouldReloadPage = false;
     if ($values) {
         const allSettings = [...Object.values(settings), scimSamlSetting].flatMap((x) => Object.entries(x));
@@ -171,6 +178,18 @@ async function sendStats() {
     await SettingService.sendStats();
     sendUserToast('Usage sent');
 }
+function isValidTeamsChannel(value) {
+    return (typeof value === 'object' &&
+        value !== null &&
+        typeof value.team_id === 'string' &&
+        value.team_id.trim() !== '' &&
+        typeof value.team_name === 'string' &&
+        value.team_name.trim() !== '' &&
+        typeof value.channel_id === 'string' &&
+        value.channel_id.trim() !== '' &&
+        typeof value.channel_name === 'string' &&
+        value.channel_name.trim() !== '');
+}
 </script>
 
 <div class="pb-8">
@@ -302,5 +321,5 @@ async function sendStats() {
 
 {#if !hideSave}
 	<Button on:click={saveSettings}>Save settings</Button>
-	<div class="pb-8" />
+	<div class="pb-8"></div>
 {/if}

package/package/components/InstanceSettings.svelte.d.ts

@@ -1,23 +1,28 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        tab?: string | undefined;
-        hideTabs?: boolean | undefined;
-        hideSave?: boolean | undefined;
-        closeDrawer?: (() => void) | undefined;
-        saveSettings?: (() => Promise<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: {
-        saved: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type InstanceSettingsProps = typeof __propDef.props;
-export type InstanceSettingsEvents = typeof __propDef.events;
-export type InstanceSettingsSlots = typeof __propDef.slots;
-export default class InstanceSettings extends SvelteComponent<InstanceSettingsProps, InstanceSettingsEvents, InstanceSettingsSlots> {
-    get saveSettings(): () => Promise<void>;
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const InstanceSettings: $$__sveltets_2_IsomorphicComponent<{
+    tab?: string;
+    hideTabs?: boolean;
+    hideSave?: boolean;
+    closeDrawer?: (() => void) | undefined;
+    saveSettings?: () => Promise<void>;
+}, {
+    saved: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {
+    saveSettings: () => Promise<void>;
+}, string>;
+type InstanceSettings = InstanceType<typeof InstanceSettings>;
+export default InstanceSettings;

package/package/components/InviteGlobalUser.svelte

@@ -1,4 +1,4 @@
-<script>import { sendUserToast } from '../toast';
+<script lang="ts">import { sendUserToast } from '../toast';
 import { createEventDispatcher } from 'svelte';
 import { UserService } from '../gen';
 import { Button } from './common';

package/package/components/InviteGlobalUser.svelte.d.ts

@@ -1,16 +1,20 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        new: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
+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: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {};
-};
-export type InviteGlobalUserProps = typeof __propDef.props;
-export type InviteGlobalUserEvents = typeof __propDef.events;
-export type InviteGlobalUserSlots = typeof __propDef.slots;
-export default class InviteGlobalUser extends SvelteComponent<InviteGlobalUserProps, InviteGlobalUserEvents, InviteGlobalUserSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const InviteGlobalUser: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    new: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type InviteGlobalUser = InstanceType<typeof InviteGlobalUser>;
+export default InviteGlobalUser;

package/package/components/InviteUser.svelte

@@ -1,4 +1,4 @@
-<script>import { sendUserToast } from '../toast';
+<script lang="ts">import { sendUserToast } from '../toast';
 import { createEventDispatcher } from 'svelte';
 import { globalEmailInvite, superadmin, workspaceStore } from '../stores';
 import { UserService, WorkspaceService } from '../gen';

package/package/components/InviteUser.svelte.d.ts

@@ -1,16 +1,20 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        new: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
+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: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {};
-};
-export type InviteUserProps = typeof __propDef.props;
-export type InviteUserEvents = typeof __propDef.events;
-export type InviteUserSlots = typeof __propDef.slots;
-export default class InviteUser extends SvelteComponent<InviteUserProps, InviteUserEvents, InviteUserSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const InviteUser: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    new: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type InviteUser = InstanceType<typeof InviteUser>;
+export default InviteUser;

package/package/components/ItemPicker.svelte

@@ -1,4 +1,4 @@
-<script>import { RotateCw } from 'lucide-svelte';
+<script lang="ts">import { RotateCw } from 'lucide-svelte';
 import { Button, Drawer, Skeleton } from './common';
 import DrawerContent from './common/drawer/DrawerContent.svelte';
 import NoItemFound from './home/NoItemFound.svelte';
@@ -43,9 +43,9 @@ let refreshing = false;
 		(extraField2 ? x[extraField2] + ' ' : '') +
 		(x[extraField] ?? '') +
 		' ' +
-		(x['path'] && x['path'] != x[extraField] ? '(' + x['path'] + ')' ?? '' : '') +
+		(x['path'] && x['path'] != x[extraField] ? '(' + x['path'] + ')' : '') +
 		' ' +
-		(x['description'] != x[extraField] ? x['description'] ?? '' : '')}
+		(x['description'] != x[extraField] ? (x['description'] ?? '') : '')}
 />
 
 <Drawer bind:this={drawer} size="600px">

package/package/components/ItemPicker.svelte.d.ts

@@ -1,29 +1,34 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        pickCallback: (path: string, f: string) => void;
-        loadItems: () => Promise<Record<string, any>[] | undefined>;
-        extraField?: string | undefined;
-        extraField2?: string | undefined;
-        itemName: string;
-        closeOnClick?: boolean | undefined;
-        /** Displayed if the load function returns no items. */ noItemMessage?: string | undefined;
-        /** Displayed if the search returns no items. */ buttons?: Record<string, (x: string) => void> | undefined;
-        tooltip?: string | undefined;
-        documentationLink?: string | undefined;
-        openDrawer?: (() => 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: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        submission: {};
-    };
-};
-export type ItemPickerProps = typeof __propDef.props;
-export type ItemPickerEvents = typeof __propDef.events;
-export type ItemPickerSlots = typeof __propDef.slots;
-export default class ItemPicker extends SvelteComponent<ItemPickerProps, ItemPickerEvents, ItemPickerSlots> {
-    get openDrawer(): () => void;
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const ItemPicker: $$__sveltets_2_IsomorphicComponent<{
+    pickCallback: (path: string, f: string) => void;
+    loadItems: () => Promise<Record<string, any>[] | undefined>;
+    extraField?: string;
+    extraField2?: string | undefined;
+    itemName: string;
+    closeOnClick?: boolean;
+    /** Displayed if the load function returns no items. */ noItemMessage?: string;
+    /** Displayed if the search returns no items. */ buttons?: Record<string, (x: string) => void>;
+    tooltip?: string;
+    documentationLink?: string | undefined;
+    openDrawer?: () => void;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    submission: {};
+}, {
+    openDrawer: () => void;
+}, string>;
+type ItemPicker = InstanceType<typeof ItemPicker>;
+export default ItemPicker;

package/package/components/JobArgs.svelte

@@ -1,4 +1,4 @@
-<script>import { ChevronRightSquare, ClipboardCopy, Download, Expand } from 'lucide-svelte';
+<script lang="ts">import { ChevronRightSquare, ClipboardCopy, Download, Expand } from 'lucide-svelte';
 import ArgInfo from './ArgInfo.svelte';
 import { Button, Drawer, DrawerContent, Skeleton } from './common';
 import { Highlight } from 'svelte-highlight';