windmill-components 1.269.3 → 1.291.4

package/package/components/icons/ResendIcon.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        height?: string | undefined;
+        width?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ResendIconProps = typeof __propDef.props;
+export type ResendIconEvents = typeof __propDef.events;
+export type ResendIconSlots = typeof __propDef.slots;
+export default class ResendIcon extends SvelteComponent<ResendIconProps, ResendIconEvents, ResendIconSlots> {
+}
+export {};

package/package/components/icons/TrelloIcon.svelte

@@ -0,0 +1,5 @@
+<script>export let height = '24px';
+export let width = '24px';
+</script>
+
+<svg {width} {height} viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"><defs><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="a"><stop stop-color="#0091E6" offset="0%"/><stop stop-color="#0079BF" offset="100%"/></linearGradient></defs><rect fill="url(#a)" width="256" height="256" rx="25"/><rect fill="#FFF" x="144.64" y="33.28" width="78.08" height="112" rx="12"/><rect fill="#FFF" x="33.28" y="33.28" width="78.08" height="176" rx="12"/></svg>

package/package/components/icons/TrelloIcon.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        height?: string | undefined;
+        width?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type TrelloIconProps = typeof __propDef.props;
+export type TrelloIconEvents = typeof __propDef.events;
+export type TrelloIconSlots = typeof __propDef.slots;
+export default class TrelloIcon extends SvelteComponent<TrelloIconProps, TrelloIconEvents, TrelloIconSlots> {
+}
+export {};

package/package/components/icons/TwilioIcon.svelte

@@ -0,0 +1,11 @@
+<script>export let height = '24px';
+export let width = '24px';
+</script>
+
+<svg {width} {height} viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
+    <g>
+        <path d="M128,0 C198.656,0 256,57.344 256,128 C256,198.656 198.656,256 128,256 C57.344,256 0,198.656 0,128 C0,57.344 57.344,0 128,0 Z M128,33.792 C75.776,33.792 33.792,75.776 33.792,128 C33.792,180.224 75.776,222.208 128,222.208 C180.224,222.208 222.208,180.224 222.208,128 C222.208,75.776 180.224,33.792 128,33.792 Z M159.744,133.12 C174.448029,133.12 186.368,145.039971 186.368,159.744 C186.368,174.448029 174.448029,186.368 159.744,186.368 C145.039971,186.368 133.12,174.448029 133.12,159.744 C133.12,145.039971 145.039971,133.12 159.744,133.12 Z M96.256,133.12 C110.960029,133.12 122.88,145.039971 122.88,159.744 C122.88,174.448029 110.960029,186.368 96.256,186.368 C81.5519708,186.368 69.632,174.448029 69.632,159.744 C69.632,145.039971 81.5519708,133.12 96.256,133.12 Z M159.744,69.632 C174.448029,69.632 186.368,81.5519708 186.368,96.256 C186.368,110.960029 174.448029,122.88 159.744,122.88 C145.039971,122.88 133.12,110.960029 133.12,96.256 C133.12,81.5519708 145.039971,69.632 159.744,69.632 Z M96.256,69.632 C110.960029,69.632 122.88,81.5519708 122.88,96.256 C122.88,110.960029 110.960029,122.88 96.256,122.88 C81.5519708,122.88 69.632,110.960029 69.632,96.256 C69.632,81.5519708 81.5519708,69.632 96.256,69.632 Z" fill="#F12E45">
+
+</path>
+    </g>
+</svg>

package/package/components/icons/TwilioIcon.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        height?: string | undefined;
+        width?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type TwilioIconProps = typeof __propDef.props;
+export type TwilioIconEvents = typeof __propDef.events;
+export type TwilioIconSlots = typeof __propDef.slots;
+export default class TwilioIcon extends SvelteComponent<TwilioIconProps, TwilioIconEvents, TwilioIconSlots> {
+}
+export {};

package/package/components/icons/ZendeskIcon.svelte

