windmill-components 1.408.2 → 1.430.3

package/package/components/runs/ManuelDatePicker.svelte

@@ -18,13 +18,7 @@ function computeMinMaxInc(inc) {
     let maxTs = undefined;
     return { minTs, maxTs };
 }
-const manualDates = [
-    {
-        label: loadText ?? 'Last 1000 runs',
-        computeMinMax: () => {
-            return undefined;
-        }
-    },
+const fixedManualDates = [
     ...(!serviceLogsChoices
         ? [
             {
@@ -58,6 +52,15 @@ const manualDates = [
         computeMinMax: () => computeMinMaxInc(30 * 24 * 60 * 60 * 1000)
     }
 ];
+$: manualDates = [
+    {
+        label: loadText ?? 'Last 1000 runs',
+        computeMinMax: () => {
+            return undefined;
+        }
+    },
+    ...fixedManualDates
+];
 const dispatch = createEventDispatcher();
 </script>
 

package/package/components/runs/RunRow.svelte

@@ -1,6 +1,6 @@
 <script>import { base } from '../../base';
 import { goto } from '../../navigation';
-import { displayDate, msToReadableTime, truncateHash, truncateRev } from '../../utils';
+import { displayDate, msToReadableTime, truncateHash, truncateRev, isJobCancelable } from '../../utils';
 import { Badge, Button } from '../common';
 import ScheduleEditor from '../ScheduleEditor.svelte';
 import BarsStaggered from '../icons/BarsStaggered.svelte';
@@ -20,9 +20,6 @@ export let activeLabel;
 export let isSelectingJobsToCancel = false;
 let scheduleEditor;
 $: isExternal = job && job.id === '-';
-function isJobCancelable(j) {
-    return j.type === 'QueuedJob' && !j.schedule_path;
-}
 </script>
 
 <Portal name="run-row">
@@ -75,6 +72,10 @@ function isJobCancelable(j) {
 			<Badge color="blue" baseClass="!px-1.5">
 				<Calendar size={14} />
 			</Badge>
+		{:else if job.canceled}
+			<Badge color="red" baseClass="!px-1.5">
+				<Hourglass size={14} />
+			</Badge>
 		{:else}
 			<Badge baseClass="!px-1.5">
 				<Hourglass size={14} />
@@ -101,6 +102,9 @@ function isJobCancelable(j) {
 					{/if}
 				{:else if `scheduled_for` in job && job.scheduled_for && forLater(job.scheduled_for)}
 					Scheduled for {displayDate(job.scheduled_for)}
+				{:else if job.canceled}
+					Cancelling job... (created <TimeAgo agoOnlyIfRecent date={job.created_at || ''} />)
+
 				{:else}
 					Waiting for executor (created <TimeAgo agoOnlyIfRecent date={job.created_at || ''} />)
 				{/if}

package/package/components/runs/RunsTable.svelte

@@ -6,6 +6,7 @@ import { AlertTriangle } from 'lucide-svelte';
 import Popover from '../Popover.svelte';
 import { workspaceStore } from '../../stores';
 import { twMerge } from 'tailwind-merge';
+import { isJobCancelable } from '../../utils';
 //import InfiniteLoading from 'svelte-infinite-loading'
 export let jobs = undefined;
 export let externalJobs = [];
@@ -107,9 +108,6 @@ function infiniteHandler({ detail: { loaded, error, complete } }) {
     }
 }
 */
-function isJobCancelable(j) {
-    return j.type === 'QueuedJob' && !j.schedule_path;
-}
 let allSelected = false;
 function selectAll() {
     if (allSelected) {
@@ -139,6 +137,15 @@ onMount(() => {
     computeHeight();
 });
 const dispatch = createEventDispatcher();
+let scrollToIndex = 0;
+export function scrollToRun(ids) {
+    if (flatJobs && ids.length > 0) {
+        const i = flatJobs.findIndex((jobOrDate) => jobOrDate.type === 'job' && jobOrDate.job.id === ids[0]);
+        if (i !== -1) {
+            scrollToIndex = i;
+        }
+    }
+}
 </script>
 
 <svelte:window on:resize={() => computeHeight()} />
@@ -213,6 +220,9 @@ const dispatch = createEventDispatcher();
 			itemSize={42}
 			overscanCount={20}
 			{stickyIndices}
+			{scrollToIndex}
+			scrollToAlignment="center"
+			scrollToBehaviour="smooth"
 		>
 			<div slot="item" let:index let:style {style} class="w-full">
 				{#if flatJobs}

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

@@ -11,6 +11,7 @@ declare const __propDef: {
         selectedWorkspace?: string | undefined;
         activeLabel?: string | null | undefined;
         lastFetchWentToEnd?: boolean | undefined;
+        scrollToRun?: ((ids: string[]) => void) | undefined;
     };
     events: {
         focus: FocusEvent;
@@ -31,5 +32,6 @@ export type RunsTableProps = typeof __propDef.props;
 export type RunsTableEvents = typeof __propDef.events;
 export type RunsTableSlots = typeof __propDef.slots;
 export default class RunsTable extends SvelteComponent<RunsTableProps, RunsTableEvents, RunsTableSlots> {
+    get scrollToRun(): (ids: string[]) => void;
 }
 export {};

package/package/components/schema/AddProperty.svelte

@@ -94,7 +94,6 @@ function handleAddOrEditArgument(modalProperty) {
     if (argError !== '') {
         sendUserToast(argError, true);
     }
-    console.log(schema);
     dispatch('change', schema);
 }
 export function handleDeleteArgument(argPath) {

package/package/components/schema/FlowPropertyEditor.svelte

@@ -283,7 +283,7 @@ let initialObjectSelected = Object.keys(schema?.properties ?? {}).length == 0 ?
 					</TabContent>
 
 					<TabContent value="resource">
-						<ObjectTypeNarrowing bind:format />
+						<ObjectTypeNarrowing on:change={() => dispatch('schemaChange')} bind:format />
 					</TabContent>
 				</div>
 			</svelte:fragment>

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

@@ -33,8 +33,8 @@ declare const __propDef: {
         lightweightMode?: boolean | undefined;
     };
     events: {
-        requiredChange: CustomEvent<any>;
         schemaChange: CustomEvent<any>;
+        requiredChange: CustomEvent<any>;
     } & {
         [evt: string]: CustomEvent<any>;
     };

package/package/components/schema/PropertyEditor.svelte

@@ -66,7 +66,9 @@ let initialExtra = structuredClone({ order: undefined, properties: undefined, ..
 let mounted = false;
 let firstOnContentChange = true;
 onMount(() => {
-    mounted = true;
+    setTimeout(() => {
+        mounted = true;
+    }, 500);
 });
 $: extra && mounted && onContentChange();
 function onContentChange() {

package/package/components/search/GlobalSearchModal.svelte

@@ -15,7 +15,7 @@ import BarsStaggered from '../icons/BarsStaggered.svelte';
 import { scroll_into_view_if_needed_polyfill } from '../multiselect/utils';
 import { Alert } from '../common';
 import Popover from '../Popover.svelte';
-import ServiceLogsInner from '../ServiceLogsInner.svelte';
+import Logs from 'lucide-svelte/icons/logs';
 let open = false;
 let searchTerm = '';
 let textInput;
@@ -40,13 +40,6 @@ let switchModeItems = [
         action: () => switchMode('content'),
         shortcutKey: CONTENT_SEARCH_PREFIX,
         icon: SearchCode
-    },
-    {
-        search_id: 'switchto:log-search',
-        label: 'Search Windmill logs',
-        action: () => switchMode('logs'),
-        shortcutKey: LOGS_PREFIX,
-        icon: Search
     }
 ];
 let defaultMenuItems = [
@@ -70,7 +63,14 @@ let defaultMenuItems = [
         action: () => gotoPage('/schedules'),
         icon: CalendarIcon
     },
-    ...switchModeItems
+    ...switchModeItems,
+    {
+        search_id: 'nav:service_logs',
+        label: 'Explore windmill service logs',
+        action: () => gotoPage('/service_logs'),
+        shortcutKey: LOGS_PREFIX,
+        icon: Logs
+    }
 ];
 let itemMap = {
     default: defaultMenuItems,
@@ -134,6 +134,7 @@ let debounceTimeout = undefined;
 const debouncePeriod = 1000;
 let loadingCompletedRuns = false;
 let queryParseErrors = [];
+let indexMetadata = {};
 async function handleSearch() {
     queryParseErrors = [];
     if (tab !== 'default' &&
@@ -176,6 +177,7 @@ async function handleSearch() {
                 });
                 itemMap['runs'] = searchResults.hits;
                 queryParseErrors = searchResults.query_parse_errors;
+                indexMetadata = searchResults.index_metadata;
             }
             catch (e) {
                 sendUserToast(e, true);
@@ -378,7 +380,7 @@ function closeModal() {
     open = false;
 }
 function maxModalWidth(tab) {
-    if (tab === 'runs' || tab === 'logs') {
+    if (tab === 'runs') {
         return 'max-w-7xl';
     }
     else {
@@ -386,7 +388,7 @@ function maxModalWidth(tab) {
     }
 }
 function maxModalHeight(tab) {
-    if (tab === 'runs' || tab === 'logs') {
+    if (tab === 'runs') {
         return '';
     }
     else if (tab === 'content') {
@@ -511,12 +513,19 @@ function maxModalHeight(tab) {
 								<Alert title="Service logs are only available to superadmins" type="warning">
 									Service logs are only available to superadmins
 								</Alert>
-							{:else if searchTerm.length == 1}
-								<ServiceLogsInner />
 							{:else}
-								<Alert title="Not yet supported" type="info">
-									Full-text search across Windmill logs is not yet supported
-								</Alert>
+								<QuickMenuItem
+									on:select={() =>
+										gotoPage(
+											`/service_logs?query=${encodeURIComponent(removePrefix(searchTerm, '!'))}`
+										)}
+									id="goto_service_logs_search"
+									hovered={true}
+									label={searchTerm === '!'
+										? 'Explore Windmill service logs'
+										: `Search '${removePrefix(searchTerm, '!')}' in Windmill's service logs`}
+									icon={searchTerm === '!' ? Logs : Search}
+								/>
 							{/if}
 						</div>
 					{:else if tab === 'runs'}
@@ -577,15 +586,40 @@ function maxModalHeight(tab) {
 										</QuickMenuItem>
 									{/each}
 								</div>
-								{#if selectedItem === undefined}
-									Select a result to preview
-								{:else}
-									<div class="w-8/12 overflow-y-scroll max-h-[70vh]">
-										<JobPreview id={selectedItem?.document?.id[0]} workspace={selectedWorkspace} />
+								<div class="w-8/12 max-h-[70vh]">
+									{#if selectedItem === undefined}
+										Select a result to preview
+									{:else}
+										<div class="h-[95%] overflow-y-scroll">
+											<JobPreview
+												id={selectedItem?.document?.id[0]}
+												workspace={selectedWorkspace}
+											/>
+										</div>
+									{/if}
+									<div class="flex flex-row pt-3 pl-4 items-center text-xs text-secondary">
+										{#if indexMetadata.indexed_until}
+											<span class="px-2">
+												Most recently indexed job was created at <TimeAgo
+													agoOnlyIfRecent
+													date={indexMetadata.indexed_until || ''}
+												/>
+											</span>
+										{/if}
+										{#if indexMetadata.lost_lock_ownership}
+											<Popover notClickable placement="top">
+												<AlertTriangle size={16} class="text-gray-500" />
+												<svelte:fragment slot="text">
+													The current indexer is no longer indexing new jobs. This is most likely
+													because of an ongoing deployment and indexing will resume once it's
+													complete.
+												</svelte:fragment>
+											</Popover>
+										{/if}
 									</div>
-								{/if}
+								</div>
 							{:else}
-								<div class="flex w-full justify-center items-center h-48">
+								<div class="flex flex-col w-full justify-center items-center h-48">
 									<div class="text-tertiary text-center">
 										{#if searchTerm === RUNS_PREFIX}
 											<div class="text-2xl font-bold">Enter your search terms</div>
@@ -607,6 +641,26 @@ function maxModalHeight(tab) {
 											</Alert>
 										{/if}
 									</div>
+									<div class="flex flex-row pt-10 text-xs text-secondary">
+										{#if indexMetadata.indexed_until}
+											<span class="px-2">
+												Most recently indexed job was created at <TimeAgo
+													agoOnlyIfRecent
+													date={indexMetadata.indexed_until}
+												/>
+											</span>
+										{/if}
+										{#if indexMetadata.lost_lock_ownership}
+											<Popover notClickable placement="top">
+												<AlertTriangle size={16} class="text-gray-500" />
+												<svelte:fragment slot="text">
+													The current indexer is no longer indexing new jobs. This is most likely
+													because of an ongoing deployment and indexing will resume once it's
+													complete.
+												</svelte:fragment>
+											</Popover>
+										{/if}
+									</div>
 								</div>
 							{/if}
 						</div>

package/package/components/settings/WorkspaceUserSettings.svelte

@@ -81,7 +81,7 @@ onDestroy(() => {
 let deleteConfirmedCallback = undefined;
 async function removeAllInvitesFromDomain() {
     await Promise.all(invites
-        .filter((x) => (isCloudHosted() ? x.email.endsWith('@' + auto_invite_domain ?? '') : true))
+        .filter((x) => isCloudHosted() ? x.email.endsWith('@' + (auto_invite_domain ?? '')) : true)
         .map(({ email, is_admin, operator }) => WorkspaceService.deleteInvite({
         workspace: $workspaceStore ?? '',
         requestBody: {
@@ -115,9 +115,11 @@ $: showInvites = invites?.length > 0 || (auto_invite_domain != undefined && !aut
 		</div>
 	</div>
 </div>
-<div class="flex flex-row justify-between items-center">
+<div class="flex flex-row justify-between items-center pt-2">
 	<PageHeader
-		title="Members ({filteredUsers?.length ?? users?.length ?? ''})"
+		title="Members {(filteredUsers?.length ?? users?.length) != undefined
+			? `(${filteredUsers?.length ?? users?.length})`
+			: ''}"
 		primary={true}
 		tooltip="Manage users manually or enable SSO authentication."
 		documentationLink="https://www.windmill.dev/docs/core_concepts/authentification"

package/package/components/sidebar/CriticalAlertModal.svelte

@@ -0,0 +1,102 @@
+<script>import { onMount, onDestroy } from 'svelte';
+import CriticalAlertModalInner from './CriticalAlertModalInner.svelte';
+import { SettingService } from '../../gen';
+import { sendUserToast } from '../../toast';
+import { workspaceStore, isCriticalAlertsUIOpen, devopsRole } from '../../stores';
+import Modal from '../common/modal/Modal.svelte';
+export let open = false;
+export let numUnacknowledgedCriticalAlerts = 0;
+export let muteSettings;
+let workspaceContext = false;
+$: {
+    setupApiFunctions(workspaceContext);
+}
+function setupApiFunctions(_ctx) {
+    getCriticalAlerts = withSuperadminLogic(SettingService.getCriticalAlerts, SettingService.workspaceGetCriticalAlerts);
+    acknowledgeCriticalAlert = withSuperadminLogic(SettingService.acknowledgeCriticalAlert, SettingService.workspaceAcknowledgeCriticalAlert);
+    acknowledgeAllCriticalAlerts = withSuperadminLogic(SettingService.acknowledgeAllCriticalAlerts, SettingService.workspaceAcknowledgeAllCriticalAlerts);
+}
+$: isCriticalAlertsUIOpen.set(open);
+$: if ($isCriticalAlertsUIOpen)
+    open = $isCriticalAlertsUIOpen;
+let checkForNewAlertsInterval;
+let checkingForNewAlerts = false;
+const withSuperadminLogic = (superadminFunction, workspaceFunction) => {
+    return async (params = {}) => {
+        if (!$devopsRole || workspaceContext) {
+            return workspaceFunction({
+                ...params,
+                workspace: $workspaceStore
+            });
+        }
+        else {
+            return superadminFunction(params);
+        }
+    };
+};
+let getCriticalAlerts;
+let acknowledgeCriticalAlert;
+let acknowledgeAllCriticalAlerts;
+setupApiFunctions();
+onMount(async () => {
+    await updateHasUnacknowledgedCriticalAlerts(false);
+    checkForNewAlertsInterval = setInterval(() => {
+        updateHasUnacknowledgedCriticalAlerts(true);
+    }, 15000);
+});
+onDestroy(() => {
+    clearInterval(checkForNewAlertsInterval);
+});
+async function updateHasUnacknowledgedCriticalAlerts(sendToast = false) {
+    if (checkingForNewAlerts)
+        return;
+    checkingForNewAlerts = true;
+    try {
+        const unacknowledged = await getCriticalAlerts({
+            page: 1,
+            pageSize: 10,
+            acknowledged: false
+        });
+        if (numUnacknowledgedCriticalAlerts === 0 &&
+            unacknowledged.length > 0 &&
+            sendToast &&
+            (($devopsRole && !muteSettings.global) || (!$devopsRole && !muteSettings.workspace))) {
+            sendUserToast('Critical Alert:', true, [
+                {
+                    label: 'View',
+                    callback: () => {
+                        open = true;
+                    }
+                },
+                {
+                    label: 'Acknowledge',
+                    callback: () => {
+                        if (unacknowledged[0].id)
+                            acknowledgeAlert(unacknowledged[0].id);
+                    }
+                }
+            ], unacknowledged[0].message, 10000);
+        }
+        numUnacknowledgedCriticalAlerts = unacknowledged.length;
+    }
+    finally {
+        checkingForNewAlerts = false;
+    }
+}
+async function acknowledgeAlert(id) {
+    await acknowledgeCriticalAlert({ id });
+    updateHasUnacknowledgedCriticalAlerts();
+}
+</script>
+
+<Modal bind:open title="Critical Alerts" cancelText="Close" style="max-width: 66%;">
+	<CriticalAlertModalInner
+		{numUnacknowledgedCriticalAlerts}
+		{updateHasUnacknowledgedCriticalAlerts}
+		{getCriticalAlerts}
+		{acknowledgeCriticalAlert}
+		{acknowledgeAllCriticalAlerts}
+		{muteSettings}
+		bind:workspaceContext
+	/>
+</Modal>

package/package/components/sidebar/CriticalAlertModal.svelte.d.ts

@@ -0,0 +1,18 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        open?: boolean | undefined;
+        numUnacknowledgedCriticalAlerts?: number | undefined;
+        muteSettings: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type CriticalAlertModalProps = typeof __propDef.props;
+export type CriticalAlertModalEvents = typeof __propDef.events;
+export type CriticalAlertModalSlots = typeof __propDef.slots;
+export default class CriticalAlertModal extends SvelteComponent<CriticalAlertModalProps, CriticalAlertModalEvents, CriticalAlertModalSlots> {
+}
+export {};