windmill-components 1.642.0 → 1.655.0

package/package/components/SupabaseConnect.svelte.d.ts

@@ -2,7 +2,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
     } & Exports;
-    (internal: unknown, props: Props & {
+    (internal: unknown, props: {
         $$events?: Events;
         $$slots?: Slots;
     }): Exports & {
@@ -11,14 +11,12 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const SupabaseConnect: $$__sveltets_2_IsomorphicComponent<{
-    open?: () => Promise<void>;
-}, {
+declare const SupabaseConnect: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
     refresh: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
 }, {}, {
     open: () => Promise<void>;
-}, string>;
+}, "">;
 type SupabaseConnect = InstanceType<typeof SupabaseConnect>;
 export default SupabaseConnect;

package/package/components/SuperadminSettings.svelte

@@ -85,15 +85,17 @@ function handleReviewChanges() {
 						<span class="text-accent">→ {uptodateVersion}</span>
 					{/if}
 				</div>
-				<svelte:fragment slot="text">
-					{#if isCloudHosted()}
-						The cloud version is updated daily.
-					{:else}
-						How to update?<br />
-						- docker: <code>docker compose up -d</code><br />
-						- <a href="https://github.com/windmill-labs/windmill-helm-charts#install">helm</a>
-					{/if}
-				</svelte:fragment>
+				{#snippet text()}
+							
+						{#if isCloudHosted()}
+							The cloud version is updated daily.
+						{:else}
+							How to update?<br />
+							- docker: <code>docker compose up -d</code><br />
+							- <a href="https://github.com/windmill-labs/windmill-helm-charts#install">helm</a>
+						{/if}
+					
+							{/snippet}
 			</MeltTooltip>
 		{/snippet}
 		{#snippet actions()}

package/package/components/SuperadminSettingsInner.svelte

@@ -7,7 +7,7 @@ import { Button } from './common';
 import { sendUserToast } from '../toast';
 import { base } from '../base';
 import SearchItems from './SearchItems.svelte';
-import { page } from '$app/stores';
+import { page } from '$app/state';
 import { goto as gotoUrl } from '$app/navigation';
 import Version from './Version.svelte';
 import Uptodate from './Uptodate.svelte';
@@ -34,10 +34,10 @@ import SettingsSearchInput from './instanceSettings/SettingsSearchInput.svelte';
 let filter = $state('');
 let { closeDrawer, showHeaderInfo = true, yamlMode = $bindable(false), hasUnsavedChanges = $bindable(false) } = $props();
 function removeHash() {
-    const index = $page.url.href.lastIndexOf('#');
+    const index = page.url.href.lastIndexOf('#');
     if (index === -1)
         return;
-    const hashRemoved = $page.url.href.slice(0, index);
+    const hashRemoved = page.url.href.slice(0, index);
     gotoUrl(hashRemoved);
 }
 onDestroy(() => {

package/package/components/TableCustom.svelte

@@ -1,34 +1,32 @@
 <script lang="ts">import { createEventDispatcher } from 'svelte';
-export let paginated = false;
-export let currentPage = 1;
-export let showNext = true;
 const dispatch = createEventDispatcher();
+let { paginated = false, currentPage = 1, showNext = true, class: className = '', headerRow, body } = $props();
 </script>
 
 <!-- A custom table 
 - the first slot should be a <tr>, containing th elements
 - the second slot should be a <tbody>, containing th elements
 -->
-<div class="flex flex-col {$$props.class} min-w-full">
+<div class="flex flex-col {className} min-w-full">
 	<div class="inline-block min-w-full py-2 align-middle">
 		<table class="table-custom min-w-full table-auto divide-y">
 			<thead>
-				<slot name="header-row" />
+				{@render headerRow?.()}
 			</thead>
-			<slot name="body" />
+			{@render body?.()}
 		</table>
 	</div>
 	{#if paginated}
 		<div class="sticky flex flex-row-reverse text-primary mb-6">
 			<button
 				class="ml-2 drop-shadow-md {showNext ? 'visible' : 'invisible'}"
-				on:click={() => dispatch('next')}
+				onclick={() => dispatch('next')}
 			>
 				Next
 			</button>
 			<button
 				class="mx-2 drop-shadow-md {currentPage === 1 ? 'hidden' : ''}"
-				on:click={() => dispatch('previous')}
+				onclick={() => dispatch('previous')}
 			>
 				Previous
 			</button>

package/package/components/TableCustom.svelte.d.ts

@@ -1,3 +1,11 @@
+interface Props {
+    paginated?: boolean;
+    currentPage?: number;
+    showNext?: boolean;
+    class?: string;
+    headerRow?: import('svelte').Snippet;
+    body?: 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;
@@ -11,19 +19,11 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const TableCustom: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: any;
-    paginated?: boolean | undefined;
-    currentPage?: number | undefined;
-    showNext?: boolean | undefined;
-}, {
+declare const TableCustom: $$__sveltets_2_IsomorphicComponent<Props, {
     next: CustomEvent<any>;
     previous: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {
-    'header-row': {};
-    body: {};
-}, {}, string>;
+}, {}, {}, "">;
 type TableCustom = InstanceType<typeof TableCustom>;
 export default TableCustom;

package/package/components/TeamSelector.svelte

@@ -15,7 +15,6 @@ let totalCount = $state(0);
 let preSearchTeams = $state(null);
 let preSearchNextLink = $state(null);
 let preSearchTotalCount = $state(0);
-let selectedTeamId = $state(selectedTeam?.team_id);
 const searchMode = $derived(!teams);
 // Check if there are more teams to load (based on next_link presence)
 const hasMoreTeams = $derived(!!nextLink);
@@ -28,19 +27,19 @@ let displayTeams = $derived.by(() => {
     }
     return baseTeams;
 });
-$effect(() => {
-    const newTeam = selectedTeamId
-        ? displayTeams.find((t) => t.team_id === selectedTeamId)
-        : undefined;
-    if (newTeam?.team_id !== selectedTeam?.team_id) {
-        selectedTeam = newTeam;
+// Single getter/setter to bridge Select's string value ↔ selectedTeam object.
+// This replaces the previous two bidirectional $effect sync blocks.
+function setSelectedTeamById(newId) {
+    if (newId) {
+        const team = displayTeams.find((t) => t.team_id === newId);
+        if (team && team.team_id !== selectedTeam?.team_id) {
+            selectedTeam = team;
+        }
     }
-});
-$effect(() => {
-    if (selectedTeam?.team_id !== selectedTeamId) {
-        selectedTeamId = selectedTeam?.team_id;
+    else if (selectedTeam !== undefined) {
+        selectedTeam = undefined;
     }
-});
+}
 let previousTeamId = $state(undefined);
 $effect(() => {
     if (selectedTeam?.team_id !== previousTeamId) {
@@ -77,6 +76,7 @@ $effect(() => {
     }
 });
 function restorePreSearchState() {
+    debouncedSearch.clearDebounce();
     searchRequestId++; // Invalidate any in-flight search
     if (preSearchTeams !== null) {
         // Restore the accumulated teams from before the search
@@ -216,7 +216,10 @@ async function refreshTeams() {
 						disabled={disabled || isFetching}
 						loading={isFetching}
 						bind:filterText={searchFilterText}
-						bind:value={selectedTeamId}
+						bind:value={
+							() => selectedTeam?.team_id,
+							(newId) => setSelectedTeamById(newId)
+						}
 					/>
 				{:else}
 					<Select
@@ -228,7 +231,10 @@ async function refreshTeams() {
 						placeholder="Select a team"
 						clearable
 						disabled={disabled || isFetching}
-						bind:value={selectedTeamId}
+						bind:value={
+							() => selectedTeam?.team_id,
+							(newId) => setSelectedTeamById(newId)
+						}
 					/>
 				{/if}
 			</div>

package/package/components/TemplateEditor.svelte

@@ -341,7 +341,7 @@ if (typeof code != 'string') {
 }
 const lang = 'template';
 const dispatch = createEventDispatcher();
-const uri = `file:///${hash}.ts`;
+const uri = `file:///${untrack(() => hash)}.ts`;
 export function insertAtCursor(code) {
     if (editor) {
         editor.trigger('keyboard', 'type', { text: code });
@@ -362,7 +362,6 @@ export function getCode() {
 }
 let cip;
 let extraModel;
-let width = $state(0);
 // let widgets: HTMLElement | undefined = document.getElementById('monaco-widgets-root') ?? undefined
 let initialized = $state(false);
 let jsLoader = undefined;
@@ -454,10 +453,6 @@ async function loadMonaco() {
             if (divEl) {
                 divEl.style.height = `${contentHeight}px`;
             }
-            try {
-                editor?.layout({ width, height: contentHeight });
-            }
-            catch { }
         };
         editor.onDidContentSizeChange(updateHeight);
         updateHeight();
@@ -607,7 +602,6 @@ $effect(() => {
 		bind:this={divEl}
 		style="height: 18px;"
 		class="template nonmain-editor rounded-md overflow-clip {!editor ? 'hidden' : ''}"
-		bind:clientWidth={width}
 	></div>
 </div>
 

package/package/components/TestConnection.svelte

@@ -4,10 +4,7 @@ import Button from './common/button/Button.svelte';
 import { sendUserToast } from '../toast';
 import { workspaceStore } from '../stores';
 import { tryEvery } from '../utils';
-export let workspaceOverride = undefined;
-export let resourceType;
-export let args = {};
-export let buttonTextOverride = undefined;
+let { workspaceOverride = undefined, resourceType, args = {}, buttonTextOverride = undefined } = $props();
 const scripts = {
     postgresql: {
         code: `SELECT 1`,
@@ -153,7 +150,7 @@ export async function main(bucket: any) {
         argName: 'bucket'
     }
 };
-let loading = false;
+let loading = $state(false);
 async function testConnection() {
     if (!resourceType)
         return;

package/package/components/TestConnection.svelte.d.ts

@@ -1,23 +1,9 @@
-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 TestConnection: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     workspaceOverride?: string | undefined;
     resourceType: string | undefined;
     args?: Record<string, any> | any;
     buttonTextOverride?: string | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type TestConnection = InstanceType<typeof TestConnection>;
+}
+declare const TestConnection: import("svelte").Component<Props, {}, "">;
+type TestConnection = ReturnType<typeof TestConnection>;
 export default TestConnection;

package/package/components/TimelineBar.svelte

@@ -11,7 +11,7 @@ let { position = 'center', total, min, started_at, len, id, running, concat = fa
 	{/if}
 	<Popover
 		style="width: {(len / total) * 100}%"
-		class="h-4 {gray
+		class="h-4 relative {gray
 			? 'bg-gray-300 dark:bg-gray-600'
 			: running
 				? 'bg-blue-400/90'
@@ -27,7 +27,10 @@ let { position = 'center', total, min, started_at, len, id, running, concat = fa
 			>
 		{/snippet}
 		{#if len > 0}
-			<span class={len / total < 0.09 ? '-ml-14 text-primary font-mono' : 'font-mono'}
+			{@const narrow = len / total < 0.09}
+			{@const endPos = started_at != undefined && min != undefined ? (started_at - min + len) / total : 1}
+			{@const nearStart = endPos < 0.15}
+			<span class={narrow ? (nearStart ? 'absolute left-full ml-2 text-primary font-mono' : 'absolute right-full mr-1 text-primary font-mono') : 'font-mono'}
 				>{#if len}{msToSec(len, 1)}s{/if}</span
 			>
 		{/if}

package/package/components/Toast.svelte

@@ -58,13 +58,13 @@ $effect(() => {
         toast.pop(toastId);
     }
 });
-let color = classes[type];
+let color = classes[untrack(() => type)];
 let containerClass = {
     success: 'toast-success',
     error: 'toast-error',
     info: 'toast-info',
     warning: 'toast-warning'
-}[type];
+}[untrack(() => type)];
 let Icon = $derived(icons[type]);
 let showMore = $state(false);
 const MAX_MSG_LEN = 160;

package/package/components/Toggle.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">import { createBubbler, stopPropagation } from 'svelte/legacy';
 const bubble = createBubbler();
 import { classNames } from '../utils';
-import { createEventDispatcher } from 'svelte';
+import { createEventDispatcher, untrack } from 'svelte';
 import { twMerge } from 'tailwind-merge';
 import Tooltip from './Tooltip.svelte';
 import { AlertTriangle } from 'lucide-svelte';
@@ -9,7 +9,7 @@ import { triggerableByAI } from '../actions/triggerableByAI.svelte';
 import { inputBorderClass } from './text_input/TextInput.svelte';
 let { options = {}, checked = $bindable(), disabled = false, textClass = '', textStyle = '', color = 'blue', id = (Math.random() + 1).toString(36).substring(10), lightMode = false, eeOnly = false, aiId = undefined, aiDescription = undefined, class: className = undefined, size = 'sm', textDisabled = false, right } = $props();
 const dispatch = createEventDispatcher();
-const bothOptions = Boolean(options.left) && Boolean(options.right);
+const bothOptions = Boolean(untrack(() => options).left) && Boolean(untrack(() => options).right);
 </script>
 
 <label

package/package/components/Tooltip.svelte

@@ -1,15 +1,8 @@
-<script lang="ts">/**
- * @deprecated Use `$lib/components/meltComponents/Tooltip.svelte` instead.
- * This legacy tooltip component will be removed in a future version.
- */
-import Markdown from 'svelte-exmarkdown';
-import Popover from './Popover.svelte';
+<script lang="ts">import Popover from './Popover.svelte';
 import { InfoIcon } from 'lucide-svelte';
-import { gfmPlugin } from 'svelte-exmarkdown/gfm';
 import { getContext, hasContext } from 'svelte';
 import { twMerge } from 'tailwind-merge';
-let { light = false, wrapperClass = '', placement = undefined, documentationLink = undefined, small = false, markdownTooltip = undefined, customSize = '100%', class: classNames = '', Icon = InfoIcon, children } = $props();
-const plugins = [gfmPlugin()];
+let { light = false, wrapperClass = '', placement = undefined, documentationLink = undefined, small = false, customSize = '100%', class: classNames = '', Icon = InfoIcon, children } = $props();
 const disableTooltips = hasContext('disableTooltips')
     ? getContext('disableTooltips') === true
     : false;
@@ -31,13 +24,7 @@ const disableTooltips = hasContext('disableTooltips')
 			<Icon class="{small ? 'bottom-0' : '-bottom-0.5'} absolute" size={small ? 12 : 14} />
 		</div>
 		{#snippet text()}
-			{#if markdownTooltip}
-				<div class="prose-sm">
-					<Markdown md={markdownTooltip} {plugins} />
-				</div>
-			{:else}
-				{@render children?.()}
-			{/if}
+			{@render children?.()}
 		{/snippet}
 	</Popover>
 {/if}

package/package/components/Tooltip.svelte.d.ts

@@ -1,3 +1,7 @@
+/**
+     * @deprecated Use `$lib/components/meltComponents/Tooltip.svelte` instead.
+     * This legacy tooltip component will be removed in a future version.
+     */
 import type { PopoverPlacement } from './Popover.model';
 import { InfoIcon } from 'lucide-svelte';
 interface Props {
@@ -6,7 +10,6 @@ interface Props {
     placement?: PopoverPlacement | undefined;
     documentationLink?: string | undefined;
     small?: boolean;
-    markdownTooltip?: string | undefined;
     customSize?: string;
     class?: string;
     Icon?: typeof InfoIcon;

package/package/components/TooltipInner.svelte

@@ -1,11 +1,6 @@
-<script lang="ts">import Markdown from 'svelte-exmarkdown';
-import { ExternalLink } from 'lucide-svelte';
-import { gfmPlugin } from 'svelte-exmarkdown/gfm';
+<script lang="ts">import { ExternalLink } from 'lucide-svelte';
 import { twMerge } from 'tailwind-merge';
-export let documentationLink = undefined;
-export let markdownTooltip = undefined;
-export let customBgClass = undefined;
-const plugins = [gfmPlugin()];
+let { documentationLink = undefined, customBgClass = undefined, children } = $props();
 </script>
 
 <div
@@ -14,13 +9,7 @@ const plugins = [gfmPlugin()];
 		customBgClass || 'bg-surface-secondary'
 	)}
 >
-	{#if markdownTooltip}
-		<div class="prose-sm">
-			<Markdown md={markdownTooltip} {plugins} />
-		</div>
-	{:else}
-		<slot />
-	{/if}
+	{@render children?.()}
 
 	{#if documentationLink}
 		<a href={documentationLink} target="_blank">

package/package/components/TooltipInner.svelte.d.ts

@@ -1,31 +1,8 @@
-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;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const TooltipInner: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+interface Props {
     documentationLink?: string | undefined;
-    markdownTooltip?: string | undefined;
     customBgClass?: string | undefined;
-}, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type TooltipInner = InstanceType<typeof TooltipInner>;
+    children?: import('svelte').Snippet;
+}
+declare const TooltipInner: import("svelte").Component<Props, {}, "">;
+type TooltipInner = ReturnType<typeof TooltipInner>;
 export default TooltipInner;

package/package/components/Uptodate.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">import { SettingsService } from '../gen';
 import { isCloudHosted } from '../cloud';
 import Tooltip from './Tooltip.svelte';
-let uptodate = undefined;
+let uptodate = $state(undefined);
 async function loadVersion() {
     try {
         const res = await SettingsService.backendUptodate();

package/package/components/Uptodate.svelte.d.ts

@@ -1,18 +1,3 @@
-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 Uptodate: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Uptodate = InstanceType<typeof Uptodate>;
+declare const Uptodate: import("svelte").Component<Record<string, never>, {}, "">;
+type Uptodate = ReturnType<typeof Uptodate>;
 export default Uptodate;

package/package/components/Urlize.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">import { urlize } from '../utils';
-export let text;
-$: parsed = text ? urlize(text, 'html') : '';
+let { text } = $props();
+let parsed = $derived(text ? urlize(text, 'html') : '');
 </script>
 
 {@html parsed}

package/package/components/Urlize.svelte.d.ts

@@ -1,20 +1,6 @@
-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 Urlize: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     text: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Urlize = InstanceType<typeof Urlize>;
+}
+declare const Urlize: import("svelte").Component<Props, {}, "">;
+type Urlize = ReturnType<typeof Urlize>;
 export default Urlize;

package/package/components/Version.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">import { SettingsService } from '../gen';
-let version = '';
+let version = $state('');
 loadVersion();
 async function loadVersion() {
     version = await SettingsService.backendVersion();

package/package/components/Version.svelte.d.ts

@@ -1,18 +1,3 @@
-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 Version: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Version = InstanceType<typeof Version>;
+declare const Version: import("svelte").Component<Record<string, never>, {}, "">;
+type Version = ReturnType<typeof Version>;
 export default Version;

package/package/components/WhitelistIp.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">import { WorkerService } from '../gen';
 import { Alert } from './common';
-let ips = undefined;
+let ips = $state(undefined);
 WorkerService.listWorkers({ pingSince: 300 }).then((workers) => {
     ips = [
         ...new Set(workers

package/package/components/WhitelistIp.svelte.d.ts

@@ -1,18 +1,3 @@
-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 WhitelistIp: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type WhitelistIp = InstanceType<typeof WhitelistIp>;
+declare const WhitelistIp: import("svelte").Component<Record<string, never>, {}, "">;
+type WhitelistIp = ReturnType<typeof WhitelistIp>;
 export default WhitelistIp;

package/package/components/WorkerGroup.svelte

@@ -1046,11 +1046,7 @@ $effect(() => {
 			{#if hasWorkersWithoutIsolation(workers)}
 				{@const unsafeWorkers = getWorkersWithoutIsolation(workers)}
 				<div class="flex justify-end">
-					<Tooltip
-						placement="bottom"
-						closeButton
-						containerClasses="border rounded-lg shadow-lg bg-surface"
-					>
+					<Tooltip placement="bottom">
 						<TriangleAlert size={14} class="text-yellow-600" />
 
 						{#snippet text()}

package/package/components/WorkerRepl.svelte

@@ -333,9 +333,8 @@ listPendingJobs();
 						Full path
 
 						<Tooltip
-							markdownTooltip="Commands run in the default directory. Run a standalone `cd` to change it. Chained or invalid `cd` commands won’t apply."
 							class="absolute top-0.5"
-						/>
+						>Commands run in the default directory. Run a standalone ‘cd’ to change it. Chained or invalid ‘cd’ commands won’t apply.</Tooltip>
 					</Badge>
 				</div>
 				<input type="text" disabled bind:value={working_directory} />