@@ -0,0 +1,11 @@
+<script>export let height = '24px';
+export let width = '24px';
+</script>
+
+<svg {width} {height} viewBox="0 -30.5 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
+    <g>
+        <path d="M118.249172,51.2326115 L118.249172,194.005605 L0,194.005605 L118.249172,51.2326115 Z M118.249172,2.84217094e-14 C118.249172,32.6440764 91.7686624,59.124586 59.124586,59.124586 C26.4805096,59.124586 0,32.6440764 0,2.84217094e-14 L118.249172,2.84217094e-14 Z M137.750828,194.005605 C137.750828,161.328917 164.198726,134.881019 196.875414,134.881019 C229.552102,134.881019 256,161.361529 256,194.005605 L137.750828,194.005605 Z M137.750828,142.740382 L137.750828,0 L256,0 L137.750828,142.740382 Z" fill="#03363D">
+
+</path>
+    </g>
+</svg>

package/package/components/icons/ZendeskIcon.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        height?: string | undefined;
+        width?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ZendeskIconProps = typeof __propDef.props;
+export type ZendeskIconEvents = typeof __propDef.events;
+export type ZendeskIconSlots = typeof __propDef.slots;
+export default class ZendeskIcon extends SvelteComponent<ZendeskIconProps, ZendeskIconEvents, ZendeskIconSlots> {
+}
+export {};

package/package/components/icons/index.d.ts

@@ -69,6 +69,23 @@ import MsSqlServerIcon from './MSSqlServerIcon.svelte';
 import AuthentikIcon from './AuthentikIcon.svelte';
 import AutheliaIcon from './AutheliaIcon.svelte';
 import KanidmIcon from './KanidmIcon.svelte';
