windmill-components 1.389.3 → 1.394.4

package/package/components/icons/ZitadelIcon.svelte

@@ -0,0 +1,76 @@
+<script>export let height = '24px';
+export let width = '24px';
+</script>
+
+<svg {width} {height} viewBox="0 0 467 467" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g id="zitadel-logo-solo-darkdesign" transform="matrix(0.564847,0,0,0.659318,-1282.85,0)">
+        <rect x="2271.15" y="0" width="826.773" height="708.241" style="fill:none;"/>
+        <g transform="matrix(4.96737,-1.14029,1.331,4.25561,-5923.46,-2258.26)">
+            <path d="M1493.5,1056.38L1493.5,1037L1496.5,1037L1496.5,1061.62L1426.02,1020.38L1496.5,979.392L1496.5,1004L1493.5,1004L1493.5,984.608L1431.98,1020.39L1493.5,1056.38Z" style="fill:white;"/>
+        </g>
+        <g transform="matrix(31.0036,0,0,15.0393,-397275,-666.457)">
+            <g transform="matrix(-0.0429306,-0.282967,0.160219,-0.0758207,12884.5,137.392)">
+                <path d="M212.517,110L200.392,110L190,92L179.608,110L167.483,110L190,71L212.517,110Z" style="fill:url(#_Linear1);"/>
+            </g>
+            <g transform="matrix(0.160219,0.0758207,-0.0429306,0.282967,12878.9,10.8747)">
+                <path d="M212.517,110L200.392,110L190,92L179.608,110L167.483,110L190,71L212.517,110Z" style="fill:url(#_Linear2);"/>
+            </g>
+            <g transform="matrix(-0.117289,0.207146,-0.117289,-0.207146,12943.8,65.7)">
+                <path d="M212.517,110L200.392,110L190,92L179.608,110L167.483,110L190,71L212.517,110Z" style="fill:url(#_Linear3);"/>
+            </g>
+            <g transform="matrix(-0.160219,-0.0758207,0.0429306,-0.282967,12917.4,132.195)">
+                <path d="M139.622,117L149,142L130.244,142L139.622,117Z" style="fill:url(#_Linear4);"/>
+            </g>
+            <g transform="matrix(-0.117289,0.207146,0.117289,0.207146,12897.8,5.87512)">
+                <path d="M139.622,117L149,142L130.244,142L139.622,117Z" style="fill:url(#_Linear5);"/>
+            </g>
+            <g transform="matrix(-0.0429306,-0.282967,-0.160219,0.0758207,12936.8,97.6441)">
+                <path d="M139.622,117L149,142L130.244,142L139.622,117Z" style="fill:url(#_Linear6);"/>
+            </g>
+        </g>
+        <g transform="matrix(4.96737,-1.14029,1.331,4.25561,-5928.43,-2257.12)">
+            <circle cx="1496" cy="1004" r="7" style="fill:white;"/>
+        </g>
+        <g transform="matrix(4.96737,-1.14029,1.331,4.25561,-5884.5,-2116.69)">
+            <circle cx="1496" cy="1004" r="7" style="fill:white;"/>
+        </g>
+        <g transform="matrix(4.96737,-1.14029,1.331,4.25561,-5855.22,-2023.06)">
+            <circle cx="1496" cy="1004" r="7" style="fill:white;"/>
+        </g>
+        <g transform="matrix(4.96737,-1.14029,1.331,4.25561,-6234.47,-2112.14)">
+            <circle cx="1496" cy="1004" r="7" style="fill:white;"/>
+        </g>
+        <g transform="matrix(4.96737,-1.14029,1.331,4.25561,-5957.71,-2350.75)">
+            <circle cx="1496" cy="1004" r="7" style="fill:white;"/>
+        </g>
+        <g transform="matrix(4.96737,-1.14029,1.16463,3.72366,-5477.99,-831.33)">
+            <path d="M1499.26,757.787C1499.26,757.787 1497.37,756.489 1497,755.2C1496.71,754.182 1496.57,750.662 1496.54,750C1496.41,747.303 1499.21,745.644 1499.21,745.644L1490.01,745.835C1490.01,745.835 1493.15,745.713 1493.46,750C1493.51,750.661 1493.23,753.476 1493,755.2C1492.91,756.447 1491.2,757.668 1491.2,757.668L1499.26,757.787Z" style="fill:white;"/>
+        </g>
+        <g transform="matrix(4.96737,-1.14029,1.16463,3.72366,-5404.79,-597.271)">
+            <path d="M1495,760L1495,744" style="fill:none;"/>
+        </g>
+        <g transform="matrix(4.96737,-1.14029,1.16463,3.72366,-5404.79,-597.271)">
+            <path d="M1498.27,757.077C1498.27,757.077 1496.71,756.46 1496.65,754.8C1496.65,753.658 1496.64,753.281 1496.65,752.016C1496.62,751.334 1496.59,750.608 1496.65,749.949C1496.78,746.836 1498.5,746.156 1498.5,746.156L1491.46,745.931C1491.46,745.931 1493.37,746.719 1493.65,749.83C1493.71,750.489 1493.69,751.528 1493.65,752.209C1493.64,753.331 1493.64,753.413 1493.65,754.518C1493.68,756.334 1492.58,756.827 1492.58,756.827L1498.27,757.077Z" style="fill:white;"/>
+        </g>
+        <g transform="matrix(4.96737,-1.14029,1.16463,3.72366,-5770.62,-677.495)">
+            <path d="M1496.17,759.473L1555.54,720.014" style="fill:none;"/>
+        </g>
+        <g transform="matrix(4.96737,-1.14029,1.16463,3.72366,-5770.62,-677.495)">
+            <path d="M1500.86,762.056C1500.86,762.056 1499.86,760.4 1503.09,757.456C1504.91,755.797 1507.33,754.151 1509.98,752.255C1514.82,748.79 1520.68,744.94 1526.52,741.049C1531.45,737.766 1536.38,734.479 1540.82,731.68C1544.52,729.349 1547.85,727.296 1550.54,725.8C1551.07,725.506 1551.6,725.329 1552.05,725.029C1554.73,723.257 1556.85,724.968 1556.85,724.968L1552.23,716.282C1552.23,716.282 1551.99,719.454 1550,720.997C1549.57,721.333 1549.15,721.741 1548.67,722.12C1546.2,724.053 1542.99,726.344 1539.39,728.867C1535.06,731.898 1530.13,735.166 1525.19,738.438C1519.35,742.314 1513.52,746.234 1508.49,749.329C1505.74,751.023 1503.28,752.577 1501.13,753.598C1497.99,755.086 1495.28,753.617 1495.28,753.617L1500.86,762.056Z" style="fill:white;"/>
+        </g>
+        <g transform="matrix(4.96737,-1.14029,-1.16463,-3.72366,-3997,4993.28)">
+            <path d="M1496.17,759.473L1555.54,720.014" style="fill:none;"/>
+        </g>
+        <g transform="matrix(4.96737,-1.14029,-1.16463,-3.72366,-3997,4993.28)">
+            <path d="M1496.1,754.362C1496.1,754.362 1497.2,755.607 1501.13,753.598C1503.25,752.509 1505.74,751.023 1508.49,749.329C1513.52,746.234 1519.35,742.314 1525.19,738.438C1530.13,735.166 1534.94,731.832 1539.27,728.802C1542.87,726.279 1549.36,722.059 1549.81,721.75C1552.75,719.73 1552.18,718.196 1552.18,718.196L1555.28,724.152C1555.28,724.152 1553.77,722.905 1551.37,724.681C1550.93,725.006 1544.52,729.349 1540.82,731.68C1536.38,734.479 1531.45,737.766 1526.52,741.049C1520.68,744.94 1514.82,748.79 1509.98,752.255C1507.33,754.151 1504.89,755.771 1503.09,757.456C1499.47,760.841 1501.26,763.283 1501.26,763.283L1496.1,754.362Z" style="fill:white;"/>
+        </g>
+    </g>
+    <defs>
+        <linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-41.5984,155.247,-155.247,-41.5984,201.516,76.8392)"><stop offset="0" style="stop-color:rgb(255,143,0);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(254,0,255);stop-opacity:1"/></linearGradient>
+        <linearGradient id="_Linear2" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(155.247,-41.5984,41.5984,155.247,110.08,195.509)"><stop offset="0" style="stop-color:rgb(255,143,0);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(254,0,255);stop-opacity:1"/></linearGradient>
+        <linearGradient id="_Linear3" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-113.649,-113.649,113.649,-113.649,258.31,215.618)"><stop offset="0" style="stop-color:rgb(255,143,0);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(254,0,255);stop-opacity:1"/></linearGradient>
+        <linearGradient id="_Linear4" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-155.247,41.5984,-41.5984,-155.247,220.914,144.546)"><stop offset="0" style="stop-color:rgb(255,143,0);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(254,0,255);stop-opacity:1"/></linearGradient>
+        <linearGradient id="_Linear5" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-113.649,113.649,113.649,113.649,206.837,124.661)"><stop offset="0" style="stop-color:rgb(255,143,0);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(254,0,255);stop-opacity:1"/></linearGradient>
+        <linearGradient id="_Linear6" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-41.5984,-155.247,-155.247,41.5984,152.054,262.8)"><stop offset="0" style="stop-color:rgb(255,143,0);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(254,0,255);stop-opacity:1"/></linearGradient>
+    </defs>
+</svg>

