windmill-components 1.623.2 → 1.642.0

package/package/components/instanceSettings.js

@@ -1,3 +1,4 @@
+import { z } from 'zod';
 // Languages that support HTTP request tracing via OTEL proxy
 export const OTEL_TRACING_PROXY_LANGUAGES = [
     'nativets',
@@ -11,12 +12,37 @@ export const OTEL_TRACING_PROXY_LANGUAGES = [
     'nu',
     'ruby'
 ];
+const positiveNumber = z.number().positive('Must be a positive number');
+const indexerSettingsSchema = z
+    .object({
+    writer_memory_budget: positiveNumber.optional(),
+    commit_job_max_batch_size: positiveNumber.optional(),
+    refresh_index_period: positiveNumber.optional(),
+    max_indexed_job_log_size: positiveNumber.optional(),
+    commit_log_max_batch_size: positiveNumber.optional(),
+    refresh_log_index_period: positiveNumber.optional()
+})
+    .passthrough();
+function validateIndexerSettings(v) {
+    if (!v)
+        return {};
+    const result = indexerSettingsSchema.safeParse(v);
+    if (result.success)
+        return {};
+    const errors = {};
+    for (const issue of result.error.issues) {
+        const field = issue.path[0]?.toString();
+        if (field)
+            errors[field] = issue.message;
+    }
+    return errors;
+}
 export const scimSamlSetting = [
     {
         label: 'SCIM token',
         description: 'Token used to authenticate requests from the IdP',
         key: 'scim_token',
-        fieldType: 'text',
+        fieldType: 'password',
         placeholder: 'mytoken',
         storage: 'setting',
         ee_only: ''
@@ -47,14 +73,6 @@ export const settings = {
                     !value?.endsWith('/') &&
                     !value?.endsWith(' '))
         },
-        {
-            label: 'Email domain',
-            description: 'Domain to display in webhooks for <a href="https://www.windmill.dev/docs/advanced/email_triggers">email triggers</a> (should match the MX record)',
-            key: 'email_domain',
-            fieldType: 'text',
-            storage: 'setting',
-            placeholder: 'mail.windmill.com'
-        },
         {
             label: 'Request size limit in MB',
             description: 'Maximum size of HTTP requests in MB.',
@@ -64,6 +82,55 @@ export const settings = {
             placeholder: '50',
             storage: 'setting'
         },
+        {
+            label: 'License key',
+            description: 'License key required to use the EE (switch image for windmill-ee). <a href="https://www.windmill.dev/docs/advanced/instance_settings#license-key">Learn more</a>',
+            key: 'license_key',
+            fieldType: 'license_key',
+            placeholder: 'only for EE',
+            storage: 'setting'
+        },
+        {
+            label: 'Non-prod instance',
+            description: 'Whether we should consider the reported usage of this instance as non-prod. <a href="https://www.windmill.dev/docs/advanced/instance_settings#non-prod-instance">Learn more</a>',
+            key: 'dev_instance',
+            fieldType: 'boolean',
+            storage: 'setting',
+            ee_only: '',
+            hideInQuickSetup: true
+        },
+        {
+            label: 'App workspace prefix',
+            description: 'When enabled apps will be accessible at /a/{workspace_id}/{custom_path} instead of /a/{custom_path} allowing you to define same custom path for apps in different workspace without conflict',
+            key: 'app_workspaced_route',
+            fieldType: 'boolean',
+            storage: 'setting',
+            ee_only: '',
+            hideInQuickSetup: true
+        }
+    ],
+    Jobs: [
+        {
+            label: 'Job isolation',
+            key: 'job_isolation',
+            fieldType: 'select',
+            description: 'Isolation mode for job execution. None: no isolation. Unshare: PID namespace isolation via unshare. Nsjail: full nsjail sandboxing. <a href="https://www.windmill.dev/docs/advanced/security_isolation">Learn more</a>',
+            storage: 'setting',
+            select_items: [
+                {
+                    label: 'None',
+                    value: 'none'
+                },
+                {
+                    label: 'Unshare',
+                    value: 'unshare'
+                },
+                {
+                    label: 'Nsjail',
+                    value: 'nsjail_sandboxing'
+                }
+            ]
+        },
         {
             label: 'Default timeout',
             key: 'job_default_timeout',
@@ -72,13 +139,6 @@ export const settings = {
             storage: 'setting',
             cloudonly: false
         },
-        {
-            label: 'Keep job directories for debug',
-            key: 'keep_job_dir',
-            fieldType: 'boolean',
-            description: 'Keep Job directories after execution at /tmp/windmill/WORKER/JOB_ID',
-            storage: 'setting'
-        },
         {
             label: 'Max timeout for sync endpoints',
             description: 'Maximum amount of time (measured in seconds) that a <a href="https://www.windmill.dev/docs/core_concepts/webhooks">sync endpoint</a> is allowed to run before it is forcibly stopped or timed out.',
@@ -89,20 +149,11 @@ export const settings = {
             storage: 'setting'
         },
         {
-            label: 'License key',
-            description: 'License key required to use the EE (switch image for windmill-ee). <a href="https://www.windmill.dev/docs/advanced/instance_settings#license-key">Learn more</a>',
-            key: 'license_key',
-            fieldType: 'license_key',
-            placeholder: 'only needed to prepare upgrade to EE',
-            storage: 'setting'
-        },
-        {
-            label: 'Non-prod instance',
-            description: 'Whether we should consider the reported usage of this instance as non-prod. <a href="https://www.windmill.dev/docs/advanced/instance_settings#non-prod-instance">Learn more</a>',
-            key: 'dev_instance',
+            label: 'Keep job directories for debug',
+            key: 'keep_job_dir',
             fieldType: 'boolean',
-            storage: 'setting',
-            ee_only: ''
+            description: 'Keep Job directories after execution at /tmp/windmill/WORKER/JOB_ID',
+            storage: 'setting'
         },
         {
             label: 'Retention period in secs',
@@ -113,32 +164,32 @@ export const settings = {
             storage: 'setting',
             ee_only: 'You can only adjust this setting to above 30 days in the EE version',
             cloudonly: false
-        },
-        {
-            label: 'Delete logs from s3 periodically',
-            description: 'Job and service logs are periodically deleted from disk. When this setting is on, they will also be deleted from the object storage.',
-            key: 'monitor_logs_on_s3',
-            fieldType: 'boolean',
-            storage: 'setting',
-            ee_only: ''
-        },
+        }
+    ],
+    'Object Storage': [
         {
             label: 'Instance object storage',
             description: ' S3/Azure bucket to store large logs and global cache for Python and Go. <a href="https://www.windmill.dev/docs/core_concepts/object_storage_in_windmill#instance-object-storage">Learn more</a>',
             key: 'object_store_cache_config',
             fieldType: 'object_store_config',
             storage: 'setting',
-            ee_only: ''
+            ee_only: '',
+            isValid: (v) => {
+                if (!v || v.type !== 'Gcs')
+                    return true;
+                return v.serviceAccountKey !== undefined;
+            }
         },
         {
-            label: 'Azure OpenAI base path',
-            description: 'All workspaces using an OpenAI resource for Windmill AI will run on the specified deployed model. Format: https://{your-resource-name}.openai.azure.com/openai/deployments/{deployment-id}. <a href="https://www.windmill.dev/docs/core_concepts/ai_generation#azure-openai-advanced-models">Learn more</a>',
-            key: 'openai_azure_base_path',
-            fieldType: 'text',
+            label: 'Delete logs from s3 periodically',
+            description: 'Job and service logs are periodically deleted from disk. When this setting is on, they will also be deleted from the object storage.',
+            key: 'monitor_logs_on_s3',
+            fieldType: 'boolean',
             storage: 'setting',
-            ee_only: '',
-            hiddenIfEmpty: true
-        },
+            ee_only: ''
+        }
+    ],
+    'Private Hub': [
         {
             label: 'Private Hub base url',
             description: 'Base URL of your Private Hub instance, without trailing slash. <a href="https://www.windmill.dev/docs/core_concepts/private_hub">Learn more</a>',
@@ -181,17 +232,18 @@ export const settings = {
             ee_only: ''
         },
         {
-            label: 'App workspace prefix',
-            description: 'When enabled apps will be accessible at /a/{workspace_id}/{custom_path} instead of /a/{custom_path} allowing you to define same custom path for apps in different workspace without conflict',
-            key: 'app_workspaced_route',
-            fieldType: 'boolean',
+            label: 'Azure OpenAI base path',
+            description: 'All workspaces using an OpenAI resource for Windmill AI will run on the specified deployed model. Format: https://{your-resource-name}.openai.azure.com/openai/deployments/{deployment-id}. <a href="https://www.windmill.dev/docs/core_concepts/ai_generation#azure-openai-advanced-models">Learn more</a>',
+            key: 'openai_azure_base_path',
+            fieldType: 'text',
             storage: 'setting',
-            ee_only: ''
+            ee_only: '',
+            hiddenIfEmpty: true
         }
     ],
     SMTP: [
         {
-            label: 'SMTP',
+            label: 'SMTP configuration',
             key: 'smtp_settings',
             fieldType: 'smtp_connect',
             storage: 'setting',
@@ -235,7 +287,7 @@ export const settings = {
             label: 'UV index url',
             description: 'Add private Pip registry',
             key: 'pip_index_url',
-            fieldType: 'text',
+            fieldType: 'password',
             placeholder: 'https://username:password@pypi.company.com/simple',
             storage: 'setting',
             ee_only: ''
@@ -244,28 +296,65 @@ export const settings = {
             label: 'UV extra index url',
             description: 'Add private extra Pip registry',
             key: 'pip_extra_index_url',
-            fieldType: 'text',
+            fieldType: 'password',
             placeholder: 'https://username:password@pypi.company.com/simple',
             storage: 'setting',
             ee_only: ''
         },
         {
-            label: 'Npm config registry',
-            description: 'Add private npm registry',
+            label: 'UV index strategy',
+            description: 'Strategy for resolving packages from multiple indexes. See <a href="https://docs.astral.sh/uv/pip/compatibility/#packages-that-exist-on-multiple-indexes">uv docs</a>',
+            key: 'uv_index_strategy',
+            fieldType: 'select',
+            placeholder: 'unsafe-best-match',
+            defaultValue: () => 'unsafe-best-match',
+            select_items: [
+                {
+                    label: 'first-index',
+                    tooltip: 'Only use the first index that contains the package'
+                },
+                {
+                    label: 'unsafe-first-match',
+                    tooltip: 'Search for packages across all indexes, preferring the first match'
+                },
+                {
+                    label: 'unsafe-best-match (default)',
+                    value: 'unsafe-best-match',
+                    tooltip: 'Search for packages across all indexes, preferring the best match'
+                }
+            ],
+            storage: 'setting',
+            ee_only: ''
+        },
+        {
+            label: 'NPM Registry Configuration (.npmrc)',
+            description: 'Full .npmrc file content for private npm registries. Used by Bun, Deno, and the npm proxy. Takes precedence over the legacy fields below.',
+            key: 'npmrc',
+            fieldType: 'codearea',
+            codeAreaLang: 'ini',
+            placeholder: 'registry=https://registry.mycompany.com/\n//registry.mycompany.com/:_authToken=YOUR_TOKEN\n\n@myorg:registry=https://registry.myorg.com/\n//registry.myorg.com/:_authToken=SCOPED_TOKEN',
+            storage: 'setting',
+            ee_only: ''
+        },
+        {
+            label: 'Npm config registry (legacy)',
+            description: 'Add private npm registry. Prefer using the .npmrc field above.',
             key: 'npm_config_registry',
-            fieldType: 'text',
+            fieldType: 'password',
             placeholder: 'https://registry.npmjs.org/:_authToken=npm_FOOBAR',
             storage: 'setting',
-            ee_only: ''
+            ee_only: '',
+            hiddenIfEmpty: true
         },
         {
-            label: 'Bunfig install scopes',
-            description: 'Add private scoped registries for Bun, See: https://bun.sh/docs/install/registries',
+            label: 'Bunfig install scopes (legacy)',
+            description: 'Add private scoped registries for Bun. Prefer using the .npmrc field above. See: https://bun.sh/docs/install/registries',
             key: 'bunfig_install_scopes',
-            fieldType: 'text',
+            fieldType: 'password',
             placeholder: '"@myorg3" = { token = "mytoken", url = "https://registry.myorg.com/" }',
             storage: 'setting',
-            ee_only: ''
+            ee_only: '',
+            hiddenIfEmpty: true
         },
         {
             label: 'Nuget Config',
@@ -280,11 +369,20 @@ export const settings = {
             label: 'Maven/Ivy repositories',
             description: 'Add private Maven/Ivy repositories',
             key: 'maven_repos',
-            fieldType: 'text',
+            fieldType: 'password',
             placeholder: 'https://user:password@artifacts.foo.com/maven',
             storage: 'setting',
             ee_only: ''
         },
+        {
+            label: 'Maven settings.xml',
+            description: 'Write a Maven settings.xml file for custom repositories, mirrors, and credentials',
+            key: 'maven_settings_xml',
+            fieldType: 'codearea',
+            codeAreaLang: 'xml',
+            storage: 'setting',
+            ee_only: ''
+        },
         {
             label: 'Disable default Maven repository',
             description: 'Do not use default Maven repository',
@@ -297,11 +395,20 @@ export const settings = {
             label: 'Ruby Gems repositories',
             description: 'Add private Ruby repositories with credentials. Should end with /',
             key: 'ruby_repos',
-            fieldType: 'text',
+            fieldType: 'password',
             placeholder: 'https://user:password@gems.foo.com/',
             storage: 'setting',
             ee_only: ''
         },
+        {
+            label: 'Cargo registries',
+            description: 'Write a .cargo/config.toml to set custom Cargo registries and credentials',
+            key: 'cargo_registries',
+            fieldType: 'codearea',
+            codeAreaLang: 'toml',
+            storage: 'setting',
+            ee_only: ''
+        },
         {
             label: 'PowerShell Repository URL',
             description: 'Add private PowerShell repository URL',
@@ -313,7 +420,7 @@ export const settings = {
         },
         {
             label: 'PowerShell Repository PAT',
-            description: 'Add private PowerShell repository Personal Access Token',
+            description: 'Add private PowerShell repository Personal Access Token (optional, for authenticated repositories)',
             key: 'powershell_repo_pat',
             fieldType: 'password',
             storage: 'setting',
@@ -404,7 +511,7 @@ export const settings = {
             key: 'indexer_settings',
             fieldType: 'indexer_rates',
             storage: 'setting',
-            ee_only: 'Full text search across jobs and service logs is an EE feature'
+            validate: validateIndexerSettings
         }
     ],
     Telemetry: [
@@ -412,13 +519,14 @@ export const settings = {
             label: 'Disable telemetry',
             key: 'disable_stats',
             fieldType: 'boolean',
-            storage: 'setting'
+            storage: 'setting',
+            hiddenInEe: true
         }
     ],
     'Secret Storage': [
         {
-            label: 'Secret Storage Backend',
-            description: 'Configure where secrets (secret variables) are stored. By default, secrets are encrypted and stored in the database. Enterprise Edition supports HashiCorp Vault as an external secret store.',
+            label: 'Backend type',
+            description: 'By default, secrets are encrypted and stored in the database. Enterprise Edition supports HashiCorp Vault as an external secret store.',
             key: 'secret_backend',
             fieldType: 'secret_backend',
             storage: 'setting',
@@ -427,3 +535,239 @@ export const settings = {
     ]
 };
 export const settingsKeys = Object.keys(settings);
+// --- Sidebar navigation for instance settings ---
+export const instanceSettingsNavigationGroups = [
+    {
+        title: 'Core',
+        items: [
+            {
+                id: 'users',
+                label: 'Users',
+                aiId: 'instance-settings-users',
+                aiDescription: 'Instance users settings'
+            },
+            {
+                id: 'general',
+                label: 'General',
+                aiId: 'instance-settings-general',
+                aiDescription: 'Instance general settings'
+            },
+            {
+                id: 'jobs',
+                label: 'Jobs',
+                aiId: 'instance-settings-jobs',
+                aiDescription: 'Instance jobs settings'
+            }
+        ]
+    },
+    {
+        title: 'Authentication',
+        items: [
+            {
+                id: 'sso',
+                label: 'SSO',
+                aiId: 'instance-settings-sso',
+                aiDescription: 'Instance SSO settings'
+            },
+            {
+                id: 'oauth',
+                label: 'OAuth',
+                aiId: 'instance-settings-oauth',
+                aiDescription: 'Instance OAuth settings'
+            },
+            {
+                id: 'scim_saml',
+                label: 'SCIM/SAML',
+                aiId: 'instance-settings-scim-saml',
+                aiDescription: 'Instance SCIM/SAML settings',
+                isEE: true
+            }
+        ]
+    },
+    {
+        title: 'Infrastructure',
+        items: [
+            {
+                id: 'smtp',
+                label: 'SMTP',
+                aiId: 'instance-settings-smtp',
+                aiDescription: 'Instance SMTP settings'
+            },
+            {
+                id: 'registries',
+                label: 'Registries',
+                aiId: 'instance-settings-registries',
+                aiDescription: 'Instance registries settings'
+            },
+            {
+                id: 'object_storage',
+                label: 'Object Storage',
+                aiId: 'instance-settings-object-storage',
+                aiDescription: 'Instance object storage settings',
+                isEE: true
+            }
+        ]
+    },
+    {
+        title: 'Monitoring',
+        items: [
+            {
+                id: 'alerts',
+                label: 'Alerts',
+                aiId: 'instance-settings-alerts',
+                aiDescription: 'Instance alerts settings',
+                isEE: true
+            },
+            {
+                id: 'otel_prom',
+                label: 'OTEL/Prometheus',
+                aiId: 'instance-settings-otel-prom',
+                aiDescription: 'Instance OTEL/Prometheus settings',
+                isEE: true
+            },
+            {
+                id: 'indexer',
+                label: 'Indexer',
+                aiId: 'instance-settings-indexer',
+                aiDescription: 'Instance indexer settings',
+                isEE: true
+            }
+        ]
+    },
+    {
+        title: 'Advanced',
+        items: [
+            {
+                id: 'private_hub',
+                label: 'Private Hub',
+                aiId: 'instance-settings-private-hub',
+                aiDescription: 'Instance private hub settings',
+                isEE: true
+            },
+            {
+                id: 'telemetry',
+                label: 'Telemetry',
+                aiId: 'instance-settings-telemetry',
+                aiDescription: 'Instance telemetry settings'
+            },
+            {
+                id: 'secret_storage',
+                label: 'Secret Storage',
+                aiId: 'instance-settings-secret-storage',
+                aiDescription: 'Instance secret storage settings'
+            }
+        ]
+    }
+];
+export const tabToCategoryMap = {
+    general: 'Core',
+    sso: 'Auth/OAuth/SAML',
+    oauth: 'Auth/OAuth/SAML',
+    scim_saml: 'Auth/OAuth/SAML',
+    smtp: 'SMTP',
+    registries: 'Registries',
+    alerts: 'Alerts',
+    otel_prom: 'OTEL/Prom',
+    indexer: 'Indexer',
+    telemetry: 'Telemetry',
+    secret_storage: 'Secret Storage',
+    object_storage: 'Object Storage',
+    jobs: 'Jobs',
+    private_hub: 'Private Hub'
+};
+export const tabToAuthSubTab = {
+    sso: 'sso',
+    oauth: 'oauth',
+    scim_saml: 'scim'
+};
+// Navigation groups for the initial setup flow (no Users tab)
+export const setupNavigationGroups = instanceSettingsNavigationGroups
+    .map((group) => ({
+    ...group,
+    items: group.items.filter((item) => item.id !== 'users')
+}))
+    .filter((group) => group.items.length > 0);
+export const categoryToTabMap = {
+    Core: 'general',
+    SMTP: 'smtp',
+    'Auth/OAuth/SAML': 'sso',
+    Registries: 'registries',
+    Alerts: 'alerts',
+    'OTEL/Prom': 'otel_prom',
+    Indexer: 'indexer',
+    Telemetry: 'telemetry',
+    'Secret Storage': 'secret_storage',
+    'Object Storage': 'object_storage',
+    Jobs: 'jobs',
+    'Private Hub': 'private_hub'
+};
+/**
+ * Extract the label portion from a uFuzzy marked/highlighted string.
+ * Only allows `<mark>` and `</mark>` tags through (sanitizes everything else).
+ */
+export function extractMarkedLabel(marked, labelLength) {
+    if (!marked)
+        return '';
+    let plainIdx = 0;
+    let markedIdx = 0;
+    while (plainIdx < labelLength && markedIdx < marked.length) {
+        if (marked[markedIdx] === '<') {
+            while (markedIdx < marked.length && marked[markedIdx] !== '>')
+                markedIdx++;
+            markedIdx++;
+        }
+        else {
+            plainIdx++;
+            markedIdx++;
+        }
+    }
+    // Include any closing </mark> right after
+    if (marked.startsWith('</mark>', markedIdx)) {
+        markedIdx += '</mark>'.length;
+    }
+    // Sanitize: only allow <mark> and </mark> tags from uFuzzy highlight
+    return marked.slice(0, markedIdx).replace(/<(?!\/?mark>)[^>]*>/g, '');
+}
+export function buildSearchableSettingItems(navigationGroups = instanceSettingsNavigationGroups) {
+    const items = [];
+    // Add sidebar navigation items (tab-level)
+    for (const group of navigationGroups) {
+        for (const navItem of group.items) {
+            items.push({
+                label: navItem.label,
+                tabId: navItem.id,
+                category: group.title
+            });
+        }
+    }
+    // Add individual settings from each category
+    for (const [category, categorySettings] of Object.entries(settings)) {
+        const tabId = categoryToTabMap[category];
+        if (!tabId)
+            continue;
+        for (const setting of categorySettings) {
+            if (!setting.label)
+                continue;
+            items.push({
+                label: setting.label,
+                tabId,
+                settingKey: setting.key,
+                category,
+                description: setting.description?.replace(/<[^>]*>/g, '') ?? ''
+            });
+        }
+    }
+    // Add SCIM/SAML settings
+    for (const setting of scimSamlSetting) {
+        if (!setting.label)
+            continue;
+        items.push({
+            label: setting.label,
+            tabId: 'scim_saml',
+            settingKey: setting.key,
+            category: 'SCIM/SAML',
+            description: setting.description?.replace(/<[^>]*>/g, '') ?? ''
+        });
+    }
+    return items;
+}

package/package/components/meltComponents/MenuItem.svelte

@@ -25,6 +25,7 @@ let buttonRef = $state(undefined);
 		{target}
 		onfocusin={onFocusIn}
 		onfocusout={onFocusOut}
+		onclick={onClick}
 	>
 		{@render children?.()}
 	</a>

package/package/components/meltComponents/Popover.svelte

@@ -31,6 +31,7 @@ export let extraProps = {};
 export let disabled = false;
 export let documentationLink = undefined;
 export let disableFocusTrap = false;
+export let openFocus = undefined;
 export let escapeBehavior = 'close';
 export let enableFlyTransition = false;
 export let onKeyDown = () => { };
@@ -39,6 +40,10 @@ export let onClose = () => { };
  * If provided, the popover will only open if the click is on the element with the given id.
  */
 export let targetId = undefined;
+/**
+ * Additional CSS selectors whose matching elements should be excluded from outside-click detection.
+ */
+export let excludeSelectors = undefined;
 let fullScreen = false;
 const dispatch = createEventDispatcher();
 // Dynamic portal: use 'body' when fullscreen, otherwise use the provided portal
@@ -54,6 +59,7 @@ const { elements: { trigger, content, arrow, close: closeElement, overlay }, sta
     portal: dynamicPortal,
     disableFocusTrap,
     escapeBehavior,
+    openFocus,
     onOpenChange: ({ curr, next }) => {
         if (curr != next) {
             dispatch('openChange', next);
@@ -113,7 +119,10 @@ export function updatePositioning(pos) {
     }
 }
 async function getMenuElements() {
-    return Array.from(document.querySelectorAll('[data-popover]'));
+    const selector = excludeSelectors
+        ? `[data-popover], ${excludeSelectors}`
+        : '[data-popover]';
+    return Array.from(document.querySelectorAll(selector));
 }
 let { debounced: debounceClose, clearDebounce: clearDebounceClose } = debounce(() => openOnHover && close(), debounceDelay);
 const handleClick = (event) => {