windmill-components 1.511.1 → 1.531.0

package/package/components/FlowStatusViewerInner.svelte.d.ts

@@ -1,7 +1,6 @@
 import FlowStatusViewerInner from './FlowStatusViewerInner.svelte';
-import { type Job, type FlowModuleValue } from '../gen';
-import { type DurationStatus, type GraphModuleState } from './graph';
-import { type Writable } from 'svelte/store';
+import { type Job, type FlowModuleValue, type CompletedJob } from '../gen';
+import { type DurationStatus, type GlobalIterationBounds, type GraphModuleState } from './graph';
 interface Props {
     jobId: string;
     initialJob?: Job | undefined;
@@ -14,50 +13,51 @@ interface Props {
         branchall?: boolean;
     } | undefined;
     innerModule?: FlowModuleValue | undefined;
-    globalRefreshes?: Record<string, (clear: any, root: any) => Promise<void>>;
     render?: boolean;
     isOwner?: boolean;
     selectedNode?: string | undefined;
-    globalModuleStates: Writable<Record<string, GraphModuleState>>[];
-    globalDurationStatuses: Writable<Record<string, DurationStatus>>[];
-    childFlow?: boolean;
+    globalModuleStates: Record<string, GraphModuleState>[];
+    globalDurationStatuses?: Record<string, DurationStatus>[];
+    globalIterationBounds: Record<string, GlobalIterationBounds>;
+    isSelectedBranch?: boolean;
     isSubflow?: boolean;
     reducedPolling?: boolean;
     wideResults?: boolean;
     hideFlowResult?: boolean;
+    topModuleStates?: Record<string, GraphModuleState>;
     workspace?: string | undefined;
     prefix?: string | undefined;
-    subflowParentsGlobalModuleStates?: Writable<Record<string, GraphModuleState>>[];
-    subflowParentsDurationStatuses?: Writable<Record<string, DurationStatus>>[];
+    subflowParentsGlobalModuleStates?: Record<string, GraphModuleState>[];
+    subflowParentsDurationStatuses?: Record<string, DurationStatus>[];
     isForloopSelected?: boolean;
-    parentRecursiveRefresh?: Record<string, (clear: any, root: any) => Promise<void>>;
-    job?: Job | undefined;
+    updateRecursiveRefreshFn?: (jobId: string, updateFn: (clear: any, root: any) => Promise<void>) => void;
+    refreshGlobal: (moduleId: string, clear: boolean, root: string) => Promise<void>;
+    updateGlobalRefresh: (moduleId: string, updateFn: (clear: any, root: any) => Promise<void>) => void;
+    job?: (Job & {
+        result_stream?: string;
+    }) | undefined;
     rightColumnSelect?: 'timeline' | 'node_status' | 'node_definition' | 'user_states';
-    localModuleStates?: Writable<Record<string, GraphModuleState>>;
-    localDurationStatuses?: Writable<Record<string, DurationStatus>>;
+    localModuleStates?: Record<string, GraphModuleState>;
+    localDurationStatuses?: Record<string, DurationStatus>;
+    onResultStreamUpdate?: ({ jobId, result_stream }: {
+        jobId: string;
+        result_stream?: string;
+    }) => void;
     customUi?: {
         tagLabel?: string | undefined;
     };
+    graphTabOpen: boolean;
+    isNodeSelected: boolean;
+    loadExtraLogs?: (logs: string) => void;
+    onStart?: () => void;
+    onJobsLoaded?: ({ job, force }: {
+        job: Job;
+        force: boolean;
+    }) => void;
+    onDone?: ({ job }: {
+        job: CompletedJob;
+    }) => 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: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const FlowStatusViewerInner: $$__sveltets_2_IsomorphicComponent<Props, {
-    jobsLoaded: CustomEvent<any>;
-    done: CustomEvent<any>;
-    start: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "job" | "globalRefreshes" | "selectedNode" | "parentRecursiveRefresh" | "rightColumnSelect">;
-type FlowStatusViewerInner = InstanceType<typeof FlowStatusViewerInner>;
+declare const FlowStatusViewerInner: import("svelte").Component<Props, {}, "job" | "localModuleStates" | "selectedNode" | "rightColumnSelect" | "localDurationStatuses">;
+type FlowStatusViewerInner = ReturnType<typeof FlowStatusViewerInner>;
 export default FlowStatusViewerInner;

package/package/components/FlowTimeline.svelte

@@ -1,22 +1,23 @@
-<script lang="ts">import { debounce, displayDate, msToSec } from '../utils';
+<script lang="ts">import { debounce, displayDate, msToSec, readFieldsRecursively } from '../utils';
 import { onDestroy, untrack } from 'svelte';
 import { getDbClockNow } from '../forLater';
 import { Loader2 } from 'lucide-svelte';
 import TimelineBar from './TimelineBar.svelte';
 import WaitTimeWarning from './common/waitTimeWarning/WaitTimeWarning.svelte';
-let { selfWaitTime = undefined, aggregateWaitTime = undefined, flowModules, durationStatuses, flowDone = false } = $props();
+let { selfWaitTime = undefined, aggregateWaitTime = undefined, flowModules, durationStatuses, flowDone = false, decreaseIterationFrom, buildSubflowKey, globalIterationBounds } = $props();
 let min = $state(undefined);
 let max = $state(undefined);
 let total = $state(undefined);
 let items = $state(undefined);
-let { debounced, clearDebounce } = debounce(() => computeItems($durationStatuses), 30);
+let { debounced, clearDebounce } = debounce(() => computeItems(durationStatuses), 30);
 $effect(() => {
-    flowDone != undefined && $durationStatuses && untrack(() => debounced());
+    readFieldsRecursively(durationStatuses);
+    flowDone != undefined && durationStatuses && untrack(() => debounced());
 });
 export function reset() {
     min = undefined;
     max = undefined;
-    items = computeItems($durationStatuses);
+    items = computeItems(durationStatuses);
 }
 function computeItems(durationStatuses) {
     let nmin = undefined;
@@ -126,20 +127,17 @@ onDestroy(() => {
 			</div>
 		{/if}
 		{#each Object.values(flowModules) as k (k)}
+			{@const iterationFrom = globalIterationBounds[buildSubflowKey(k)]?.iteration_from ?? 0}
 			<div class="overflow-auto max-h-60 shadow-inner dark:shadow-gray-700 relative">
-				{#if ($durationStatuses?.[k]?.iteration_from ?? 0) > 0}
+				{#if iterationFrom > 0}
 					<div class="w-full flex flex-row-reverse sticky top-0">
 						<button
 							class="!text-secondary underline mr-2 text-2xs text-right whitespace-nowrap"
 							onclick={() => {
-								let r = $durationStatuses[k]
-								if (r.iteration_from) {
-									r.iteration_from -= 20
-									$durationStatuses = $durationStatuses
-								}
+								decreaseIterationFrom?.(k, 20)
 							}}
-							>Viewing iterations {$durationStatuses[k].iteration_from} to {$durationStatuses[k]
-								.iteration_total}. Load more
+							>Viewing iterations {iterationFrom} to {globalIterationBounds[buildSubflowKey(k)]
+								?.iteration_total}. Load more
 						</button>
 					</div>
 				{/if}

package/package/components/FlowTimeline.svelte.d.ts

@@ -1,18 +1,19 @@
-import type { Writable } from 'svelte/store';
+import type { GlobalIterationBounds } from './graph';
 interface Props {
     selfWaitTime?: number | undefined;
     aggregateWaitTime?: number | undefined;
     flowModules: string[];
-    durationStatuses: Writable<Record<string, {
+    durationStatuses: Record<string, {
         byJob: Record<string, {
             created_at?: number;
             started_at?: number;
             duration_ms?: number;
         }>;
-        iteration_from?: number;
-        iteration_total?: number;
-    }>>;
+    }>;
     flowDone?: boolean;
+    decreaseIterationFrom?: (key: string, amount: number) => void;
+    buildSubflowKey: (key: string) => string;
+    globalIterationBounds: Record<string, GlobalIterationBounds>;
 }
 declare const FlowTimeline: import("svelte").Component<Props, {
     reset: () => void;

package/package/components/FolderEditor.svelte

@@ -250,7 +250,7 @@ run(() => {
 										<div>
 											<ToggleButtonGroup
 												disabled={owner_name == 'u/' + $userStore?.username &&
-													!$userStore?.is_admin}
+													!($userStore?.is_admin || $userStore?.is_super_admin)}
 												selected={role}
 												on:selected={async (e) => {
 													const role = e.detail

package/package/components/GitDiffPreview.svelte

@@ -1,25 +1,21 @@
-<script lang="ts">"use strict";
-let { previewResult } = $props();
+<script lang="ts">let { previewResult } = $props();
+let added = $derived(previewResult?.changes?.filter(c => c.type === 'added').map(c => c.path) || []);
+let deleted = $derived(previewResult?.changes?.filter(c => c.type === 'deleted').map(c => c.path) || []);
+let edited = $derived(previewResult?.changes?.filter(c => c.type === 'edited').map(c => c.path) || []);
+export {};
 </script>
 
 <div class="border rounded p-2 text-xs max-h-40 overflow-y-auto bg-surface-secondary">
 	<div class="font-semibold text-[11px] mb-1 text-tertiary">Preview of changes:</div>
-	{#if !previewResult?.added?.length && !previewResult?.deleted?.length && !previewResult?.modified?.length && !previewResult?.yamlModified}
+
+	{#if !added.length && !deleted.length && !edited.length}
 		<div class="mt-2 text-tertiary">No changes found! The workspace is up to date.</div>
 	{:else}
-		{#if previewResult?.yamlModified}
-			<div class="mt-2">
-				<div class="text-yellow-600">Modified:</div>
-				<ul class="list-disc list-inside">
-					<li>wmill.yaml (Git sync settings)</li>
-				</ul>
-			</div>
-		{/if}
-		{#if previewResult?.added?.length}
+		{#if added.length}
 			<div class="mt-2">
 				<div class="text-green-600">Added:</div>
 				<ul class="list-disc list-inside">
-					{#each previewResult.added as file}
+					{#each added as file}
 						<li>
 							{file}{!file.includes('.') ? ' (dir)' : ''}
 						</li>
@@ -27,11 +23,11 @@ let { previewResult } = $props();
 				</ul>
 			</div>
 		{/if}
-		{#if previewResult?.deleted?.length}
+		{#if deleted.length}
 			<div class="mt-2">
 				<div class="text-red-600">Deleted:</div>
 				<ul class="list-disc list-inside">
-					{#each previewResult.deleted as file}
+					{#each deleted as file}
 						<li>
 							{file}{!file.includes('.') ? ' (dir)' : ''}
 						</li>
@@ -39,11 +35,11 @@ let { previewResult } = $props();
 				</ul>
 			</div>
 		{/if}
-		{#if previewResult?.modified?.length}
+		{#if edited.length}
 			<div class="mt-2">
-				<div class="text-yellow-600">Modified:</div>
+				<div class="text-yellow-600">Edited:</div>
 				<ul class="list-disc list-inside">
-					{#each previewResult.modified as file}
+					{#each edited as file}
 						<li>
 							{file}{!file.includes('.') ? ' (dir)' : ''}
 						</li>

package/package/components/GitDiffPreview.svelte.d.ts

@@ -1,12 +1,6 @@
-type DiffResult = {
-    added: string[];
-    deleted: string[];
-    modified: string[];
-    repoWmillYaml?: string;
-    yamlModified?: boolean;
-};
+import type { SyncResponse } from '../git-sync';
 type $$ComponentProps = {
-    previewResult: DiffResult | undefined;
+    previewResult: SyncResponse | undefined;
 };
 declare const GitDiffPreview: import("svelte").Component<$$ComponentProps, {}, "">;
 type GitDiffPreview = ReturnType<typeof GitDiffPreview>;

package/package/components/GitHubAppIntegration.svelte

@@ -12,7 +12,9 @@ let githubAppPopover = $state(null);
 let githubInstallationsNotInWorkspace = $derived(githubState.githubInstallations
     .filter((installation) => !githubState.workspaceGithubInstallations.some((workspaceInstallation) => workspaceInstallation.installation_id === installation.installation_id))
     .filter((installation, index, array) => array.findIndex((item) => item.installation_id === installation.installation_id) === index));
-let showGitHubApp = $derived(resourceType === 'git_repository' && $workspaceStore && $userStore?.is_admin);
+let showGitHubApp = $derived(resourceType === 'git_repository' &&
+    $workspaceStore &&
+    ($userStore?.is_admin || $userStore?.is_super_admin));
 // Load GitHub installations when conditions are met
 $effect(() => {
     if (showGitHubApp && $enterpriseLicense && $workspaceStore) {

package/package/components/HighlightCode.svelte

@@ -12,6 +12,7 @@ import rust from 'svelte-highlight/languages/rust';
 import csharp from 'svelte-highlight/languages/csharp';
 import yaml from 'svelte-highlight/languages/yaml';
 import java from 'svelte-highlight/languages/java';
+import ruby from 'svelte-highlight/languages/ruby';
 import { Button } from './common';
 import { copyToClipboard } from '../utils';
 import { ClipboardCopy } from 'lucide-svelte';
@@ -66,7 +67,9 @@ function getLang(lang) {
             return yaml;
         case 'java':
             return java;
-        // for related places search: ADD_NEW_LANG
+        case 'ruby':
+            return ruby;
+        // for related places search: ADD_NEW_LANG 
         default:
             return typescript;
     }

package/package/components/IconedResourceType.svelte

@@ -26,20 +26,24 @@
 	} = $props()
 
 	let iconComponent = $derived(
-		name === 'teams'
-			? APP_TO_ICON_COMPONENT.ms_teams_webhook
-			: APP_TO_ICON_COMPONENT[name] || APP_TO_ICON_COMPONENT[name.split('_')[0]]
+		name
+			? name === 'teams'
+				? APP_TO_ICON_COMPONENT.ms_teams_webhook
+				: APP_TO_ICON_COMPONENT[name] || APP_TO_ICON_COMPONENT[name.split('_')[0]]
+			: undefined
 	)
+
+	let widthInPixels = $derived(parseInt(width))
 </script>
 
-<div class="truncate flex flex-row gap-2 {center ? 'justify-center items-center' : ''}  -pl-2">
+<div class="truncate flex flex-row gap-2 items-center {center ? 'justify-center ' : ''} -pl-2">
 	{#if !silent && !after}
 		{name}
 	{/if}
 	{#if iconComponent}
 		{@const SvelteComponent = iconComponent}
 		<span class={isSelected ? 'text-secondary' : 'text-secondary grayscale'}>
-			<SvelteComponent {height} {width} />
+			<SvelteComponent {height} {width} size={widthInPixels} />
 		</span>
 	{:else if formatExtension}
 		<span class={isSelected ? 'text-secondary' : 'text-secondary grayscale'}>

package/package/components/IdEditorInput.svelte

@@ -1,20 +1,13 @@
-<script lang="ts">import { ArrowRight } from 'lucide-svelte';
+<script lang="ts">import { stopPropagation, createBubbler } from 'svelte/legacy';
+const bubble = createBubbler();
+import { ArrowRight } from 'lucide-svelte';
 import { Button } from './common';
-import { createEventDispatcher } from 'svelte';
 import { forbiddenIds } from './flows/idUtils';
 import { slide } from 'svelte/transition';
-export let initialId;
-export let reservedIds = [];
-export let label = 'Component ID';
-export let value = initialId;
-export let buttonText = '';
-export let btnClasses = '!p-1 !w-[34px] !ml-1';
-export let acceptUnderScores = false;
-let error = '';
-const dispatch = createEventDispatcher();
+let { initialId, reservedIds = [], reservedPrefixes = [], label = 'Component ID', value = $bindable(initialId), buttonText = '', btnClasses = '!p-1 !w-[34px] !ml-1', acceptUnderScores = false, onSave, onClose } = $props();
+let error = $state('');
 const regex = acceptUnderScores ? /^[a-zA-Z][a-zA-Z0-9_]*$/ : /^[a-zA-Z][a-zA-Z0-9]*$/;
-$: validateId(value, reservedIds);
-function validateId(id, reservedIds) {
+function validateId(id, reservedIds, reservedPrefixes) {
     if (id == initialId) {
         error = '';
         return;
@@ -25,6 +18,9 @@ function validateId(id, reservedIds) {
     else if (forbiddenIds.includes(value)) {
         error = 'This ID is reserved';
     }
+    else if (reservedPrefixes.some((prefix) => value.startsWith(prefix))) {
+        error = 'This ID uses a reserved prefix';
+    }
     else if (reservedIds.some((rid) => rid === value)) {
         error = 'This ID is already in use';
     }
@@ -32,8 +28,13 @@ function validateId(id, reservedIds) {
         error = '';
     }
 }
-let inputDiv = undefined;
-$: inputDiv?.focus();
+let inputDiv = $state(undefined);
+$effect(() => {
+    validateId(value, reservedIds, reservedPrefixes);
+});
+$effect(() => {
+    inputDiv?.focus();
+});
 </script>
 
 <label class="block text-primary">
@@ -46,15 +47,17 @@ $: inputDiv?.focus();
 			type="text"
 			bind:value
 			class="!w-auto grow"
-			on:click|stopPropagation={() => {}}
-			on:keydown|stopPropagation={({ key }) => {
+			onclick={stopPropagation(() => {})}
+			onkeydown={(e) => {
+				e.stopPropagation()
+				let key = e.key
 				if (key === 'Enter' && error === '' && value !== initialId) {
-					dispatch('save', value)
+					onSave({ oldId: initialId, newId: value })
 				} else if (key == 'Escape') {
-					dispatch('close')
+					onClose?.()
 				}
 			}}
-			on:keypress|stopPropagation
+			onkeypress={stopPropagation(bubble('keypress'))}
 		/>
 		<Button
 			size="xs"
@@ -63,8 +66,8 @@ $: inputDiv?.focus();
 			{btnClasses}
 			aria-label="Save ID"
 			disabled={error != '' || value === initialId}
-			on:click={() => {
-				dispatch('save', value)
+			onclick={() => {
+				onSave({ oldId: initialId, newId: value })
 			}}
 		>
 			{buttonText}<ArrowRight size={18} />

package/package/components/IdEditorInput.svelte.d.ts

@@ -1,30 +1,18 @@
-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 IdEditorInput: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     initialId: string;
     reservedIds?: string[];
+    reservedPrefixes?: string[];
     label?: string;
-    value?: string;
+    value?: any;
     buttonText?: string;
     btnClasses?: string;
     acceptUnderScores?: boolean;
-}, {
-    keypress: KeyboardEvent;
-    save: CustomEvent<any>;
-    close: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type IdEditorInput = InstanceType<typeof IdEditorInput>;
+    onSave: ({ oldId, newId }: {
+        oldId: string;
+        newId: string;
+    }) => void;
+    onClose?: () => void;
+}
+declare const IdEditorInput: import("svelte").Component<Props, {}, "value">;
+type IdEditorInput = ReturnType<typeof IdEditorInput>;
 export default IdEditorInput;

package/package/components/InstanceSetting.svelte

@@ -44,6 +44,11 @@ let to = $state('');
 async function reloadKeyrenewalAttemptInfo() {
     latestKeyRenewalAttempt = await SettingService.getLatestKeyRenewalAttempt();
 }
+async function reloadLicenseKey() {
+    $values['license_key'] = await SettingService.getGlobal({
+        key: 'license_key'
+    });
+}
 if (setting.key == 'license_key') {
     reloadKeyrenewalAttemptInfo();
 }
@@ -54,13 +59,13 @@ export async function renewLicenseKey() {
             licenseKey: $values['license_key'] || undefined
         });
         sendUserToast('Key renewal successful');
-        reloadKeyrenewalAttemptInfo();
+        reloadLicenseKey();
     }
     catch (err) {
-        latestKeyRenewalAttempt = await SettingService.getLatestKeyRenewalAttempt();
         throw err;
     }
     finally {
+        reloadKeyrenewalAttemptInfo();
         renewing = false;
     }
 }

package/package/components/InstanceSettings.svelte

@@ -294,6 +294,7 @@ function isValidTeamsChannel(value) {
 							bind:oauths
 							bind:snowflakeAccountIdentifier
 							bind:requirePreexistingUserForOauth
+							baseUrl={$values?.base_url}
 						>
 							{#snippet scim()}
 								<div class="flex-col flex gap-2 pb-4">