package/package/components/icons/ZitadelIcon.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 ZitadelIconProps = typeof __propDef.props;
+export type ZitadelIconEvents = typeof __propDef.events;
+export type ZitadelIconSlots = typeof __propDef.slots;
+export default class ZitadelIcon extends SvelteComponent<ZitadelIconProps, ZitadelIconEvents, ZitadelIconSlots> {
+}
+export {};

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

@@ -87,6 +87,9 @@ import GoogleCloudIcon from './GoogleCloudIcon.svelte';
 import CaCertificate from './CACertificate.svelte';
 import CurrencyApiIcon from './CurrencyApiIcon.svelte';
 import VismaIcon from './VismaIcon.svelte';
+import JumpCloudIcon from './JumpCloudIcon.svelte';
+import KeycloakIcon from './KeycloakIcon.svelte';
+import ZitadelIcon from './ZitadelIcon.svelte';
 export declare const APP_TO_ICON_COMPONENT: {
     readonly postgresql: typeof PostgresIcon;
     readonly mysql: typeof Mysql;
@@ -181,5 +184,8 @@ export declare const APP_TO_ICON_COMPONENT: {
     readonly cacertificate: typeof CaCertificate;
     readonly currencyapi: typeof CurrencyApiIcon;
     readonly visma: typeof VismaIcon;
+    readonly jumpcloud: typeof JumpCloudIcon;
+    readonly keycloak: typeof KeycloakIcon;
+    readonly zitadel: typeof ZitadelIcon;
 };
-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 };
+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, VismaIcon, JumpCloudIcon, KeycloakIcon, ZitadelIcon };

