windmill-components 1.642.0 → 1.655.1

package/package/components/runs/PreprocessedArgsDisplay.svelte

@@ -1,18 +1,10 @@
 <script lang="ts">import Badge from '../common/badge/Badge.svelte';
-// import { ClipboardCopy, Download } from 'lucide-svelte'
-// import Drawer from '../common/drawer/Drawer.svelte'
-// import DrawerContent from '../common/drawer/DrawerContent.svelte'
-// import { Highlight } from 'svelte-highlight'
-// import Button from '../common/button/Button.svelte'
-// import { json } from 'svelte-highlight/languages'
-// import { copyToClipboard } from '../../utils'
-// import { deepEqual } from 'fast-equals'
-export let preprocessed;
+let { preprocessed } = $props();
 // $: args =
 // 	'_metadata' in flowStatus && 'original_args' in flowStatus['_metadata']
 // 		? flowStatus['_metadata']['original_args']
 // 		: undefined
-$: hasPreprocessedArgs = preprocessed === true;
+let hasPreprocessedArgs = $derived(preprocessed === true);
 // $: argsStr = args !== undefined ? JSON.stringify(args, null, 4) : undefined
 // let jsonViewer: Drawer | undefined = undefined
 </script>

package/package/components/runs/PreprocessedArgsDisplay.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 PreprocessedArgsDisplay: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     preprocessed: boolean | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type PreprocessedArgsDisplay = InstanceType<typeof PreprocessedArgsDisplay>;
+}
+declare const PreprocessedArgsDisplay: import("svelte").Component<Props, {}, "">;
+type PreprocessedArgsDisplay = ReturnType<typeof PreprocessedArgsDisplay>;
 export default PreprocessedArgsDisplay;

package/package/components/runs/QueuePopover.svelte

@@ -3,8 +3,8 @@ import { workspaceStore } from '../../stores';
 import { ExternalLink } from 'lucide-svelte';
 import Skeleton from '../common/skeleton/Skeleton.svelte';
 import { displayDate } from '../../utils';
