windmill-components 1.613.5 → 1.623.1

package/package/components/InstanceSetting.svelte

@@ -1,8 +1,6 @@
 <script lang="ts">import { isCloudHosted } from '../cloud';
 import { enterpriseLicense, isCriticalAlertsUIOpen } from '../stores';
 import { AlertCircle, BadgeCheck, BadgeX, Info } from 'lucide-svelte';
-import { OTEL_TRACING_PROXY_LANGUAGES } from './instanceSettings';
-import { LanguageIcon } from './common/languageIcons';
 import Tooltip from './Tooltip.svelte';
 import ObjectStoreConfigSettings from './ObjectStoreConfigSettings.svelte';
 import { sendUserToast } from '../toast';
@@ -22,7 +20,6 @@ import LoadingIcon from './apps/svelte-select/lib/LoadingIcon.svelte';
 import EEOnly from './EEOnly.svelte';
 import CriticalAlertChannels from './instanceSettings/CriticalAlertChannels.svelte';
 import SmtpSettings from './instanceSettings/SmtpSettings.svelte';
-import SecretBackendConfig from './instanceSettings/SecretBackendConfig.svelte';
 import TextInput from './text_input/TextInput.svelte';
 import Label from './Label.svelte';
 let { setting, version, values, loading = true, openSmtpSettings, oauths } = $props();