package/package/components/icons/index.js

@@ -87,6 +87,9 @@ import GoogleCloudIcon from './GoogleCloudIcon.svelte';
 import CaCertificate from './CACertificate.svelte';
 import CurrencyApiIcon from './CurrencyApiIcon.svelte';
 import VismaIcon from './VismaIcon.svelte';
+import JumpCloudIcon from './JumpCloudIcon.svelte';
+import KeycloakIcon from './KeycloakIcon.svelte';
+import ZitadelIcon from './ZitadelIcon.svelte';
 export const APP_TO_ICON_COMPONENT = {
     postgresql: PostgresIcon,
     mysql: Mysql,
@@ -180,6 +183,9 @@ export const APP_TO_ICON_COMPONENT = {
     gcp_service_account: GoogleCloudIcon,
     cacertificate: CaCertificate,
     currencyapi: CurrencyApiIcon,
-    visma: VismaIcon
+    visma: VismaIcon,
+    jumpcloud: JumpCloudIcon,
+    keycloak: KeycloakIcon,
+    zitadel: ZitadelIcon
 };
-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 };
+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, VismaIcon, JumpCloudIcon, KeycloakIcon, ZitadelIcon };

package/package/components/instanceSettings.d.ts

@@ -6,7 +6,7 @@ export interface Setting {
     ee_only?: string;
     tooltip?: string;
     key: string;
-    fieldType: 'text' | 'number' | 'boolean' | 'password' | 'select' | 'textarea' | 'seconds' | 'email' | 'license_key' | 'object_store_config' | 'critical_error_channels';
+    fieldType: 'text' | 'number' | 'boolean' | 'password' | 'select' | 'textarea' | 'seconds' | 'email' | 'license_key' | 'object_store_config' | 'critical_error_channels' | 'slack_connect';
     storage: SettingStorage;
     isValid?: (value: any) => boolean;
     error?: string;

package/package/components/instanceSettings.js

@@ -1,7 +1,7 @@
 export const settings = {
     Core: [
         {
-            label: 'Base Url',
+            label: 'Base url',
             description: 'Public base url of the instance',
             key: 'base_url',
             fieldType: 'text',
@@ -24,7 +24,7 @@ export const settings = {
             placeholder: 'mail.windmill.com'
         },
         {
-            label: 'Request Size Limit In MB',
+            label: 'Request size limit in MB',
             description: 'Maximum size of HTTP requests in MB.',
             cloudonly: true,
             key: 'request_size_limit_mb',
@@ -41,7 +41,7 @@ export const settings = {
             cloudonly: false
         },
         {
-            label: 'Max Timeout for sync endpoints',
+            label: 'Max timeout for sync endpoints',
             key: 'timeout_wait_result',
             cloudonly: true,
             fieldType: 'seconds',
@@ -49,8 +49,8 @@ export const settings = {
             storage: 'config'
         },
         {
-            label: 'License Key',
-            description: 'License Key required to use the EE (switch image for windmill-ee)',
+            label: 'License key',
+            description: 'License key required to use the EE (switch image for windmill-ee)',
             key: 'license_key',
             fieldType: 'license_key',
             placeholder: 'only needed to prepare upgrade to EE',
@@ -65,7 +65,7 @@ export const settings = {
             ee_only: 'This is only relevant for EE'
         },
         {
-            label: 'Retention Period in secs',
+            label: 'Retention period in secs',
             key: 'retention_period_secs',
             description: 'How long to keep the jobs data in the database (max 30 days on CE)',
             fieldType: 'seconds',
@@ -76,14 +76,14 @@ export const settings = {
         },
         {
             label: 'Expose metrics',
-            description: 'Expose prometheus metrics for workers and servers on port 8001 at /metrics',
+            description: 'Expose Prometheus metrics for workers and servers on port 8001 at /metrics',
             key: 'expose_metrics',
             fieldType: 'boolean',
             storage: 'setting',
             ee_only: ''
         },
         {
-            label: 'S3/Azure for Python/Go Cache & Large Logs',
+            label: 'S3/Azure for Python/Go cache & large logs',
             description: 'Bucket to store large logs and global cache for Python and Go.',
             key: 'object_store_cache_config',
             fieldType: 'object_store_config',
@@ -91,8 +91,8 @@ export const settings = {
             ee_only: ''
         },
         {
-            label: 'Critical Alert Channels',
-            description: 'Channels to send critical alerts to. SMTP must be configured for the email channel.',
+            label: 'Critical alert channels',
+            description: 'Channels to send critical alerts to. SMTP must be configured for the email channel. A Slack workspace must be connected to the instance for the Slack channel.',
             key: 'critical_error_channels',
             fieldType: 'critical_error_channels',
             storage: 'setting',
@@ -107,8 +107,8 @@ export const settings = {
             ee_only: ''
         },
         {
-            label: 'Private hub base url',
-            description: 'Base url of your private hub instance, without trailing slash',
+            label: 'Private Hub base url',
+            description: 'Base url of your private Hub instance, without trailing slash',
             placeholder: 'https://hub.company.com',
             key: 'hub_base_url',
             fieldType: 'text',
@@ -197,9 +197,18 @@ export const settings = {
             storage: 'config'
         }
     ],
+    Slack: [
+        {
+            label: 'Slack',
+            key: 'slack',
+            fieldType: 'slack_connect',
+            storage: 'setting',
+            ee_only: ''
+        }
+    ],
     'SCIM/SAML': [
         {
-            label: 'SCIM Token',
+            label: 'SCIM token',
             description: 'Token used to authenticate requests from the IdP',
             key: 'scim_token',
             fieldType: 'text',
@@ -219,14 +228,14 @@ export const settings = {
     ],
     Debug: [
         {
-            label: 'Keep Job Directories',
+            label: 'Keep job directories',
             key: 'keep_job_dir',
             fieldType: 'boolean',
             tooltip: 'Keep Job directories after execution at /tmp/windmill/<worker>/<job_id>',
             storage: 'setting'
         },
         {
-            label: 'Expose Debug Metrics',
+            label: 'Expose debug metrics',
             key: 'expose_debug_metrics',
             fieldType: 'boolean',
             tooltip: 'Expose additional metrics (require metrics to be enabled)',

package/package/components/runs/JobLoader.svelte

@@ -105,7 +105,19 @@ function computeJobKinds(jobKindsCat) {
     }
 }
 let loadingFetch = false;
-async function fetchJobs(startedBefore, startedAfter, startedAfterCompletedJobs) {
+export async function loadExtraJobs() {
+    if (jobs && jobs.length > 0) {
+        const lastJob = jobs[jobs.length - 1];
+        // const minCreated = lastJob?.created_at
+        const minCreated = new Date(new Date(lastJob.created_at).getTime() - 1).toISOString();
+        let olderJobs = await fetchJobs(undefined, minTs, undefined, minCreated);
+        jobs = jobs.concat(olderJobs);
+        computeCompletedJobs();
+        return olderJobs?.length < 1000;
+    }
+    return false;
+}
+async function fetchJobs(startedBefore, startedAfter, startedAfterCompletedJobs, createdBefore) {
     loadingFetch = true;
     try {
         let scriptPathStart = folder === null || folder === '' ? undefined : `f/${folder}/`;
@@ -117,6 +129,7 @@ async function fetchJobs(startedBefore, startedAfter, startedAfterCompletedJobs)
             createdOrStartedAfterCompletedJobs: startedAfterCompletedJobs,
             schedulePath,
             scriptPathExact,
+            createdBefore,
             createdBy: user === null || user === '' ? undefined : user,
             scriptPathStart: scriptPathStart,
             jobKinds,
@@ -128,9 +141,7 @@ async function fetchJobs(startedBefore, startedAfter, startedAfterCompletedJobs)
                     : undefined,
             isSkipped: isSkipped ? undefined : false,
             // isFlowStep: jobKindsCat != 'all' ? false : undefined,
-            hasNullParent: scriptPathExact != undefined || scriptPathStart != undefined || jobKindsCat != 'all'
-                ? true
-                : undefined,
+            hasNullParent: jobKindsCat != 'all' ? true : undefined,
             label: label === null || label === '' ? undefined : label,
             tag: tag === null || tag === '' ? undefined : tag,
             isNotSchedule: showSchedules == false ? true : undefined,
@@ -229,7 +240,7 @@ async function loadJobsIntern(shouldGetCount) {
         // lookback won't be needed anymore (just filter ended_at > minTs instead
         const extendedMinTs = subtractDaysFromDateString(minTs, lookback);
         if (concurrencyKey == null || concurrencyKey === '') {
-            let newJobs = await fetchJobs(maxTs, undefined, extendedMinTs);
+            let newJobs = await fetchJobs(maxTs, undefined, extendedMinTs, undefined);
             extendedJobs = { jobs: newJobs, obscured_jobs: [] };
             // Filter on minTs here and not in the backend
             // to get enough data for the concurrency graph
@@ -328,7 +339,7 @@ async function syncer() {
                 loading = true;
                 let newJobs;
                 if (concurrencyKey == null || concurrencyKey === '') {
-                    newJobs = await fetchJobs(maxTs, minTs ?? ts, undefined);
+                    newJobs = await fetchJobs(maxTs, minTs ?? ts, undefined, undefined);
                 }
                 else {
                     // Obscured jobs have no ids, so we have to do the full request

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

@@ -39,6 +39,7 @@ declare const __propDef: {
         } | undefined) | undefined;
         lookback?: number | undefined;
         perPage?: number | undefined;
+        loadExtraJobs?: (() => Promise<boolean>) | undefined;
         loadJobs?: ((nMinTs: string | undefined, nMaxTs: string | undefined, reset: boolean, shouldGetCount?: boolean) => Promise<void>) | undefined;
     };
     events: {
@@ -50,6 +51,7 @@ export type JobLoaderProps = typeof __propDef.props;
 export type JobLoaderEvents = typeof __propDef.events;
 export type JobLoaderSlots = typeof __propDef.slots;
 export default class JobLoader extends SvelteComponent<JobLoaderProps, JobLoaderEvents, JobLoaderSlots> {
+    get loadExtraJobs(): () => Promise<boolean>;
     get loadJobs(): (nMinTs: string | undefined, nMaxTs: string | undefined, reset: boolean, shouldGetCount?: boolean | undefined) => Promise<void>;
 }
 export {};

package/package/components/runs/RunRow.svelte

@@ -193,14 +193,14 @@ function isJobCancelable(j) {
 		{/if}
 	</div>
 	{#if containsLabel}
-		<div class="w-3/12 flex justify-start">
+		<div class="w-3/12 flex justify-start px-0.5">
 			{#if job && job?.['labels']}
 				<div class="flex flex-row items-center gap-1 overflow-x-auto">
 					{#if Array.isArray(job?.['labels'])}
 						{#each job?.['labels'] as label}
 							<Button
 								variant="border"
-								size="xs2"
+								size="xs3"
 								btnClasses={twMerge(
 									activeLabel == label ? 'bg-blue-50 dark:bg-blue-900/50' : '',
 									'!text-2xs !font-normal truncate max-w-28'
@@ -209,9 +209,9 @@ function isJobCancelable(j) {
 								on:click={() => {
 									dispatch('filterByLabel', label)
 								}}
+								endIcon={{ icon: ListFilter }}
 							>
 								{label}
-								<ListFilter size={10} />
 							</Button>
 						{/each}
 					{/if}
@@ -229,7 +229,7 @@ function isJobCancelable(j) {
 					btnClasses="font-normal"
 					on:click={() => scheduleEditor?.openEdit(job.schedule_path ?? '', job.job_kind == 'flow')}
 				>
-					<div class="truncate text-ellipsis text-left">
+					<div class="truncate text-ellipsis text-left" title={job.schedule_path}>
 						{truncateRev(job.schedule_path, 20)}
 					</div>
 				</Button>
@@ -245,15 +245,15 @@ function isJobCancelable(j) {
 			</div>
 		{:else}
 			<div class="flex flex-row gap-1 items-center">
-				<div class="text-xs">
-					{job.created_by}
+				<div class="text-xs truncate text-ellipsis text-left" title={job.created_by}>
+					{truncateRev(job.created_by ?? '', 20)}
 				</div>
 				{#if !isExternal}
 					<Button
 						size="xs2"
 						color="light"
 						on:click={() => {
-							dispatch('filterByUser', job.created_by)
+							dispatch('filterByUser', job.created_by ?? '')
 						}}
 					>
 						<ListFilter size={10} />

package/package/components/runs/RunsFilter.svelte

@@ -249,6 +249,7 @@ let tagTimeout = undefined;
 							></span
 						>
 
+						<!-- svelte-ignore a11y-autofocus -->
 						<input
 							autofocus
 							type="text"
@@ -290,6 +291,7 @@ let tagTimeout = undefined;
 							</Tooltip></span
 						>
 
+						<!-- svelte-ignore a11y-autofocus -->
 						<input
 							autofocus
 							type="text"
@@ -323,6 +325,7 @@ let tagTimeout = undefined;
 						{/if}
 						<span class="text-xs absolute -top-4"> Tag </span>
 
+						<!-- svelte-ignore a11y-autofocus -->
 						<input
 							autofocus
 							type="text"
@@ -356,6 +359,7 @@ let tagTimeout = undefined;
 						{/if}
 						<span class="text-xs absolute -top-4"> Schedule Path </span>
 
+						<!-- svelte-ignore a11y-autofocus -->
 						<input
 							autofocus
 							type="text"
@@ -470,7 +474,7 @@ let tagTimeout = undefined;
 				<CloseButton on:close={() => close(null)} />
 			</svelte:fragment>
 
-			<div class="w-80 flex flex-col gap-4">
+			<div class="w-102 flex flex-col gap-4">
 				{#if mobile}
 					<Label label="Filter by">
 						<ToggleButtonGroup
@@ -603,6 +607,7 @@ let tagTimeout = undefined;
 										</button>
 									{/if}
 
+									<!-- svelte-ignore a11y-autofocus -->
 									<input
 										autofocus
 										type="text"
@@ -637,6 +642,7 @@ let tagTimeout = undefined;
 										</button>
 									{/if}
 
+									<!-- svelte-ignore a11y-autofocus -->
 									<input
 										autofocus
 										type="text"
@@ -671,6 +677,7 @@ let tagTimeout = undefined;
 										</button>
 									{/if}
 
+									<!-- svelte-ignore a11y-autofocus -->
 									<input
 										autofocus
 										type="text"

package/package/components/runs/RunsTable.svelte

@@ -16,6 +16,7 @@ export let selectedIds = [];
 export let selectedWorkspace = undefined;
 export let activeLabel = null;
 // const loadMoreQuantity: number = 100
+export let lastFetchWentToEnd = false;
 function getTime(job) {
     return job['started_at'] ?? job['scheduled_for'] ?? job['created_at'];
 }
@@ -123,9 +124,12 @@ function selectAll() {
 let cancelableJobCount = 0;
 $: isSelectingJobsToCancel && (allSelected = selectedIds.length === cancelableJobCount);
 $: isSelectingJobsToCancel && (cancelableJobCount = jobs?.filter(isJobCancelable).length ?? 0);
-function jobCountString(jobCount) {
+function jobCountString(jobCount, lastFetchWentToEnd) {
+    if (jobCount === undefined) {
+        return '';
+    }
     const jc = jobCount;
-    const isTruncated = jc >= 1000;
+    const isTruncated = jc >= 1000 && !lastFetchWentToEnd;
     return `${jc}${isTruncated ? '+' : ''} job${jc != 1 ? 's' : ''}`;
 }
 function computeHeight() {
@@ -166,14 +170,14 @@ const dispatch = createEventDispatcher();
 			{#if showExternalJobs && externalJobs.length > 0}
 				<div class="w-1/12 text-2xs">
 					<div class="flex flex-row">
-						{jobs && jobCountString(jobs.length + externalJobs.length)}<Tooltip
-							>{externalJobs.length} jobs obscured</Tooltip
-						>
+						{jobs
+							? jobCountString(jobs.length + externalJobs.length, lastFetchWentToEnd)
+							: ''}<Tooltip>{externalJobs.length} jobs obscured</Tooltip>
 					</div>
 				</div>
 			{:else if $workspaceStore !== 'admins' && omittedObscuredJobs}
 				<div class="w-1/12 text-2xs flex flex-row">
-					{jobs && jobCountString(jobs.length)}
+					{jobs ? jobCountString(jobs.length, lastFetchWentToEnd) : ''}
 					<Popover>
 						<AlertTriangle size={16} class="ml-0.5 text-yellow-500" />
 						<svelte:fragment slot="text">
@@ -183,9 +187,11 @@ const dispatch = createEventDispatcher();
 					</Popover>
 				</div>
 			{:else}
-				<div class="w-1/12 text-2xs">{jobs && jobCountString(jobs.length)}</div>
+				<div class="w-1/12 text-2xs"
+					>{jobs ? jobCountString(jobs.length, lastFetchWentToEnd) : ''}</div
+				>
 			{/if}
-			<div class="w-4/12 text-xs font-semibold">Timestamp</div>
+			<div class="w-4/12 text-xs font-semibold" />
 			<div class="w-4/12 text-xs font-semibold">Path</div>
 			{#if containsLabel}
 				<div class="w-3/12 text-xs font-semibold">Label</div>
@@ -262,6 +268,22 @@ const dispatch = createEventDispatcher();
 					</div>
 				{/if}
 			</div>
+			<div slot="footer"
+				>{#if !lastFetchWentToEnd && jobs && jobs.length >= 1000}
+					<button
+						class="text-xs text-blue-600 text-center w-full pb-2"
+						on:click={() => {
+							dispatch('loadExtra')
+						}}>Load next 1000 jobs</button
+					>
+				{/if}</div
+			>
 		</VirtualList>
 	{/if}
 </div>
+
+<style>
+	:global(.virtual-list-wrapper:hover::-webkit-scrollbar) {
+		width: 8px !important;
+		height: 8px !important;
+	}</style>

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

@@ -10,6 +10,7 @@ declare const __propDef: {
         selectedIds?: string[] | undefined;
         selectedWorkspace?: string | undefined;
         activeLabel?: string | null | undefined;
+        lastFetchWentToEnd?: boolean | undefined;
     };
     events: {
         focus: FocusEvent;
@@ -20,6 +21,7 @@ declare const __propDef: {
         filterByConcurrencyKey: CustomEvent<any>;
         filterBySchedule: CustomEvent<any>;
         select: CustomEvent<any>;
+        loadExtra: CustomEvent<any>;
     } & {
         [evt: string]: CustomEvent<any>;
     };

package/package/components/schema/PropertyEditor.svelte

@@ -202,9 +202,4 @@ function updateSchema() {
 	input::-webkit-inner-spin-button {
 		-webkit-appearance: none !important;
 		margin: 0;
-	}
-
-	/* Firefox */
-	input[type='number'] {
-		-moz-appearance: textfield !important;
 	}</style>

package/package/components/settings/WorkspaceUserSettings.svelte

@@ -290,7 +290,7 @@ $: showInvites = invites?.length > 0 || (auto_invite_domain != undefined && !aut
 			{#if filteredUsers}
 				{#each filteredUsers.slice(0, nbDisplayed) as { email, username, is_admin, operator, disabled } (email)}
 					<tr class="!hover:bg-surface-hover">
-						<Cell first>{truncate(email, 20)}</Cell>
+						<Cell first><a href="mailto:{email}">{truncate(email, 20)}</a></Cell>
 						<Cell>{truncate(username, 30)}</Cell>
 						<Cell
 							>{#if usage?.[email] != undefined}{usage?.[email]}{:else}<Loader2

package/package/components/sidebar/MenuLink.svelte

@@ -1,6 +1,7 @@
 <script>import { classNames } from '../../utils';
 import { navigating, page } from '$app/stores';
 import Popover from '../Popover.svelte';
+import { base } from '$app/paths';
 export let label;
 export let href;
 export let icon = undefined;
@@ -9,7 +10,7 @@ export let disabled = false;
 export let lightMode = false;
 let isSelected = false;
 navigating.subscribe(() => {
-    if (href === '/') {
+    if (href === `${base}/`) {
         isSelected = $page.url.pathname === href;
     }
     else {

package/package/components/sidebar/WorkspaceMenu.svelte

@@ -26,10 +26,13 @@ async function toggleSwitchWorkspace(id) {
     const isOnEditPage = editPages.some((editPage) => $page.route.id?.includes(editPage) ?? false);
     if (!isOnEditPage) {
         switchWorkspace(id);
+        if ($page.url.searchParams.get('workspace')) {
+            $page.url.searchParams.set('workspace', id);
+        }
     }
     else {
-        await goto('/');
         switchWorkspace(id);
+        await goto('/');
     }
 }
 </script>