+import AsanaIcon from './AsanaIcon.svelte';
+import BitbucketIcon from './BitbucketIcon.svelte';
+import DynatraceIcon from './DynatraceIcon.svelte';
+import EdgeDbIcon from './EdgeDbIcon.svelte';
+import GitIcon from './GitIcon.svelte';
+import ZendeskIcon from './ZendeskIcon.svelte';
+import TwilioIcon from './TwilioIcon.svelte';
+import TrelloIcon from './TrelloIcon.svelte';
+import ResendIcon from './ResendIcon.svelte';
+import PushoverIcon from './PushoverIcon.svelte';
+import QuickbooksIcon from './QuickbooksIcon.svelte';
+import MsTeamsIcon from './MSTeamsIcon.svelte';
+import MailgunIcon from './MailgunIcon.svelte';
+import IpinfoIcon from './IpinfoIcon.svelte';
+import GoogleCloudIcon from './GoogleCloudIcon.svelte';
+import CaCertificate from './CACertificate.svelte';
+import CurrencyApiIcon from './CurrencyApiIcon.svelte';
 export declare const APP_TO_ICON_COMPONENT: {
     readonly postgresql: typeof PostgresIcon;
     readonly mysql: typeof Mysql;
@@ -144,5 +161,23 @@ export declare const APP_TO_ICON_COMPONENT: {
     readonly authentik: typeof AuthentikIcon;
     readonly authelia: typeof AutheliaIcon;
     readonly kanidm: typeof KanidmIcon;
+    readonly asana: typeof AsanaIcon;
+    readonly bitbucket: typeof BitbucketIcon;
+    readonly dynatrace: typeof DynatraceIcon;
+    readonly edgedb: typeof EdgeDbIcon;
+    readonly git_repository: typeof GitIcon;
+    readonly zendesk: typeof ZendeskIcon;
+    readonly twilio: typeof TwilioIcon;
+    readonly trello: typeof TrelloIcon;
+    readonly resend: typeof ResendIcon;
+    readonly pushover: typeof PushoverIcon;
+    readonly quickbooks: typeof QuickbooksIcon;
+    readonly ms_teams_webhook: typeof MsTeamsIcon;
+    readonly mailgun: typeof MailgunIcon;
+    readonly ipinfo: typeof IpinfoIcon;
+    readonly gworkspace: typeof GoogleIcon;
+    readonly gcp_service_account: typeof GoogleCloudIcon;
+    readonly cacertificate: typeof CaCertificate;
+    readonly currencyapi: typeof CurrencyApiIcon;
 };
-export { AirtableIcon, DbIcon, DiscordIcon, GcalIcon, GCloudIcon, GdriveIcon, GithubIcon, GitlabIcon, GmailIcon, GSheetsIcon, HttpIcon, Mail, MastodonIcon, MatrixIcon, Mysql, PostgresIcon, S3Icon, Slack, TogglIcon, WindmillIcon, MailchimpIcon, SendgridIcon, LinkedinIcon, HubspotIcon, TelegramIcon, StripeIcon, DatadogIcon, FunkwhaleIcon, GdocsIcon, FaunadbIcon, ClickhouseIcon, OpenaiIcon, AwsIcon, BcryptIcon, GoogleIcon, HackernewsIcon, MongodbIcon, RedditIcon, SupabaseIcon, WebdavIcon, ZammadIcon, NextcloudIcon, SendflakeIcon, SurrealdbIcon, ActivitypubIcon, AwsEcrIcon, CalcomIcon, ClickupIcon, CloudflareIcon, FirebaseIcon, GoogleFormsIcon, JiraIcon, NotionIcon, PineconeIcon, RssIcon, ShopifyIcon, TypeformIcon, BigQueryIcon, GraphqlIcon, NocoDbIcon, AzureIcon, MicrosoftIcon, OktaIcon, AuthentikIcon, AutheliaIcon, KanidmIcon };
+export { AirtableIcon, DbIcon, DiscordIcon, GcalIcon, GCloudIcon, GdriveIcon, GithubIcon, GitlabIcon, GmailIcon, GSheetsIcon, HttpIcon, Mail, MastodonIcon, MatrixIcon, Mysql, PostgresIcon, S3Icon, Slack, TogglIcon, WindmillIcon, MailchimpIcon, SendgridIcon, LinkedinIcon, HubspotIcon, TelegramIcon, StripeIcon, DatadogIcon, FunkwhaleIcon, GdocsIcon, FaunadbIcon, ClickhouseIcon, OpenaiIcon, AwsIcon, BcryptIcon, GoogleIcon, HackernewsIcon, MongodbIcon, RedditIcon, SupabaseIcon, WebdavIcon, ZammadIcon, NextcloudIcon, SendflakeIcon, SurrealdbIcon, ActivitypubIcon, AwsEcrIcon, CalcomIcon, ClickupIcon, CloudflareIcon, FirebaseIcon, GoogleFormsIcon, JiraIcon, NotionIcon, PineconeIcon, RssIcon, ShopifyIcon, TypeformIcon, BigQueryIcon, GraphqlIcon, NocoDbIcon, AzureIcon, MicrosoftIcon, OktaIcon, AuthentikIcon, AutheliaIcon, KanidmIcon, AsanaIcon, BitbucketIcon, DynatraceIcon, EdgeDbIcon, GitIcon, ZendeskIcon, TwilioIcon, TrelloIcon, ResendIcon, PushoverIcon, QuickbooksIcon, MsTeamsIcon, MailgunIcon, IpinfoIcon, GoogleCloudIcon, CaCertificate, CurrencyApiIcon };

package/package/components/icons/index.js

@@ -69,6 +69,23 @@ import MsSqlServerIcon from './MSSqlServerIcon.svelte';
 import AuthentikIcon from './AuthentikIcon.svelte';
 import AutheliaIcon from './AutheliaIcon.svelte';
 import KanidmIcon from './KanidmIcon.svelte';
+import AsanaIcon from './AsanaIcon.svelte';
+import BitbucketIcon from './BitbucketIcon.svelte';
+import DynatraceIcon from './DynatraceIcon.svelte';
+import EdgeDbIcon from './EdgeDbIcon.svelte';
+import GitIcon from './GitIcon.svelte';
+import ZendeskIcon from './ZendeskIcon.svelte';
+import TwilioIcon from './TwilioIcon.svelte';
+import TrelloIcon from './TrelloIcon.svelte';
+import ResendIcon from './ResendIcon.svelte';
+import PushoverIcon from './PushoverIcon.svelte';
+import QuickbooksIcon from './QuickbooksIcon.svelte';
+import MsTeamsIcon from './MSTeamsIcon.svelte';
+import MailgunIcon from './MailgunIcon.svelte';
+import IpinfoIcon from './IpinfoIcon.svelte';
+import GoogleCloudIcon from './GoogleCloudIcon.svelte';
+import CaCertificate from './CACertificate.svelte';
+import CurrencyApiIcon from './CurrencyApiIcon.svelte';
 export const APP_TO_ICON_COMPONENT = {
     postgresql: PostgresIcon,
     mysql: Mysql,
@@ -143,6 +160,24 @@ export const APP_TO_ICON_COMPONENT = {
     okta: OktaIcon,
     authentik: AuthentikIcon,
     authelia: AutheliaIcon,
-    kanidm: KanidmIcon
+    kanidm: KanidmIcon,
+    asana: AsanaIcon,
+    bitbucket: BitbucketIcon,
+    dynatrace: DynatraceIcon,
+    edgedb: EdgeDbIcon,
+    git_repository: GitIcon,
+    zendesk: ZendeskIcon,
+    twilio: TwilioIcon,
+    trello: TrelloIcon,
+    resend: ResendIcon,
+    pushover: PushoverIcon,
+    quickbooks: QuickbooksIcon,
+    ms_teams_webhook: MsTeamsIcon,
+    mailgun: MailgunIcon,
+    ipinfo: IpinfoIcon,
+    gworkspace: GoogleIcon,
+    gcp_service_account: GoogleCloudIcon,
+    cacertificate: CaCertificate,
+    currencyapi: CurrencyApiIcon
 };
-export { AirtableIcon, DbIcon, DiscordIcon, GcalIcon, GCloudIcon, GdriveIcon, GithubIcon, GitlabIcon, GmailIcon, GSheetsIcon, HttpIcon, Mail, MastodonIcon, MatrixIcon, Mysql, PostgresIcon, S3Icon, Slack, TogglIcon, WindmillIcon, MailchimpIcon, SendgridIcon, LinkedinIcon, HubspotIcon, TelegramIcon, StripeIcon, DatadogIcon, FunkwhaleIcon, GdocsIcon, FaunadbIcon, ClickhouseIcon, OpenaiIcon, AwsIcon, BcryptIcon, GoogleIcon, HackernewsIcon, MongodbIcon, RedditIcon, SupabaseIcon, WebdavIcon, ZammadIcon, NextcloudIcon, SendflakeIcon, SurrealdbIcon, ActivitypubIcon, AwsEcrIcon, CalcomIcon, ClickupIcon, CloudflareIcon, FirebaseIcon, GoogleFormsIcon, JiraIcon, NotionIcon, PineconeIcon, RssIcon, ShopifyIcon, TypeformIcon, BigQueryIcon, GraphqlIcon, NocoDbIcon, AzureIcon, MicrosoftIcon, OktaIcon, AuthentikIcon, AutheliaIcon, KanidmIcon };
+export { AirtableIcon, DbIcon, DiscordIcon, GcalIcon, GCloudIcon, GdriveIcon, GithubIcon, GitlabIcon, GmailIcon, GSheetsIcon, HttpIcon, Mail, MastodonIcon, MatrixIcon, Mysql, PostgresIcon, S3Icon, Slack, TogglIcon, WindmillIcon, MailchimpIcon, SendgridIcon, LinkedinIcon, HubspotIcon, TelegramIcon, StripeIcon, DatadogIcon, FunkwhaleIcon, GdocsIcon, FaunadbIcon, ClickhouseIcon, OpenaiIcon, AwsIcon, BcryptIcon, GoogleIcon, HackernewsIcon, MongodbIcon, RedditIcon, SupabaseIcon, WebdavIcon, ZammadIcon, NextcloudIcon, SendflakeIcon, SurrealdbIcon, ActivitypubIcon, AwsEcrIcon, CalcomIcon, ClickupIcon, CloudflareIcon, FirebaseIcon, GoogleFormsIcon, JiraIcon, NotionIcon, PineconeIcon, RssIcon, ShopifyIcon, TypeformIcon, BigQueryIcon, GraphqlIcon, NocoDbIcon, AzureIcon, MicrosoftIcon, OktaIcon, AuthentikIcon, AutheliaIcon, KanidmIcon, AsanaIcon, BitbucketIcon, DynatraceIcon, EdgeDbIcon, GitIcon, ZendeskIcon, TwilioIcon, TrelloIcon, ResendIcon, PushoverIcon, QuickbooksIcon, MsTeamsIcon, MailgunIcon, IpinfoIcon, GoogleCloudIcon, CaCertificate, CurrencyApiIcon };

package/package/components/instanceSettings.js

@@ -66,6 +66,14 @@ export const settings = {
             storage: 'setting',
             ee_only: ''
         },
+        {
+            label: 'S3 Bucket for Python Distributed Cache & Large Logs',
+            description: 'Bucket to store large logs and cache for distributed python jobs. Format: s3://bucket-name',
+            key: 's3_cache_bucket',
+            fieldType: 'text',
+            storage: 'setting',
+            ee_only: ''
+        },
         {
             label: 'Azure OpenAI base path',
             description: 'All Windmill AI features will run on the specified deployed model. Format: https://{your-resource-name}.openai.azure.com/openai/deployments/{deployment-id}',
@@ -78,8 +86,17 @@ export const settings = {
     'SSO/OAuth': [],
     Registries: [
         {
-            label: 'Pip Extra Index Url',
+            label: 'Pip Index Url',
             description: 'Add private PIP registry',
+            key: 'pip_index_url',
+            fieldType: 'text',
+            placeholder: 'https://username:password@pypi.company.com/simple',
+            storage: 'setting',
+            ee_only: ''
+        },
+        {
+            label: 'Pip Extra Index Url',
+            description: 'Add private extra PIP registry',
             key: 'pip_extra_index_url',
             fieldType: 'text',
             placeholder: 'https://username:password@pypi.company.com/simple',
@@ -147,6 +164,26 @@ export const settings = {
             storage: 'config'
         }
     ],
+    'SCIM/SAML': [
+        {
+            label: 'SCIM Token',
+            description: 'Token used to authenticate requests from the IdP',
+            key: 'scim_token',
+            fieldType: 'text',
+            placeholder: 'mytoken',
+            storage: 'setting',
+            ee_only: ''
+        },
+        {
+            label: 'SAML metadata',
+            description: 'XML metadata url OR content for the SAML IdP',
+            key: 'saml_metadata',
+            fieldType: 'textarea',
+            placeholder: 'https://dev-2578259.okta.com/app/exkaell8gidiiUWrg5d7/sso/saml/metadata ',
+            storage: 'setting',
+            ee_only: ''
+        }
+    ],
     Debug: [
         {
             label: 'Keep Job Directories',

package/package/components/jobs/JobPreview.svelte

@@ -95,7 +95,10 @@ onDestroy(() => {
 					Mem: {job?.['mem_peak'] ? `${(job['mem_peak'] / 1024).toPrecision(4)}MB` : 'N/A'}
 				</Badge>
 				{#if job?.['duration_ms']}
-					<DurationMs duration_ms={job?.['duration_ms']} />
+					<DurationMs
+						flow={job.job_kind == 'flow' || job?.job_kind == 'flowpreview'}
+						duration_ms={job?.['duration_ms']}
+					/>
 				{/if}
 			</div>
 			<div class="w-1/2 h-full overflow-auto">

package/package/components/runs/JobLoader.svelte

@@ -39,7 +39,9 @@ $: ($workspaceStore && loadJobsIntern(true)) ||
         user &&
         folder &&
         hideSchedules != undefined &&
-        allWorkspaces != undefined);
+        allWorkspaces != undefined &&
+        argFilter != undefined &&
+        resultFilter != undefined);
 $: if (!intervalId && autoRefresh) {
     intervalId = setInterval(syncer, refreshRate);
 }
@@ -49,7 +51,7 @@ $: if (intervalId && !autoRefresh) {
 }
 function computeJobKinds(jobKindsCat) {
     if (jobKindsCat == 'all') {
-        return `${CompletedJob.job_kind.SCRIPT},${CompletedJob.job_kind.FLOW},${CompletedJob.job_kind.DEPENDENCIES},${CompletedJob.job_kind.FLOWDEPENDENCIES},${CompletedJob.job_kind.APPDEPENDENCIES},${CompletedJob.job_kind.PREVIEW},${CompletedJob.job_kind.FLOWPREVIEW},${CompletedJob.job_kind.SCRIPT_HUB},${CompletedJob.job_kind.DEPLOYMENTCALLBACK},${CompletedJob.job_kind.SINGLESCRIPTFLOW}`;
+        return `${CompletedJob.job_kind.SCRIPT},${CompletedJob.job_kind.FLOW},${CompletedJob.job_kind.DEPENDENCIES},${CompletedJob.job_kind.FLOWDEPENDENCIES},${CompletedJob.job_kind.APPDEPENDENCIES},${CompletedJob.job_kind.PREVIEW},${CompletedJob.job_kind.FLOWPREVIEW},${CompletedJob.job_kind.SCRIPT_HUB}`;
     }
     else if (jobKindsCat == 'dependencies') {
         return `${CompletedJob.job_kind.DEPENDENCIES},${CompletedJob.job_kind.FLOWDEPENDENCIES},${CompletedJob.job_kind.APPDEPENDENCIES}`;
@@ -61,7 +63,7 @@ function computeJobKinds(jobKindsCat) {
         return `${CompletedJob.job_kind.DEPLOYMENTCALLBACK}`;
     }
     else {
-        return `${CompletedJob.job_kind.SCRIPT},${CompletedJob.job_kind.FLOW},${CompletedJob.job_kind.SINGLESCRIPTFLOW}`;
+        return `${CompletedJob.job_kind.SCRIPT},${CompletedJob.job_kind.FLOW}`;
     }
 }
 async function fetchJobs(startedBefore, startedAfter) {
@@ -76,7 +78,7 @@ async function fetchJobs(startedBefore, startedAfter) {
         jobKinds,
         success: success == 'success' ? true : success == 'failure' ? false : undefined,
         running: success == 'running' ? true : undefined,
-        isSkipped: isSkipped ? true : undefined,
+        isSkipped: isSkipped ? undefined : false,
         isFlowStep: jobKindsCat != 'all' ? false : undefined,
         args: argFilter && argFilter != '{}' && argFilter != '' && argError == '' ? argFilter : undefined,
         result: resultFilter && resultFilter != '{}' && resultFilter != '' && resultError == ''

package/package/components/runs/JobPreview.svelte

@@ -10,6 +10,7 @@ import FlowProgressBar from '../flows/FlowProgressBar.svelte';
 import FlowStatusViewer from '../FlowStatusViewer.svelte';
 import DurationMs from '../DurationMs.svelte';
 import { workspaceStore } from '../../stores';
+import WorkflowTimeline from '../WorkflowTimeline.svelte';
 export let id;
 export let blankLink = false;
 export let workspace;
@@ -26,6 +27,9 @@ $: if (currentJob?.id == id) {
 }
 $: id && watchJob && watchJob(id);
 let viewTab = 'result';
+function asWorkflowStatus(x) {
+    return x;
+}
 </script>
 
 <TestJobLoader workspaceOverride={workspace} bind:job={currentJob} bind:watchJob on:done={onDone} />
@@ -38,7 +42,10 @@ let viewTab = 'result';
 				</Badge>
 			{/if}
 			{#if job && 'duration_ms' in job && job.duration_ms != undefined}
-				<DurationMs duration_ms={job.duration_ms} />
+				<DurationMs
+					flow={job.job_kind == 'flow' || job?.job_kind == 'flowpreview'}
+					duration_ms={job.duration_ms}
+				/>
 			{/if}
 			{#if job?.['mem_peak']}
 				<Badge large>
@@ -83,6 +90,13 @@ let viewTab = 'result';
 		{/if}
 
 		<div class=" w-full rounded-md min-h-full">
+			{#if job?.is_flow_step == false && job?.flow_status && (job?.job_kind == 'preview' || job?.job_kind == 'script')}
+				<WorkflowTimeline
+					flow_status={asWorkflowStatus(job.flow_status)}
+					flowDone={job.type == 'CompletedJob'}
+				/>
+			{/if}
+
 			{#if job?.type === Job.type.COMPLETED_JOB}
 				<Tabs bind:selected={viewTab}>
 					<Tab size="xs" value="result">Result</Tab>

package/package/components/runs/ManuelDatePicker.svelte

@@ -78,7 +78,7 @@ const dispatch = createEventDispatcher();
 <Button
 	color="light"
 	size="xs"
-	wrapperClasses="border rounded-md"
+	variant="border"
 	on:click={() => {
 		const ts = computeMinMax()
 		if (ts) {

package/package/components/runs/NoWorkerWithTagWarning.svelte

@@ -9,9 +9,11 @@ async function lookForTag() {
     try {
         const existsWorkerWithTag = await WorkerService.existsWorkerWithTag({ tag });
         noWorkerWithTag = !existsWorkerWithTag;
-        timeout = setTimeout(() => {
-            lookForTag();
-        }, 1000);
+        if (noWorkerWithTag) {
+            timeout = setTimeout(() => {
+                lookForTag();
+            }, 1000);
+        }
     }
     catch (err) {
         console.error(err);

package/package/components/runs/RunRow.svelte

@@ -14,15 +14,6 @@ export let job;
 export let selectedId = undefined;
 export let containerWidth = 0;
 let scheduleEditor;
-function endedDate(started_at, duration_ms) {
-    const started = new Date(started_at);
-    started.setMilliseconds(started.getMilliseconds() + duration_ms);
-    return `${started.toLocaleTimeString([], {
-        hour: '2-digit',
-        minute: '2-digit',
-        second: '2-digit'
-    })}`;
-}
 </script>
 
 <Portal>
@@ -76,16 +67,11 @@ function endedDate(started_at, duration_ms) {
 		<div class="flex flex-row items-center gap-1 text-gray-500 dark:text-gray-300 text-2xs">
 			{#if job}
 				{#if 'started_at' in job && job.started_at}
-					{#if job?.['duration_ms']}
-						Ended {endedDate(job.started_at, job?.['duration_ms'])}
-						{#if job && 'duration_ms' in job && job.duration_ms != undefined}
-							(Ran in {msToSec(job.duration_ms)}s)
-						{/if}
-					{:else}
-						<div>
-							Started
-							<TimeAgo date={job.started_at ?? ''} />
-						</div>
+					Started <TimeAgo date={job.started_at ?? ''} />
+					{#if job && 'duration_ms' in job && job.duration_ms != undefined}
+						(Ran in {msToSec(
+							job.duration_ms
+						)}s{#if job.job_kind == 'flow' || job.job_kind == 'flowpreview'}&nbsp;total{/if})
 					{/if}
 				{:else if `scheduled_for` in job && job.scheduled_for && forLater(job.scheduled_for)}
 					Scheduled for {displayDate(job.scheduled_for)}

package/package/components/runs/RunsFilter.svelte

@@ -442,7 +442,7 @@ $: {
 							close(null)
 						}}
 					>
-						Set
+						Set args/result filter
 					</Button>
 				</div>
 			</div>

package/package/components/runs/RunsTable.svelte

@@ -17,7 +17,7 @@ function groupJobsByDay(jobs) {
         const field = getTime(job);
         if (field) {
             const date = new Date(field);
-            date.setMilliseconds(date.getMilliseconds() + (job['duration_ms'] ?? 0));
+            date.setMilliseconds(date.getMilliseconds());
             const day = date.toLocaleDateString('en-US', {
                 year: 'numeric',
                 month: 'long',

package/package/components/scriptEditor/LogPanel.svelte

@@ -15,6 +15,7 @@ import ScriptFix from '../copilot/ScriptFix.svelte';
 import Cell from '../table/Cell.svelte';
 import DataTable from '../table/DataTable.svelte';
 import Head from '../table/Head.svelte';
+import WorkflowTimeline from '../WorkflowTimeline.svelte';
 export let lang;
 export let previewIsLoading = false;
 export let previewJob;
@@ -35,6 +36,9 @@ function openDrawer(newContent) {
 function closeDrawer() {
     drawerOpen = false;
 }
+function asWorkflowStatus(x) {
+    return x;
+}
 </script>
 
 <Drawer bind:open={drawerOpen} size="800px">
@@ -70,6 +74,14 @@ function closeDrawer() {
 		{#if selectedTab === 'logs'}
 			<SplitPanesWrapper>
 				<Splitpanes horizontal>
+					{#if previewJob?.is_flow_step == false && previewJob?.flow_status}
+						<Pane class="relative">
+							<WorkflowTimeline
+								flow_status={asWorkflowStatus(previewJob.flow_status)}
+								flowDone={previewJob.type == 'CompletedJob'}
+							/>
+						</Pane>
+					{/if}
 					<Pane class="relative">
 						<LogViewer
 							jobId={previewJob?.id}