@@ -802,39 +799,6 @@ if (setting.fieldType == 'select_python') {
 						</div> -->
 						{/if}
 					</div>
-				{:else if setting.fieldType == 'otel_tracing_proxy'}
-					{@const tracingProxyVal = $values[setting.key] ?? { enabled: false, enabled_languages: [...OTEL_TRACING_PROXY_LANGUAGES] }}
-					<div class="flex flex-col gap-4">
-						<Toggle
-							id="otel_tracing_proxy_enabled"
-							checked={tracingProxyVal.enabled ?? false}
-							on:change={(e) => {
-								$values[setting.key] = { ...tracingProxyVal, enabled: e.detail }
-							}}
-							options={{ right: 'Enabled' }}
-						/>
-						{#if tracingProxyVal.enabled}
-							<div class="flex flex-wrap gap-2">
-								{#each OTEL_TRACING_PROXY_LANGUAGES as lang (lang)}
-									{@const isEnabled = (tracingProxyVal.enabled_languages ?? []).includes(lang)}
-									<button
-										class="flex flex-col items-center gap-1 p-2 rounded border transition-all {isEnabled
-											? 'border-blue-500 bg-blue-500/10'
-											: 'border-gray-300 opacity-40 hover:opacity-70'}"
-										onclick={() => {
-											const current = tracingProxyVal.enabled_languages ?? []
-											const newLangs = isEnabled
-												? current.filter((l) => l !== lang)
-												: [...current, lang]
-											$values[setting.key] = { ...tracingProxyVal, enabled_languages: newLangs }
-										}}
-									>
-										<LanguageIcon {lang} size={24} />
-									</button>
-								{/each}
-							</div>
-						{/if}
-					</div>
 				{:else if setting.fieldType == 'object_store_config'}
 					<ObjectStoreConfigSettings bind:bucket_config={$values[setting.key]} />
 					<div class="mb-6"></div>
@@ -891,8 +855,6 @@ if (setting.fieldType == 'select_python') {
 					TODO
 				{:else if setting.fieldType == 'smtp_connect'}
 					<SmtpSettings {values} disabled={loading} />
-				{:else if setting.fieldType == 'secret_backend'}
-					<SecretBackendConfig {values} disabled={loading} />
 				{/if}
 				{#if hasError}
 					<span class="text-red-500 dark:text-red-400 text-sm">

package/package/components/InviteUser.svelte

@@ -1,29 +1,60 @@
-<script lang="ts">import { Button } from './common';
+<script lang="ts">import { sendUserToast } from '../toast';
+import { createEventDispatcher } from 'svelte';
+import { globalEmailInvite, superadmin, workspaceStore } from '../stores';
+import { UserService, WorkspaceService } from '../gen';
+import { Button } from './common';
 import Popover from './meltComponents/Popover.svelte';
+import { isCloudHosted } from '../cloud';
+import { goto } from '../navigation';
 import ToggleButtonGroup from './common/toggleButton-v2/ToggleButtonGroup.svelte';
 import ToggleButton from './common/toggleButton-v2/ToggleButton.svelte';
 import { MailPlus } from 'lucide-svelte';
-const { inviteUser } = $props();
+const dispatch = createEventDispatcher();
 let email = $state('');
 function handleKeyUp(event) {
     const key = event.key;
     if (key === 'Enter') {
         event.preventDefault();
-        inviteUser(email, selected);
-        email = '';
+        inviteUser();
     }
 }
+async function inviteUser() {
+    await WorkspaceService.inviteUser({
+        workspace: $workspaceStore,
+        requestBody: {
+            email,
+            is_admin: selected == 'admin',
+            operator: selected == 'operator'
+        }
+    });
+    sendUserToast(`Invited ${email}`);
+    if (!(await UserService.existsEmail({ email }))) {
+        let isSuperadmin = $superadmin;
+        if (!isCloudHosted()) {
+            sendUserToast(`User ${email} is not registered yet on the instance. ${!isSuperadmin
+                ? `If not using SSO, ask an administrator to add ${email} to the instance`
+                : ''}`, true, isSuperadmin
+                ? [
+                    {
+                        label: 'Add user to the instance',
+                        callback: () => {
+                            $globalEmailInvite = email;
+                            goto('#superadmin-settings');
+                        }
+                    }
+                ]
+                : []);
+        }
+    }
+    dispatch('new');
+    email = '';
+}
 let selected = $state('developer');
 </script>
 
 <Popover floatingConfig={{ strategy: 'absolute', placement: 'bottom-end' }}>
 	{#snippet trigger()}
-		<Button
-			variant="default"
-			unifiedSize="md"
-			nonCaptureEvent={true}
-			startIcon={{ icon: MailPlus }}
-		>
+		<Button variant="accent" size="xs" nonCaptureEvent={true} startIcon={{ icon: MailPlus }}>
 			Invite
 		</Button>
 	{/snippet}
@@ -60,12 +91,7 @@ let selected = $state('developer');
 					/>
 				{/snippet}
 			</ToggleButtonGroup>
-			<Button
-				variant="accent"
-				unifiedSize="md"
-				on:click={() => inviteUser(email, selected)}
-				disabled={!email || email.trim() === ''}
-			>
+			<Button variant="accent" size="sm" on:click={inviteUser} disabled={email === undefined}>
 				Invite
 			</Button>
 		</div>

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

@@ -1,6 +1,20 @@
-interface Props {
-    inviteUser: (email: string, selected: 'operator' | 'developer' | 'admin') => Promise<void>;
+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;
+    };
+    z_$$bindings?: Bindings;
 }
-declare const InviteUser: import("svelte").Component<Props, {}, "">;
-type InviteUser = ReturnType<typeof InviteUser>;
+declare const InviteUser: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    new: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type InviteUser = InstanceType<typeof InviteUser>;
 export default InviteUser;

package/package/components/JsonInputs.svelte

@@ -1,10 +1,12 @@
 <script lang="ts">import SimpleEditor from './SimpleEditor.svelte';
 import { createEventDispatcher } from 'svelte';
 const dispatch = createEventDispatcher();
-let { updateOnBlur = true, placeholder = 'Write a JSON payload. The input schema will be inferred.<br/><br/>Example:<br/><br/>{<br/>&nbsp;&nbsp;"foo": "12"<br/>}', selected = false } = $props();
-let pendingJson = $state('');
-let simpleEditor = $state(undefined);
-let focusTrap = $state();
+export let updateOnBlur = true;
+export let placeholder = 'Write a JSON payload. The input schema will be inferred.<br/><br/>Example:<br/><br/>{<br/>&nbsp;&nbsp;"foo": "12"<br/>}';
+export let selected = false;
+let pendingJson = '';
+let simpleEditor = undefined;
+let focusTrap;
 function updatePayloadFromJson(jsonInput) {
     if (jsonInput === undefined || jsonInput === null || jsonInput.trim() === '') {
         dispatch('select', undefined);
@@ -34,12 +36,12 @@ function handleKeydown(event) {
 }
 </script>
 
-<svelte:window onkeydown={handleKeydown} />
+<svelte:window on:keydown={handleKeydown} />
 
 <!-- Add a hidden button that can receive focus -->
 <button bind:this={focusTrap} class="sr-only" tabindex="-1" aria-hidden="true">Focus trap</button>
 
-<div class="h-full rounded-md border">
+<div class="h-full py-3 rounded-md border">
 	<SimpleEditor
 		bind:this={simpleEditor}
 		on:focus={() => {

package/package/components/JsonInputs.svelte.d.ts

@@ -1,8 +1,3 @@
-interface Props {
-    updateOnBlur?: boolean;
-    placeholder?: string;
-    selected?: boolean;
-}
 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;
@@ -16,7 +11,13 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const JsonInputs: $$__sveltets_2_IsomorphicComponent<Props, {
+declare const JsonInputs: $$__sveltets_2_IsomorphicComponent<{
+    updateOnBlur?: boolean;
+    placeholder?: string;
+    selected?: boolean;
+    setCode?: (code: string) => void;
+    resetSelected?: (dispatchEvent?: boolean) => void;
+}, {
     focus: CustomEvent<any>;
     blur: CustomEvent<any>;
     select: CustomEvent<any>;
@@ -25,6 +26,6 @@ declare const JsonInputs: $$__sveltets_2_IsomorphicComponent<Props, {
 }, {}, {
     setCode: (code: string) => void;
     resetSelected: (dispatchEvent?: boolean) => void;
-}, "">;
+}, string>;
 type JsonInputs = InstanceType<typeof JsonInputs>;
 export default JsonInputs;

package/package/components/LogViewer.svelte

@@ -1,11 +1,9 @@
 <script lang="ts" module>"use strict";
 const s3LogPrefixes = [
-    '[windmill] Previous logs have been saved to object storage at logs/',
-    '[windmill] Previous logs have been saved to disk at logs/',
-    '[windmill] No object storage set in instance settings. Previous logs have been saved to disk at logs/'
+    '\n[windmill] Previous logs have been saved to object storage at logs/',
+    '\n[windmill] Previous logs have been saved to disk at logs/',
+    '\n[windmill] No object storage set in instance settings. Previous logs have been saved to disk at logs/'
 ];
-// Only search within first N characters to avoid expensive full-content scans
-const S3_LOG_SEARCH_LIMIT = 2000;
 </script>
 
 <script lang="ts">import { ClipboardCopy, Download, Expand, Loader2 } from 'lucide-svelte';
@@ -30,60 +28,33 @@ let LOG_INC = 10000;
 let LOG_LIMIT = $state(LOG_INC);
 let lastJobId = $state(jobId);
 let loadedFromObjectStore = $state('');
-function findPrefixInfo(truncateContent) {
-    // Quick check - [windmill] is rare, so bail early in the common case
-    // This is much faster than doing 3 long string indexOf searches
-    const windmillPos = truncateContent.indexOf('[windmill]');
-    if (windmillPos === -1 || windmillPos >= S3_LOG_SEARCH_LIMIT) {
+function findPrefixIndex(truncateContent) {
+    let index = s3LogPrefixes.findIndex((x) => truncateContent.startsWith(x));
+    if (index == -1) {
         return undefined;
     }
-    // Found [windmill] marker, now determine which specific prefix matches
-    for (let i = 0; i < s3LogPrefixes.length; i++) {
-        const prefix = s3LogPrefixes[i];
-        if (truncateContent.length >= windmillPos + prefix.length &&
-            truncateContent.startsWith(prefix, windmillPos)) {
-            return { prefixIndex: i, position: windmillPos };
-        }
-    }
-    return undefined;
+    return index;
 }
-function findStartUrl(truncateContent, prefixInfo) {
-    if (!prefixInfo) {
+function findStartUrl(truncateContent, prefixIndex = undefined) {
+    if (prefixIndex == undefined) {
         return undefined;
     }
-    const { prefixIndex, position } = prefixInfo;
-    const prefix = s3LogPrefixes[prefixIndex];
-    const startOfPath = position + prefix.length;
-    const endOfLine = truncateContent.indexOf('\n', startOfPath);
-    return truncateContent.substring(startOfPath, endOfLine === -1 ? undefined : endOfLine);
-}
-function splitAtWindmillLine(content, prefixInfo) {
-    const { prefixIndex, position } = prefixInfo;
-    const prefix = s3LogPrefixes[prefixIndex];
-    // Find line boundaries
-    const lineStart = position > 0 && content[position - 1] === '\n' ? position - 1 : position;
-    const pathStart = position + prefix.length;
-    const lineEnd = content.indexOf('\n', pathStart);
-    if (lineEnd === -1) {
-        // [windmill] line is at the end
-        return { before: content.substring(0, lineStart), after: '' };
-    }
-    return {
-        before: content.substring(0, lineStart),
-        after: content.substring(lineEnd)
-    };
+    const end = truncateContent.substring(1).indexOf('\n');
+    return prefixIndex != undefined && truncateContent
+        ? truncateContent.substring(s3LogPrefixes[prefixIndex]?.length, end == -1 ? undefined : end + 1)
+        : undefined;
 }
-function tooltipText(prefixInfo) {
-    if (prefixInfo == undefined) {
+function tooltipText(prefixIndex) {
+    if (prefixIndex == undefined) {
         return 'No path/file detected to download from';
     }
-    else if (prefixInfo.prefixIndex == 0) {
+    else if (prefixIndex == 0) {
         return 'Download the previous logs from the instance configured object store';
     }
-    else if (prefixInfo.prefixIndex == 1) {
+    else if (prefixIndex == 1) {
         return 'Attempt to download the logs from disk. Assume there is a shared disk between the workers and the server at /tmp/windmill/logs. Upgrade to EE to use an object store such as S3 instead of a shared volume.';
     }
-    else if (prefixInfo.prefixIndex == 2) {
+    else if (prefixIndex == 2) {
         return 'Attempt to download the logs from disk. Assume there is a shared disk between the workers and the server at /tmp/windmill/logs. Since you are on EE, you can alternatively use an object store such as S3 configured in the instance settings instead of a shared volume..';
     }
 }
@@ -106,6 +77,7 @@ async function getStoreLogs() {
             workspace: $workspaceStore ?? '',
             path: downloadStartUrl
         }));
+        downloadStartUrl = undefined;
         LOG_LIMIT += Math.min(LOG_INC, res.length);
         loadedFromObjectStore = res + loadedFromObjectStore;
         let newC = truncateContent(content, loadedFromObjectStore, LOG_LIMIT);
@@ -133,36 +105,14 @@ $effect.pre(() => {
     }
 });
 let truncatedContent = $derived(truncateContent(content, loadedFromObjectStore, LOG_LIMIT));
-let prefixInfo = $derived(findPrefixInfo(truncatedContent));
-let downloadStartUrl = $derived(findStartUrl(truncatedContent, prefixInfo));
+let prefixIndex = $derived(findPrefixIndex(truncatedContent));
+let downloadStartUrl = $derived(findStartUrl(truncatedContent, prefixIndex));
 $effect.pre(() => {
     truncatedContent && scrollToBottom();
 });
-// When [windmill] line is NOT at start, split into before/after to render button inline
-let splitHtml = $derived.by(() => {
-    if (prefixInfo == undefined || prefixInfo.position === 0) {
-        return undefined;
-    }
-    const { before, after } = splitAtWindmillLine(truncatedContent, prefixInfo);
-    return {
-        before: ansi_up.ansi_to_html(before),
-        after: ansi_up.ansi_to_html(after)
-    };
-});
-// Only compute html when splitHtml won't be used (avoids wasteful ansi_to_html call)
-let html = $derived.by(() => {
-    if (splitHtml) {
-        // splitHtml is active - skip expensive computation
-        return '';
-    }
-    if (prefixInfo == undefined) {
-        // No [windmill] line - return full content
-        return ansi_up.ansi_to_html(truncatedContent);
-    }
-    // [windmill] at start - strip the line and return the rest
-    const { after } = splitAtWindmillLine(truncatedContent, prefixInfo);
-    return ansi_up.ansi_to_html(after);
-});
+let html = $derived(ansi_up.ansi_to_html(downloadStartUrl && prefixIndex != undefined
+    ? truncatedContent.substring(truncatedContent.substring(1).indexOf('\n') + 2, truncatedContent.length)
+    : truncatedContent));
 </script>
 
 <Drawer bind:this={logViewer} bind:open={drawerOpen} size="900px">
@@ -198,15 +148,12 @@ let html = $derived.by(() => {
 				class="bg-surface-secondary text-primary text-xs w-full p-2 whitespace-pre-wrap border rounded-md"
 				>{#if content}{@const len =
 						(content?.length ?? 0) +
-						(loadedFromObjectStore?.length ?? 0)}{#if splitHtml}{@html splitHtml.before}<button
-								onclick={getStoreLogs}
-								>Show more... <Tooltip>{tooltipText(prefixInfo)}</Tooltip></button
-							>{@html splitHtml.after}{:else if downloadStartUrl}<button
+						(loadedFromObjectStore?.length ?? 0)}{#if downloadStartUrl}<button
 							onclick={getStoreLogs}
-							>Show more... <Tooltip>{tooltipText(prefixInfo)}</Tooltip></button
-						><br />{@html html}{:else if len > LOG_LIMIT}(truncated to the last {LOG_LIMIT} characters)...<br
+							>Show more... <Tooltip>{tooltipText(prefixIndex)}</Tooltip></button
+						><br />{:else if len > LOG_LIMIT}(truncated to the last {LOG_LIMIT} characters)...<br
 						/><button onclick={() => showMoreTruncate(len)}>Show more..</button><br
-						/>{@html html}{:else}{@html html}{/if}{:else if isLoading}Waiting for job to start...{:else}No logs are available yet{/if}</pre
+						/>{/if}{@html html}{:else if isLoading}Waiting for job to start...{:else}No logs are available yet{/if}</pre
 			>
 		</div>
 	</DrawerContent>
@@ -283,18 +230,13 @@ let html = $derived.by(() => {
 				)}
 				>{#if content}{@const len =
 						(content?.length ?? 0) +
-						(loadedFromObjectStore?.length ?? 0)}{#if splitHtml}<span>{@html splitHtml.before}</span><button
-								onclick={getStoreLogs}
-								>Show more... &nbsp;<Tooltip>{tooltipText(prefixInfo)}</Tooltip></button
-							><span>{@html splitHtml.after}</span
-						>{:else if downloadStartUrl}<button
+						(loadedFromObjectStore?.length ?? 0)}{#if downloadStartUrl}<button
 							onclick={getStoreLogs}
-							>Show more... &nbsp;<Tooltip>{tooltipText(prefixInfo)}</Tooltip></button
-						><br /><span>{@html html}</span
-						>{:else if len > LOG_LIMIT}<button onclick={() => showMoreTruncate(len)}
+							>Show more... &nbsp;<Tooltip>{tooltipText(prefixIndex)}</Tooltip></button
+						><br />{:else if len > LOG_LIMIT}<button onclick={() => showMoreTruncate(len)}
 							>Show more..</button
-						>&nbsp;({LOG_LIMIT}/{len} chars)<br /><span>{@html html}</span
-						>{:else}<span>{@html html}</span>{/if}{:else if !isLoading}<span>{customEmptyMessage}</span>{/if}</pre
+						>&nbsp;({LOG_LIMIT}/{len} chars)<br />{/if}<span>{@html html}</span
+					>{:else if !isLoading}<span>{customEmptyMessage}</span>{/if}</pre
 			>
 		</div>
 	</div>

package/package/components/Login.svelte

@@ -60,7 +60,6 @@ const providersType = providers.map((p) => p.type);
 let showPassword = $state(false);
 let logins = $state(undefined);
 let saml = $state(undefined);
-let smtpConfigured = $state(undefined);
 async function login() {
     if (!email || !password) {
         sendUserToast('Please fill in both email and password', true);
@@ -160,16 +159,6 @@ async function loadLogins() {
     }
 }
 loadLogins();
-async function checkSmtpConfigured() {
-    try {
-        smtpConfigured = await UserService.isSmtpConfigured();
-    }
-    catch (err) {
-        console.error('Could not check if SMTP is configured', err);
-        smtpConfigured = false;
-    }
-}
-checkSmtpConfigured();
 function handleKeyUp(event) {
     const key = event.key;
     if (key === 'Enter') {
@@ -344,16 +333,6 @@ $effect(() => {
 							autocomplete="current-password"
 						/>
 					</div>
-					{#if smtpConfigured}
-						<div class="text-right pt-1">
-							<a
-								href="{base}/user/forgot-password"
-								class="text-2xs text-blue-500 hover:text-blue-600 dark:text-blue-400 dark:hover:text-blue-300"
-							>
-								Forgot password?
-							</a>
-						</div>
-					{/if}
 				</div>
 
 				<div class="pt-2">

package/package/components/ManualPopover.svelte

@@ -2,11 +2,12 @@
 import Portal from './Portal.svelte';
 import { fade } from 'svelte/transition';
 import { twMerge } from 'tailwind-merge';
+export let placement = 'bottom';
+const [popperRef, popperContent, getInstance] = createPopperActions({ placement });
 export async function refresh() {
     await getInstance()?.update();
 }
-let { placement = 'bottom', class: clazz = '', showTooltip = $bindable(false), children, content } = $props();
-const [popperRef, popperContent, getInstance] = createPopperActions({ placement });
+export let showTooltip = false;
 export function open() {
     showTooltip = true;
 }
@@ -16,16 +17,16 @@ export function close() {
 </script>
 
 <fragment use:popperRef>
-	{@render children?.()}
+	<slot />
 </fragment>
 {#if showTooltip}
 	<Portal name="manual-popover">
 		<div
 			use:popperContent
-			class={twMerge('z-[901] rounded-lg shadow-md border p-4 bg-surface', clazz)}
+			class={twMerge('z-[901] rounded-lg shadow-md border p-4 bg-surface', $$props.class)}
 			transition:fade={{ duration: 200 }}
 		>
-			{@render content?.()}
+			<slot name="content" />
 		</div>
 	</Portal>
 {/if}

package/package/components/ManualPopover.svelte.d.ts

@@ -1,15 +1,41 @@
 import type { PopoverPlacement } from './Popover.model';
-interface Props {
-    placement?: PopoverPlacement;
-    class?: string;
-    showTooltip?: boolean;
-    children?: import('svelte').Snippet;
-    content?: import('svelte').Snippet;
+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 ManualPopover: import("svelte").Component<Props, {
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const ManualPopover: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    placement?: PopoverPlacement | undefined;
+    refresh?: (() => Promise<void>) | undefined;
+    showTooltip?: boolean | undefined;
+    open?: (() => void) | undefined;
+    close?: (() => void) | undefined;
+}, {
+    default: {};
+    content: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+    content: {};
+}, {
     refresh: () => Promise<void>;
     open: () => void;
     close: () => void;
-}, "showTooltip">;
-type ManualPopover = ReturnType<typeof ManualPopover>;
+}, string>;
+type ManualPopover = InstanceType<typeof ManualPopover>;
 export default ManualPopover;

package/package/components/MemoryFootprintViewer.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">import { MetricsService } from '../gen';
 import { displayTime } from '../utils';
-import { workspaceStore } from '../stores';
+import { enterpriseLicense, workspaceStore } from '../stores';
 import { CategoryScale, Chart as ChartJS, Legend, LinearScale, LineElement, PointElement, Title, Tooltip } from 'chart.js';
 import { Line } from './chartjs-wrappers/chartJs';
 import { Alert } from './common';
@@ -48,7 +48,11 @@ $: jobUpdateLastFetch && loadMetricsData();
 </script>
 
 <div class="relative max-h-100">
-	{#if (jobMemoryStats?.length ?? 0) === 0}
+	{#if !$enterpriseLicense}
+		<Alert type="warning" title="Enterprise Edition only feature">
+			Job metrics are only available on Windmill Enterprise Edition.
+		</Alert>
+	{:else if (jobMemoryStats?.length ?? 0) === 0}
 		<Alert type="info" title="No metric available"
 			>No data points available for this job. Metrics are recorded only for jobs running for more
 			than 500ms.</Alert

package/package/components/ModulePreview.svelte

@@ -4,7 +4,7 @@ import Button from './common/button/Button.svelte';
 import ModulePreviewForm from './ModulePreviewForm.svelte';
 import ModuleTest from './ModuleTest.svelte';
 import { getContext } from 'svelte';
-let { mod, schema, pickableProperties, testJob = $bindable(undefined), testIsLoading = $bindable(false), noEditor = false, scriptProgress = $bindable(undefined), focusArg = undefined, class: className = '', onJobDone, hideRunButton = false } = $props();
+let { mod, schema, pickableProperties, testJob = $bindable(undefined), testIsLoading = $bindable(false), noEditor = false, scriptProgress = $bindable(undefined), focusArg = undefined, class: className = '', onJobDone } = $props();
 const { flowStore } = getContext('FlowEditorContext');
 let moduleTest = $state();
 export function runTestWithStepArgs() {
@@ -29,28 +29,26 @@ export function runTestWithStepArgs() {
 		>
 	{/if}
 
-	{#if !hideRunButton}
-		<div class="w-full justify-center flex">
-			{#if testIsLoading}
-				<Button size="sm" on:click={moduleTest?.cancelJob} btnClasses="w-full" color="red">
-					<Loader2 size={16} class="animate-spin mr-1" />
-					Cancel
-				</Button>
-			{:else}
-				<Button
-					variant="accent"
-					btnClasses="truncate"
-					size="sm"
-					on:click={runTestWithStepArgs}
-					shortCut={{
-						Icon: CornerDownLeft
-					}}
-				>
-					Run
-				</Button>
-			{/if}
-		</div>
-	{/if}
+	<div class="w-full justify-center flex">
+		{#if testIsLoading}
+			<Button size="sm" on:click={moduleTest?.cancelJob} btnClasses="w-full" color="red">
+				<Loader2 size={16} class="animate-spin mr-1" />
+				Cancel
+			</Button>
+		{:else}
+			<Button
+				variant="accent"
+				btnClasses="truncate"
+				size="sm"
+				on:click={runTestWithStepArgs}
+				shortCut={{
+					Icon: CornerDownLeft
+				}}
+			>
+				Run
+			</Button>
+		{/if}
+	</div>
 
 	<ModulePreviewForm {pickableProperties} {mod} {schema} {focusArg} />
 </div>

package/package/components/ModulePreview.svelte.d.ts

@@ -14,7 +14,6 @@ interface Props {
     focusArg?: string;
     class?: string;
     onJobDone?: () => void;
-    hideRunButton?: boolean;
 }
 declare const ModulePreview: import("svelte").Component<Props, {
     runTestWithStepArgs: () => void;