-let jobs = undefined;
-export let allWorkspaces = false;
+let jobs = $state(undefined);
+let { allWorkspaces = false } = $props();
 getQueuedJobs();
 async function getQueuedJobs() {
     jobs = await JobService.listQueue({

package/package/components/runs/QueuePopover.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 QueuePopover: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     allWorkspaces?: boolean;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type QueuePopover = InstanceType<typeof QueuePopover>;
+}
+declare const QueuePopover: import("svelte").Component<Props, {}, "">;
+type QueuePopover = ReturnType<typeof QueuePopover>;
 export default QueuePopover;

package/package/components/runs/RunBadges.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">import Tooltip from '../meltComponents/Tooltip.svelte';
 import PreprocessedArgsDisplay from './PreprocessedArgsDisplay.svelte';
 import { truncateHash } from '../../utils';
-import { base } from '$app/paths';
+import { base } from '../../base';
 import { truncateRev } from '../../utils';
 import { workspaceStore } from '../../stores';
 import Badge from '../common/badge/Badge.svelte';
@@ -68,7 +68,7 @@ let { job, displayPersistentScriptDefinition, openPersistentScriptDrawer, concur
 {/if}
 {#if concurrencyKey}
 	<div>
-		<Tooltip notClickable>
+		<Tooltip>
 			{#snippet text()}
 				This job has concurrency limits enabled with the key:
 				{#if onFilterByConcurrencyKey}

package/package/components/runs/RunsTable.svelte

@@ -13,7 +13,7 @@ import DropdownMenu, {} from '../DropdownMenu.svelte';
 import { clickOutside, isJobCancelable, isJobReRunnable } from '../../utils';
 import { goto } from '../../navigation';
 import BarsStaggered from '../icons/BarsStaggered.svelte';
-let { jobs = undefined, externalJobs = [], omittedObscuredJobs, showExternalJobs = false, selectedIds = $bindable([]), selectedWorkspace = $bindable(undefined), activeLabel = null, lastFetchWentToEnd = false, perPage = 1000, manualSelectionMode, onCancelJobs, batchRerunOptionsIsOpen = $bindable() } = $props();
+let { jobs = undefined, externalJobs = [], omittedObscuredJobs, showExternalJobs = false, selectedIds = $bindable([]), selectedWorkspace = $bindable(undefined), activeLabel = null, lastFetchWentToEnd = false, perPage = 1000, manualSelectionMode, onCancelJobs, batchRerunOptionsIsOpen = $bindable(), loadingExtra = false } = $props();
 let hasClickFocus = $state(false);
 const keysPressed = useKeyPressed(['Shift', 'Control', 'Meta', 'A', 'ArrowDown', 'ArrowUp'], {
     onKeyDown(key, e) {
@@ -272,7 +272,7 @@ let selectableJobs = $derived(jobs?.filter(jobIsSelectable) ?? []);
 					/>
 				</div>
 			{/if}
-			<div class="text-2xs px-4 flex flex-row items-center gap-2 leading-3">
+			<div class="text-2xs px-4 flex flex-row items-center gap-2 leading-3 whitespace-nowrap">
 				{#if showExternalJobs && externalJobs.length > 0}
 					<div class="flex flex-row">
 						{jobs
@@ -298,7 +298,7 @@ let selectableJobs = $derived(jobs?.filter(jobIsSelectable) ?? []);
 					{jobCount}
 				{/if}
 			</div>
-			<div class="text-xs font-semibold leading-3">Started</div>
+			<div></div>
 			<div class="text-xs font-semibold leading-3">Duration</div>
 			<div class="text-xs font-semibold leading-3">Path</div>
 			{#if containsLabel}
@@ -450,11 +450,16 @@ let selectableJobs = $derived(jobs?.filter(jobIsSelectable) ?? []);
 							>{#if !lastFetchWentToEnd && jobs && jobs.length >= perPage}
 								<button
 									class="text-xs text-accent text-center w-full pb-2"
+									disabled={loadingExtra}
 									onclick={() => {
 										dispatch('loadExtra')
 									}}
 								>
-									Load next {perPage} jobs
+									{#if loadingExtra}
+										Loading...
+									{:else}
+										Load next {perPage} jobs
+									{/if}
 								</button>
 							{/if}</div
 						>

package/package/components/runs/RunsTable.svelte.d.ts

@@ -13,6 +13,7 @@ interface Props {
     batchRerunOptionsIsOpen?: boolean;
     manualSelectionMode: undefined | 'cancel' | 'rerun';
     onCancelJobs: (jobIds: string[]) => void;
+    loadingExtra?: 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> & {

package/package/components/runs/TimeframeSelect.svelte

@@ -1,35 +1,5 @@
-<script module lang="ts">function computeMinMaxInc(inc) {
-    let minTs = new Date(new Date().getTime() - inc).toISOString();
-    let maxTs = new Date().toISOString();
-    return { minTs, maxTs };
-}
-export function buildManualTimeframe(minTs, maxTs) {
-    return {
-        label: formatDateRange(minTs ?? undefined, maxTs ?? undefined),
-        minTs,
-        maxTs,
-        type: 'manual',
-        computeMinMax: () => ({ minTs, maxTs })
-    };
-}
-export const serviceLogsTimeframes = [
-    { label: '1000 last service logs', computeMinMax: () => ({ minTs: null, maxTs: null }) },
-    { label: 'Within last 5 minutes', computeMinMax: () => computeMinMaxInc(5 * 60 * 1000) },
-    { label: 'Within last 30 minutes', computeMinMax: () => computeMinMaxInc(30 * 60 * 1000) },
-    { label: 'Within last 24 hours', computeMinMax: () => computeMinMaxInc(24 * 60 * 60 * 1000) },
-    { label: 'Within last 7 days', computeMinMax: () => computeMinMaxInc(7 * 24 * 60 * 60 * 1000) },
-    { label: 'Within last month', computeMinMax: () => computeMinMaxInc(30 * 24 * 60 * 60 * 1000) }
-].map((item) => ({ ...item, type: 'dynamic' }));
-export const runsTimeframes = [
-    { label: 'Latest runs', computeMinMax: () => ({ minTs: null, maxTs: null }) },
-    { label: 'Within 30 seconds', computeMinMax: () => computeMinMaxInc(30 * 1000) },
-    { label: 'Within last minute', computeMinMax: () => computeMinMaxInc(60 * 1000) },
-    { label: 'Within last 5 minutes', computeMinMax: () => computeMinMaxInc(5 * 60 * 1000) },
-    { label: 'Within last 30 minutes', computeMinMax: () => computeMinMaxInc(30 * 60 * 1000) },
-    { label: 'Within last 24 hours', computeMinMax: () => computeMinMaxInc(24 * 60 * 60 * 1000) },
-    { label: 'Within last 7 days', computeMinMax: () => computeMinMaxInc(7 * 24 * 60 * 60 * 1000) },
-    { label: 'Within last month', computeMinMax: () => computeMinMaxInc(30 * 24 * 60 * 60 * 1000) }
-].map((item) => ({ ...item, type: 'dynamic' }));
+<script module lang="ts">export { buildManualTimeframe, serviceLogsTimeframes, runsTimeframes } from './timeframes';
+import { buildManualTimeframe } from './timeframes';
 export function useUrlSyncedTimeframe(timeframes) {
     let obj = $state({ timeframe: timeframes[0] });
     let timeframe = $derived(obj.timeframe);

package/package/components/runs/TimeframeSelect.svelte.d.ts

@@ -1,23 +1,5 @@
-export type Timeframe = {
-    label: string;
-    computeMinMax: () => {
-        minTs: string | null;
-        maxTs: string | null;
-    };
-    type: 'dynamic';
-} | {
-    label: string;
-    computeMinMax: () => {
-        minTs: string | null;
-        maxTs: string | null;
-    };
-    minTs: string | null;
-    maxTs: string | null;
-    type: 'manual';
-};
-export declare function buildManualTimeframe(minTs: string | null, maxTs: string | null): Timeframe;
-export declare const serviceLogsTimeframes: Timeframe[];
-export declare const runsTimeframes: Timeframe[];
+export { type Timeframe, buildManualTimeframe, serviceLogsTimeframes, runsTimeframes } from './timeframes';
+import { type Timeframe } from './timeframes';
 export declare function useUrlSyncedTimeframe(timeframes: Timeframe[]): {
     timeframe: Timeframe;
 };

package/package/components/runs/runsFilter.d.ts

@@ -1,18 +1,23 @@
 import type { JobTriggerKind } from '../../gen';
 import { Braces, Calendar, Clock, ServerCog, FileCode, FolderIcon, Hash, ListFilter, Lock, Tag, UserIcon, Zap, CirclePlayIcon } from 'lucide-svelte';
 import type { FilterInstanceRec } from '../FilterSearchbar.svelte';
-export declare function buildRunsFilterSearchbarSchema({ paths, usernames, folders, jobTriggerKinds, isSuperAdmin }: {
+export declare function buildRunsFilterSearchbarSchema({ paths, usernames, folders, jobTriggerKinds, isSuperAdmin, isAdminsWorkspace }: {
     paths: string[];
     usernames: string[];
     folders: string[];
     jobTriggerKinds: JobTriggerKind[];
     isSuperAdmin: boolean;
+    isAdminsWorkspace: boolean;
 }): {
     all_workspaces?: {
         type: "boolean";
         label: string;
         description: string;
     } | undefined;
+    _default_: {
+        type: "string";
+        hidden: true;
+    };
     min_ts: {
         type: "date";
         label: string;
@@ -29,6 +34,16 @@ export declare function buildRunsFilterSearchbarSchema({ paths, usernames, folde
         mode: "end";
         otherField: string;
     };
+    timeframe: {
+        type: "oneof";
+        label: string;
+        icon: typeof Calendar;
+        description: string;
+        options: {
+            label: string;
+            value: string;
+        }[];
+    };
     path: {
         type: "oneof";
         options: {
@@ -193,8 +208,9 @@ export declare function buildRunsFilterSearchbarSchema({ paths, usernames, folde
 export type RunsFilterSearchbarSchema = ReturnType<typeof buildRunsFilterSearchbarSchema>;
 export type RunsFilterInstance = FilterInstanceRec<RunsFilterSearchbarSchema>;
 export declare function allowWildcards(filters: Partial<RunsFilterInstance> | undefined): boolean;
-export declare const buildRunsFilterPresets: ({ isSuperadmin }: {
+export declare const buildRunsFilterPresets: ({ isSuperadmin, isAdminsWorkspace }: {
     isSuperadmin: boolean;
+    isAdminsWorkspace: boolean;
 }) => {
     name: string;
     value: string;

package/package/components/runs/runsFilter.js

@@ -1,7 +1,12 @@
 import { Braces, Calendar, Clock, ServerCog, FileCode, FolderIcon, Hash, ListFilter, Lock, Tag, UserIcon, Zap, CirclePlayIcon } from 'lucide-svelte';
 import { triggerDisplayNamesMap } from '../triggers/utils';
-export function buildRunsFilterSearchbarSchema({ paths, usernames, folders, jobTriggerKinds, isSuperAdmin }) {
+import { runsTimeframes } from './timeframes';
+export function buildRunsFilterSearchbarSchema({ paths, usernames, folders, jobTriggerKinds, isSuperAdmin, isAdminsWorkspace }) {
     return {
+        _default_: {
+            type: 'string',
+            hidden: true
+        },
         min_ts: {
             type: 'date',
             label: 'From',
@@ -18,6 +23,13 @@ export function buildRunsFilterSearchbarSchema({ paths, usernames, folders, jobT
             mode: 'end',
             otherField: 'min_ts'
         },
+        timeframe: {
+            type: 'oneof',
+            label: 'Timeframe',
+            icon: Calendar,
+            description: 'Predefined timeframes',
+            options: runsTimeframes.map((tf) => ({ label: tf.label, value: tf.label }))
+        },
         path: {
             type: 'oneof',
             options: paths.map((s) => ({ label: s, value: s })),
@@ -160,7 +172,8 @@ export function buildRunsFilterSearchbarSchema({ paths, usernames, folders, jobT
             label: 'Show future jobs (Default: true)',
             description: 'Include jobs that are planned later'
         },
-        ...(isSuperAdmin && {
+        ...(isSuperAdmin &&
+            isAdminsWorkspace && {
             all_workspaces: {
                 type: 'boolean',
                 label: 'All workspaces',
@@ -175,8 +188,11 @@ export function allowWildcards(filters) {
         filters?.tag?.includes('*') ||
         false);
 }
-export const buildRunsFilterPresets = ({ isSuperadmin }) => [
+export const buildRunsFilterPresets = ({ isSuperadmin, isAdminsWorkspace }) => [
     { name: 'Hide schedules', value: 'job_trigger_kind:\\ !schedule' },
     { name: 'Hide future jobs', value: 'show_future_jobs:\\ false' },
-    ...(isSuperadmin ? [{ name: 'All workspaces', value: 'all_workspaces:\\ true' }] : [])
+    { name: 'Show skipped', value: 'show_skipped:\\ true' },
+    ...(isSuperadmin && isAdminsWorkspace
+        ? [{ name: 'All workspaces', value: 'all_workspaces:\\ true' }]
+        : [])
 ];

package/package/components/runs/timeframes.d.ts

@@ -0,0 +1,20 @@
+export type Timeframe = {
+    label: string;
+    computeMinMax: () => {
+        minTs: string | null;
+        maxTs: string | null;
+    };
+    type: 'dynamic';
+} | {
+    label: string;
+    computeMinMax: () => {
+        minTs: string | null;
+        maxTs: string | null;
+    };
+    minTs: string | null;
+    maxTs: string | null;
+    type: 'manual';
+};
+export declare function buildManualTimeframe(minTs: string | null, maxTs: string | null): Timeframe;
+export declare const serviceLogsTimeframes: Timeframe[];
+export declare const runsTimeframes: Timeframe[];

package/package/components/runs/timeframes.js

@@ -0,0 +1,33 @@
+import { formatDateRange } from '../../utils';
+function computeMinMaxInc(inc) {
+    let minTs = new Date(new Date().getTime() - inc).toISOString();
+    let maxTs = new Date().toISOString();
+    return { minTs, maxTs };
+}
+export function buildManualTimeframe(minTs, maxTs) {
+    return {
+        label: formatDateRange(minTs ?? undefined, maxTs ?? undefined),
+        minTs,
+        maxTs,
+        type: 'manual',
+        computeMinMax: () => ({ minTs, maxTs })
+    };
+}
+export const serviceLogsTimeframes = [
+    { label: '1000 last service logs', computeMinMax: () => ({ minTs: null, maxTs: null }) },
+    { label: 'Within last 5 minutes', computeMinMax: () => computeMinMaxInc(5 * 60 * 1000) },
+    { label: 'Within last 30 minutes', computeMinMax: () => computeMinMaxInc(30 * 60 * 1000) },
+    { label: 'Within last 24 hours', computeMinMax: () => computeMinMaxInc(24 * 60 * 60 * 1000) },
+    { label: 'Within last 7 days', computeMinMax: () => computeMinMaxInc(7 * 24 * 60 * 60 * 1000) },
+    { label: 'Within last month', computeMinMax: () => computeMinMaxInc(30 * 24 * 60 * 60 * 1000) }
+].map((item) => ({ ...item, type: 'dynamic' }));
+export const runsTimeframes = [
+    { label: 'Latest runs', computeMinMax: () => ({ minTs: null, maxTs: null }) },
+    { label: 'Within 30 seconds', computeMinMax: () => computeMinMaxInc(30 * 1000) },
+    { label: 'Within last minute', computeMinMax: () => computeMinMaxInc(60 * 1000) },
+    { label: 'Within last 5 minutes', computeMinMax: () => computeMinMaxInc(5 * 60 * 1000) },
+    { label: 'Within last 30 minutes', computeMinMax: () => computeMinMaxInc(30 * 60 * 1000) },
+    { label: 'Within last 24 hours', computeMinMax: () => computeMinMaxInc(24 * 60 * 60 * 1000) },
+    { label: 'Within last 7 days', computeMinMax: () => computeMinMaxInc(7 * 24 * 60 * 60 * 1000) },
+    { label: 'Within last month', computeMinMax: () => computeMinMaxInc(30 * 24 * 60 * 60 * 1000) }
+].map((item) => ({ ...item, type: 'dynamic' }));

package/package/components/runs/useJobsLoader.svelte.d.ts

@@ -1,6 +1,6 @@
 import { type Job, type CompletedJob, type ExtendedJobs } from '../../gen';
 import { type Tweened } from 'svelte/motion';
-import type { Timeframe } from './TimeframeSelect.svelte';
+import type { Timeframe } from './timeframes';
 import { type RunsFilterInstance } from './runsFilter';
 export declare function computeJobKinds(jobKindsCat: string | null): string;
 export interface UseJobLoaderArgs {
@@ -16,14 +16,21 @@ export interface UseJobLoaderArgs {
     skip?: boolean;
     lookback?: number;
     perPage?: number;
-    onSetPerPage?: (perPage: number) => void;
 }
 export declare function useJobsLoader(args: () => UseJobLoaderArgs): {
     loadExtraJobs: () => Promise<void>;
     loadJobs: (reset: boolean, shouldGetCount?: boolean) => Promise<void>;
+    stopBatchLoading: () => void;
+    restreamWithBatchSize: (size: number) => void;
+    readonly batchProgress: {
+        loaded: number;
+        total: number;
+    } | null;
+    readonly currentBatchSize: number | null;
     readonly queue_count: Tweened<number> | undefined;
     readonly suspended_count: Tweened<number> | undefined;
     readonly loading: boolean;
+    readonly loadingExtra: boolean;
     readonly completedJobs: CompletedJob[] | undefined;
     readonly externalJobs: Job[] | undefined;
     readonly extendedJobs: ExtendedJobs | undefined;