windmill-components 1.642.0 → 1.655.1

package/package/components/runs/useJobsLoader.svelte.js

@@ -47,7 +47,6 @@ export function useJobsLoader(args) {
     let refreshRate = $derived(_args.refreshRate ?? 5000);
     let syncQueuedRunsCount = $derived(_args.syncQueuedRunsCount ?? true);
     let lookback = $derived(_args.lookback ?? 0);
-    let onSetPerPage = $derived(_args.onSetPerPage);
     let timeframe = $derived(_args?.timeframe);
     let perPage = $derived(_args?.perPage ?? 1000);
     let label = $derived(filters?.label ?? null);
@@ -68,23 +67,41 @@ export function useJobsLoader(args) {
     let folder = $derived(filters?.folder);
     let path = $derived(filters?.path);
     let argFilter = $derived(filters?.arg);
+    let broadFilter = $derived(filters?._default_ || undefined);
     let queue_count = $state();
     let suspended_count = $state();
     let loading = $state(false);
-    let lastFetchWentToEnd = $state(false);
+    let loadingExtra = $state(false);
+    let lastFetchWentToEnd = $state(true);
+    let batchProgress = $state(null);
     let completedJobs = $state();
     let externalJobs = $state();
     let extendedJobs = $state();
     let jobs = $state();
     let intervalId = $state();
     let sync = true;
+    let paramChangeTimeout;
+    let paramChangePromise;
+    let slowStreamIntervalId;
+    let currentBatchSize = $state(null);
     function onParamChanges() {
         resetJobs();
+        slowStreamIntervalId = setInterval(() => {
+            sendUserToast('Loading is taking a long time...', 'warning', [{ label: 'Stop loading', callback: () => stopBatchLoading() }], undefined, 8000);
+        }, 15000);
         let promise = loadJobsIntern(true);
-        promise = CancelablePromiseUtils.onTimeout(promise, 4000, () => {
-            sendUserToast('Loading jobs is taking longer than expected...', true, perPage > 25 && onSetPerPage
-                ? [{ label: 'Reduce to 25 items per page', callback: () => onSetPerPage(25) }]
-                : []);
+        if (perPage > 25) {
+            promise = CancelablePromiseUtils.onTimeout(promise, 4000, () => {
+                sendUserToast('Loading jobs is taking longer than expected...', 'warning', [
+                    { label: 'Stream by batches of 25', callback: () => restreamWithSmallBatches() }
+                ]);
+            });
+        }
+        promise = CancelablePromiseUtils.finallyDo(promise, () => {
+            if (slowStreamIntervalId) {
+                clearInterval(slowStreamIntervalId);
+                slowStreamIntervalId = undefined;
+            }
         });
         promise = CancelablePromiseUtils.catchErr(promise, (e) => {
             if (e instanceof CancelError) {
@@ -94,52 +111,83 @@ export function useJobsLoader(args) {
         });
         return promise;
     }
-    let loadingFetch = false;
-    async function loadExtraJobs() {
-        if (jobs && jobs.length > 0) {
-            let minQueueTs = undefined;
-            let minCompletedTs = undefined;
-            let cursor = 0;
-            while (jobs && cursor < jobs?.length) {
-                cursor++;
-                const job = jobs[jobs.length - 1 - cursor];
-                if (job.type == 'CompletedJob') {
-                    minCompletedTs = job.completed_at;
-                    break;
-                }
-                else if (job.type == 'QueuedJob' && minQueueTs == undefined) {
-                    minQueueTs = job.created_at;
-                }
+    function restreamWithBatchSize(size) {
+        paramChangePromise?.cancel();
+        resetJobs();
+        slowStreamIntervalId = setInterval(() => {
+            sendUserToast('Loading is taking a long time...', 'warning', [{ label: 'Stop loading', callback: () => stopBatchLoading() }], undefined, 8000);
+        }, 15000);
+        paramChangePromise = loadJobsIntern(false, size);
+        paramChangePromise = CancelablePromiseUtils.finallyDo(paramChangePromise, () => {
+            if (slowStreamIntervalId) {
+                clearInterval(slowStreamIntervalId);
+                slowStreamIntervalId = undefined;
             }
-            const ts = minCompletedTs ?? minQueueTs;
-            if (!ts) {
-                sendUserToast('No jobs to load from');
-                lastFetchWentToEnd = false;
-                return;
+        });
+        paramChangePromise = CancelablePromiseUtils.catchErr(paramChangePromise, (e) => {
+            if (e instanceof CancelError) {
+                return CancelablePromiseUtils.pure(undefined);
             }
-            // const minCreated = lastJob?.created_at
-            const minCreated = new Date(new Date(ts).getTime() - 1).toISOString();
-            const minTs = timeframe?.computeMinMax().minTs ?? null;
-            let olderJobs = await fetchJobs(minCreated, minTs, undefined);
-            jobs = updateWithNewJobs(olderJobs ?? [], jobs ?? []);
-            computeCompletedJobs();
-            lastFetchWentToEnd = olderJobs?.length < perPage;
+            return CancelablePromiseUtils.err(e);
+        });
+    }
+    function restreamWithSmallBatches() {
+        restreamWithBatchSize(25);
+    }
+    function restreamWithSingleItems() {
+        restreamWithBatchSize(1);
+    }
+    let loadingFetch = false;
+    async function loadExtraJobs() {
+        loading = true;
+        loadingExtra = true;
+        const batchSize = Math.min(perPage, 1000);
+        await loadExtraJobsBatch(batchSize);
+        loadingExtra = false;
+    }
+    function loadExtraJobsBatch(batchSize) {
+        if (!jobs || jobs.length === 0) {
+            lastFetchWentToEnd = true;
+            return CancelablePromiseUtils.pure(undefined);
         }
-        else {
-            lastFetchWentToEnd = false;
+        const lastJob = jobs[jobs.length - 1];
+        const ts = lastJob.created_at;
+        if (!ts) {
+            lastFetchWentToEnd = true;
+            return CancelablePromiseUtils.pure(undefined);
         }
+        const cursorTs = new Date(new Date(ts).getTime() - 1).toISOString();
+        const minTs = timeframe?.computeMinMax().minTs ?? null;
+        return CancelablePromiseUtils.map(fetchJobs(null, minTs, undefined, cursorTs, batchSize), (olderJobs) => {
+            jobs = updateWithNewJobs(olderJobs ?? [], jobs ?? []);
+            if (extendedJobs) {
+                extendedJobs.jobs = jobs ?? [];
+                extendedJobs = extendedJobs;
+            }
+            computeCompletedJobs();
+            lastFetchWentToEnd = (olderJobs?.length ?? 0) < batchSize;
+            loading = false;
+        });
     }
-    function fetchJobs(completedBefore, completedAfter, createdAfterQueue) {
+    function fetchJobs(completedBefore, completedAfter, createdAfterQueue, createdBefore, perPageOverride) {
         if (_args.skip)
             return CancelablePromiseUtils.pure([]);
         loadingFetch = true;
         let scriptPathStart = folder == null || folder === '' ? undefined : `f/${folder}/`;
         let scriptPathExact = path == null || path === '' ? undefined : path;
+        let isQueueOnly = success == 'running' || success == 'suspended' || success == 'waiting';
+        let isCompletedOnly = success == 'success' || success == 'failure';
         let promise = JobService.listJobs({
             workspace: currentWorkspace,
-            completedBefore: completedBefore ?? undefined,
-            completedAfter: completedAfter ?? undefined,
-            createdAfterQueue,
+            createdBefore: createdBefore ?? undefined,
+            completedBefore: isQueueOnly ? undefined : (completedBefore ?? undefined),
+            completedAfter: isQueueOnly ? undefined : (completedAfter ?? undefined),
+            createdBeforeQueue: isQueueOnly ? (completedBefore ?? undefined) : undefined,
+            createdAfterQueue: isCompletedOnly
+                ? undefined
+                : isQueueOnly
+                    ? (completedAfter ?? createdAfterQueue)
+                    : createdAfterQueue,
             schedulePath: schedulePath ?? undefined,
             scriptPathExact,
             createdBy: user == null || user === '' ? undefined : user,
@@ -168,8 +216,9 @@ export function useJobsLoader(args) {
                 : undefined,
             triggerKind: jobTriggerKind ?? undefined,
             allWorkspaces: allWorkspaces ? true : undefined,
-            perPage,
-            allowWildcards: allowWildcards ? true : undefined
+            perPage: perPageOverride ?? perPage,
+            allowWildcards: allowWildcards ? true : undefined,
+            broadFilter
         });
         promise = CancelablePromiseUtils.catchErr(promise, (e) => {
             if (e instanceof CancelError)
@@ -233,16 +282,32 @@ export function useJobsLoader(args) {
             resetJobs();
         await loadJobsIntern(shouldGetCount);
     }
+    function stopBatchLoading() {
+        paramChangePromise?.cancel();
+        if (slowStreamIntervalId) {
+            clearInterval(slowStreamIntervalId);
+            slowStreamIntervalId = undefined;
+        }
+        batchProgress = null;
+        currentBatchSize = null;
+        loading = false;
+    }
     function resetJobs() {
         jobs = undefined;
         completedJobs = undefined;
         externalJobs = undefined;
         extendedJobs = undefined;
         lastFetchWentToEnd = false;
+        batchProgress = null;
+        currentBatchSize = null;
+        if (slowStreamIntervalId) {
+            clearInterval(slowStreamIntervalId);
+            slowStreamIntervalId = undefined;
+        }
         intervalId && clearInterval(intervalId);
         intervalId = setInterval(syncer, refreshRate);
     }
-    function loadJobsIntern(shouldGetCount) {
+    function loadJobsIntern(shouldGetCount, overrideBatchSize) {
         const { minTs, maxTs } = timeframe?.computeMinMax() ?? { minTs: null, maxTs: null };
         if (shouldGetCount) {
             getCount();
@@ -253,15 +318,62 @@ export function useJobsLoader(args) {
         // lookback won't be needed anymore (just filter ended_at > minTs instead
         const extendedMinTs = subtractDaysFromDateString(minTs, lookback);
         if (concurrencyKey == null || concurrencyKey === '') {
-            return CancelablePromiseUtils.map(fetchJobs(maxTs, null, extendedMinTs), (newJobs) => {
+            const batchSize = overrideBatchSize ?? Math.min(perPage, 1000);
+            const isBatched = perPage > batchSize;
+            if (isBatched) {
+                batchProgress = { loaded: 0, total: perPage };
+            }
+            currentBatchSize = batchSize;
+            let slowBatchToastShown = false;
+            let firstFetchPromise = fetchJobs(maxTs, extendedMinTs ?? null, extendedMinTs, undefined, batchSize);
+            if (isBatched && batchSize > 1) {
+                firstFetchPromise = CancelablePromiseUtils.onTimeout(firstFetchPromise, 4000, () => {
+                    if (!slowBatchToastShown) {
+                        slowBatchToastShown = true;
+                        sendUserToast(`Streaming by batches of ${batchSize} is slow, try loading one at a time`, 'warning', [{ label: 'Stream 1 by 1', callback: () => restreamWithSingleItems() }]);
+                    }
+                });
+            }
+            let p = CancelablePromiseUtils.map(firstFetchPromise, (newJobs) => {
                 extendedJobs = { jobs: newJobs, obscured_jobs: [] };
                 // Filter on minTs here and not in the backend
                 // to get enough data for the concurrency graph
                 jobs = sortMinDate(minTs, newJobs);
                 externalJobs = [];
                 computeCompletedJobs();
+                lastFetchWentToEnd = newJobs.length < batchSize;
                 loading = false;
+                if (isBatched) {
+                    batchProgress = { loaded: jobs?.length ?? 0, total: perPage };
+                }
+            });
+            if (isBatched) {
+                const numExtraBatches = Math.ceil(perPage / batchSize) - 1;
+                for (let i = 0; i < numExtraBatches; i++) {
+                    p = CancelablePromiseUtils.then(p, () => {
+                        if (lastFetchWentToEnd || !jobs)
+                            return CancelablePromiseUtils.pure(undefined);
+                        loading = true;
+                        let batchPromise = CancelablePromiseUtils.pipe(loadExtraJobsBatch(batchSize), () => {
+                            batchProgress = { loaded: jobs?.length ?? 0, total: perPage };
+                        });
+                        if (batchSize > 1 && !slowBatchToastShown) {
+                            batchPromise = CancelablePromiseUtils.onTimeout(batchPromise, 4000, () => {
+                                if (!slowBatchToastShown) {
+                                    slowBatchToastShown = true;
+                                    sendUserToast(`Streaming by batches of ${batchSize} is slow, try loading one at a time`, 'warning', [{ label: 'Stream 1 by 1', callback: () => restreamWithSingleItems() }]);
+                                }
+                            });
+                        }
+                        return batchPromise;
+                    });
+                }
+            }
+            p = CancelablePromiseUtils.pipe(p, () => {
+                batchProgress = null;
+                currentBatchSize = null;
             });
+            return p;
         }
         else {
             return CancelablePromiseUtils.map(fetchExtendedJobs(concurrencyKey, maxTs, extendedMinTs ?? null), (newExtendedJobs) => {
@@ -284,6 +396,7 @@ export function useJobsLoader(args) {
                     externalJobs = computeExternalJobs(newExternalJobs);
                 }
                 computeCompletedJobs();
+                lastFetchWentToEnd = newJobs.length < perPage;
                 loading = false;
             });
         }
@@ -313,6 +426,9 @@ export function useJobsLoader(args) {
         if (loadingFetch) {
             return;
         }
+        if (timeframe?.type === 'manual') {
+            return;
+        }
         if (sync) {
             if (syncQueuedRunsCount) {
                 getCount();
@@ -443,17 +559,32 @@ export function useJobsLoader(args) {
         if (intervalId) {
             clearInterval(intervalId);
         }
+        if (slowStreamIntervalId) {
+            clearInterval(slowStreamIntervalId);
+            slowStreamIntervalId = undefined;
+        }
+        paramChangePromise?.cancel();
     });
     $effect(() => {
         Object.keys(filters ?? {}).map((k) => filters?.[k]);
         currentWorkspace;
         lookback;
-        timeframe;
         perPage;
         showSchedules;
         showFutureJobs;
-        let p = untrack(() => onParamChanges());
-        return () => p.cancel();
+        clearTimeout(paramChangeTimeout);
+        paramChangePromise?.cancel();
+        paramChangeTimeout = setTimeout(() => {
+            paramChangePromise = untrack(() => onParamChanges());
+        }, 0);
+        return () => {
+            clearTimeout(paramChangeTimeout);
+            paramChangePromise?.cancel();
+            if (slowStreamIntervalId) {
+                clearInterval(slowStreamIntervalId);
+                slowStreamIntervalId = undefined;
+            }
+        };
     });
     $effect(() => {
         ;
@@ -476,6 +607,14 @@ export function useJobsLoader(args) {
     return {
         loadExtraJobs,
         loadJobs,
+        stopBatchLoading,
+        restreamWithBatchSize,
+        get batchProgress() {
+            return batchProgress;
+        },
+        get currentBatchSize() {
+            return currentBatchSize;
+        },
         get queue_count() {
             return queue_count;
         },
@@ -485,6 +624,9 @@ export function useJobsLoader(args) {
         get loading() {
             return loading;
         },
+        get loadingExtra() {
+            return loadingExtra;
+        },
         get completedJobs() {
             return completedJobs;
         },

package/package/components/schedules/schedulesFilter.d.ts

@@ -11,6 +11,10 @@ export declare function buildSchedulesFilterSchema({ paths, scriptPaths, showUse
         icon: typeof Users;
         description: string;
     } | undefined;
+    _default_: {
+        type: "string";
+        hidden: true;
+    };
     schedule_path: {
         type: "oneof";
         options: {

package/package/components/schedules/schedulesFilter.js

@@ -1,6 +1,10 @@
 import { FileCode, FileText, Clock, Braces, Users } from 'lucide-svelte';
 export function buildSchedulesFilterSchema({ paths, scriptPaths, showUserFoldersFilter, userFoldersLabel }) {
     return {
+        _default_: {
+            type: 'string',
+            hidden: true
+        },
         schedule_path: {
             type: 'oneof',
             options: paths.map((s) => ({ label: s, value: s })),

package/package/components/schema/AddProperty.svelte

@@ -3,7 +3,7 @@ import { emptySchema, sendUserToast } from '../../utils';
 import { createEventDispatcher } from 'svelte';
 import SimpleEditor from '../SimpleEditor.svelte';
 import AddPropertyForm from './AddPropertyForm.svelte';
-export let schema = emptySchema();
+let { schema = $bindable(emptySchema()) } = $props();
 export const DEFAULT_PROPERTY = {
     selectedType: 'string',
     description: '',

package/package/components/schema/AddProperty.svelte.d.ts

@@ -1,4 +1,7 @@
 import { type Schema, type ModalSchemaProperty } from '../../common';
+interface Props {
+    schema?: Schema | 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;
@@ -12,17 +15,13 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const AddProperty: $$__sveltets_2_IsomorphicComponent<{
-    schema?: Schema | any;
-    DEFAULT_PROPERTY?: ModalSchemaProperty;
-    handleDeleteArgument?: (argPath: string[], nschema?: Schema) => void;
-}, {
+declare const AddProperty: $$__sveltets_2_IsomorphicComponent<Props, {
     change: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
 }, {}, {
     DEFAULT_PROPERTY: ModalSchemaProperty;
     handleDeleteArgument: (argPath: string[], nschema?: Schema) => void;
-}, string>;
+}, "schema">;
 type AddProperty = InstanceType<typeof AddProperty>;
 export default AddProperty;

package/package/components/schema/AddPropertyForm.svelte

@@ -2,7 +2,7 @@
 import { Button } from '../common';
 import { Plus } from 'lucide-svelte';
 import TextInput from '../text_input/TextInput.svelte';
-let name = '';
+let name = $state('');
 const dispatch = createEventDispatcher();
 function addField() {
     dispatch('add', { name });

package/package/components/schema/AddPropertyForm.svelte.d.ts

@@ -15,6 +15,6 @@ declare const AddPropertyForm: $$__sveltets_2_IsomorphicComponent<Record<string,
     add: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+}, {}, {}, "">;
 type AddPropertyForm = InstanceType<typeof AddPropertyForm>;
 export default AddPropertyForm;

package/package/components/schema/EditableSchemaSdkWrapper.svelte

@@ -1,8 +1,9 @@
-<script lang="ts">import { readFieldsRecursively } from '../../utils';
+<script lang="ts">import { untrack } from 'svelte';
+import { readFieldsRecursively } from '../../utils';
 import { deepEqual } from 'fast-equals';
 import EditableSchemaWrapper from './EditableSchemaWrapper.svelte';
 let { schema: oldSchema, onSchemaChange, ...props } = $props();
-let schema = $state(oldSchema);
+let schema = $state(untrack(() => oldSchema));
 let lastSchema = $state(undefined);
 $effect(() => {
     if (onSchemaChange && schema) {

package/package/components/schema/FlowPropertyEditor.svelte

@@ -123,11 +123,7 @@ let customObjectSelected = $state(format?.startsWith('jsonschema-') ? 'json-sche
 			<div class="flex flex-row gap-2 items-center ml-1 mt-4 mb-2">
 				<span class="font-semibold text-sm">{oneOfSelected}</span>
 
-				<Popover
-					floatingConfig={{ strategy: 'absolute', placement: 'bottom-end' }}
-					containerClasses="border rounded-lg shadow-lg p-4 bg-surface"
-					closeButton
-				>
+				<Popover floatingConfig={{ strategy: 'absolute', placement: 'bottom-end' }} closeButton>
 					{#snippet trigger()}
 						<Button
 							size="xs2"

package/package/components/schema/RunningJobSchemaPicker.svelte

@@ -2,18 +2,15 @@
 import Skeleton from '../common/skeleton/Skeleton.svelte';
 import { JobService } from '../../gen/index.js';
 import { workspaceStore } from '../../stores';
-import { createEventDispatcher } from 'svelte';
+import { createEventDispatcher, untrack } from 'svelte';
 import { ExternalLink } from 'lucide-svelte';
 import { base } from '../../base';
 import { Cell, Row } from '../table';
 import { twMerge } from 'tailwind-merge';
-export let job;
-export let selected = false;
-export let payloadData = undefined;
 const dispatch = createEventDispatcher();
-export let hovering = false;
-let loadingArgs = true;
-loadArgsFromRunningJob(job.id);
+let { job, selected = false, payloadData = $bindable(undefined), hovering = $bindable(false) } = $props();
+let loadingArgs = $state(true);
+loadArgsFromRunningJob(untrack(() => job).id);
 async function loadArgsFromRunningJob(id) {
     if (!id)
         return;
@@ -45,29 +42,33 @@ async function loadArgsFromRunningJob(id) {
 		on:hover={(e) => (hovering = e.detail ? true : false)}
 	>
 		<SchemaPickerRow {payloadData} date={job.started_at} {hovering}>
-			<svelte:fragment slot="start">
-				<div class="center-center">
-					<div
-						class={twMerge(
-							'rounded-full w-2 h-2 animate-pulse',
-							job.suspend ? 'bg-violet-400' : 'bg-orange-400'
-						)}
-						title="Running"
-					></div>
-				</div>
-			</svelte:fragment>
-			<svelte:fragment slot="extra">
-				<div class="center-center {hovering ? '' : '!hidden'}">
-					<a
-						target="_blank"
-						href="{base}/run/{job.id}?workspace={$workspaceStore}"
-						class="text-right float-right text-secondary"
-						title="See run detail in a new tab"
-					>
-						<ExternalLink size={16} />
-					</a>
-				</div>
-			</svelte:fragment>
+			{#snippet start()}
+					
+					<div class="center-center">
+						<div
+							class={twMerge(
+								'rounded-full w-2 h-2 animate-pulse',
+								job.suspend ? 'bg-violet-400' : 'bg-orange-400'
+							)}
+							title="Running"
+						></div>
+					</div>
+				
+					{/snippet}
+			{#snippet extra()}
+					
+					<div class="center-center {hovering ? '' : '!hidden'}">
+						<a
+							target="_blank"
+							href="{base}/run/{job.id}?workspace={$workspaceStore}"
+							class="text-right float-right text-secondary"
+							title="See run detail in a new tab"
+						>
+							<ExternalLink size={16} />
+						</a>
+					</div>
+				
+					{/snippet}
 		</SchemaPickerRow>
 	</Row>
 {/if}

package/package/components/schema/RunningJobSchemaPicker.svelte.d.ts

@@ -1,3 +1,9 @@
+interface Props {
+    job: any;
+    selected?: boolean;
+    payloadData?: any | undefined;
+    hovering?: 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;
@@ -11,15 +17,10 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const RunningJobSchemaPicker: $$__sveltets_2_IsomorphicComponent<{
-    job: any;
-    selected?: boolean;
-    payloadData?: any | undefined;
-    hovering?: boolean;
-}, {
+declare const RunningJobSchemaPicker: $$__sveltets_2_IsomorphicComponent<Props, {
     select: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+}, {}, {}, "hovering" | "payloadData">;
 type RunningJobSchemaPicker = InstanceType<typeof RunningJobSchemaPicker>;
 export default RunningJobSchemaPicker;

package/package/components/schema/SchemaPickerRow.svelte

@@ -16,10 +16,10 @@ let objectViewerLoaded = $state(false);
 let popoverFullyOpened = $state(false);
 let popoverOpenTimeout = null;
 const dispatch = createEventDispatcher();
-const payloadTooBigForPreview = payloadData != 'WINDMILL_TOO_BIG' && isObjectTooBig(payloadData);
-const isTooBig = payloadData === 'WINDMILL_TOO_BIG' || payloadTooBigForPreview;
+const payloadTooBigForPreview = untrack(() => payloadData) != 'WINDMILL_TOO_BIG' && isObjectTooBig(untrack(() => payloadData));
+const isTooBig = untrack(() => payloadData) === 'WINDMILL_TOO_BIG' || payloadTooBigForPreview;
 const floatingConfig = {
-    placement,
+    placement: untrack(() => placement),
     strategy: 'fixed',
     offset: { mainAxis: 4 },
     gutter: 0,

package/package/components/scriptEditor/LogPanel.svelte

@@ -36,7 +36,14 @@ function closeDrawer() {
     drawerOpen = false;
 }
 function asWorkflowStatus(x) {
-    return x;
+    if (!x || typeof x !== 'object')
+        return {};
+    const result = {};
+    for (const [k, v] of Object.entries(x)) {
+        if (!k.startsWith('_'))
+            result[k] = v;
+    }
+    return result;
 }
 let forceJson = $state(false);
 </script>
@@ -71,7 +78,9 @@ let forceJson = $state(false);
 		{#if showCaptures && customUi?.disableTriggerCaptures !== true}
 			<Tab value="captures" label="Trigger captures" />
 		{/if}
-		<Tab value="tracing" label="Tracing" />
+		{#if customUi?.disableTracing !== true}
+			<Tab value="tracing" label="Tracing" />
+		{/if}
 
 		{#snippet content()}
 			<div class="grow min-h-0">

package/package/components/script_builder.d.ts

@@ -13,7 +13,7 @@ export interface ScriptBuilderProps {
     disableAi?: boolean;
     fullyLoaded?: boolean;
     initialPath?: string;
-    template?: 'docker' | 'bunnative' | 'script';
+    template?: 'docker' | 'bunnative' | 'claudesandbox' | 'script';
     initialArgs?: Record<string, any>;
     lockedLanguage?: boolean;
     showMeta?: boolean;

package/package/components/search/QuickMenuItem.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">import { isMac } from '../../utils';
-import { onDestroy, onMount } from 'svelte';
+import { onDestroy, onMount, untrack } from 'svelte';
 import { twMerge } from 'tailwind-merge';
 // const dispatch = createEventDispatcher()
 onMount(() => {
@@ -20,7 +20,7 @@ async function handleKeydown(event) {
     }
 }
 let { hovered = false, id, label = '', icon = undefined, shortcutKey = undefined, containerClass = undefined, mouseMoved = $bindable(false), kbdClass = $bindable(''), small = true, itemReplacement, onselect = () => { }, onhover = () => { }, onkeyboardSpecificSelect } = $props();
-if (small) {
+if (untrack(() => small)) {
     kbdClass = twMerge(kbdClass, '!text-[10px]  px-1', false && isMac() ? '!text-lg ' : 'text-xs', 'leading-none');
 }
 else {

package/package/components/search/RunsSearch.svelte

@@ -211,7 +211,11 @@ async function loadMoreJobs(s, paginationOffset) {
 					<div class="text-sm">There were no completed runs that match your query</div>
 				{/if}
 				<div class="text-sm">
-					Note that new runs might take a while to become searchable (by default ~5min)
+					Note that new runs might take a while to become searchable (by default ~5min).
+					{#if indexMetadata?.max_index_time_window_secs}
+						Search only covers the last {Math.round(indexMetadata.max_index_time_window_secs / 86400)} day(s),
+						configurable in instance settings under Indexer.
+					{/if}
 				</div>
 				{#if !$enterpriseLicense}
 					<div class="py-6"></div>