windmill-components 1.665.1 → 1.677.1

package/package/components/instanceSettings/SmtpSettings.svelte

@@ -133,6 +133,14 @@ async function testSmtpSettings() {
 				}}
 				options={{ right: 'Disable TLS' }}
 			/>
+
+			<Toggle
+				id="smtp_clicktracking_off"
+				{disabled}
+				bind:checked={$values['smtp_settings'].smtp_clicktracking_off}
+				size="xs"
+				options={{ right: 'Disable click tracking on links' }}
+			/>
 		</div>
 
 		<!-- Test Email -->

package/package/components/instanceSettings.js

@@ -213,7 +213,7 @@ export const settings = {
         },
         {
             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.',
+            description: 'Job and service logs are periodically deleted from disk when they expire. When this setting is on, they are also deleted from object storage. Defaults to on when object storage is configured; turn off to keep logs in object storage indefinitely.',
             key: 'monitor_logs_on_s3',
             fieldType: 'boolean',
             storage: 'setting',
@@ -291,6 +291,7 @@ export const settings = {
         }
     ],
     'Auth/OAuth/SAML': [],
+    'DB Health': [],
     Registries: [
         {
             label: 'Instance Python Version',
@@ -583,11 +584,11 @@ export const settings = {
     'Secret Storage': [
         {
             label: 'Backend type',
-            description: 'By default, secrets are encrypted and stored in the database. Enterprise Edition supports HashiCorp Vault as an external secret store.',
+            description: 'By default, secrets are encrypted and stored in the database. Enterprise Edition supports HashiCorp Vault, Azure Key Vault, and AWS Secrets Manager as external secret backends.',
             key: 'secret_backend',
             fieldType: 'secret_backend',
             storage: 'setting',
-            ee_only: 'HashiCorp Vault integration is an Enterprise Edition feature'
+            ee_only: 'HashiCorp Vault, Azure Key Vault, and AWS Secrets Manager integrations are Enterprise Edition features'
         }
     ],
     'GitHub App': [
@@ -725,6 +726,12 @@ export const instanceSettingsNavigationGroups = [
                 aiId: 'instance-settings-indexer',
                 aiDescription: 'Instance indexer settings',
                 isEE: true
+            },
+            {
+                id: 'db_health',
+                label: 'DB Health',
+                aiId: 'instance-settings-db-health',
+                aiDescription: 'Database health diagnostics and performance insights'
             }
         ]
     },
@@ -795,7 +802,8 @@ export const tabToCategoryMap = {
     jobs: 'Jobs',
     private_hub: 'Private Hub',
     github_enterprise_app: 'GitHub App',
-    websocket: 'WebSocket'
+    websocket: 'WebSocket',
+    db_health: 'DB Health'
 };
 export const tabToAuthSubTab = {
     sso: 'sso',
@@ -825,7 +833,8 @@ export const categoryToTabMap = {
     Jobs: 'jobs',
     'Private Hub': 'private_hub',
     'GitHub App': 'github_enterprise_app',
-    WebSocket: 'websocket'
+    WebSocket: 'websocket',
+    'DB Health': 'db_health'
 };
 /**
  * Extract the label portion from a uFuzzy marked/highlighted string.

package/package/components/mcp/McpScopeSelector.svelte

@@ -4,15 +4,17 @@ import ToggleButtonGroup from '../common/toggleButton-v2/ToggleButtonGroup.svelt
 import Popover from '../Popover.svelte';
 import MultiSelect from '../select/MultiSelect.svelte';
 import { safeSelectItems } from '../select/utils.svelte';
-import FolderPicker from '../FolderPicker.svelte';
 import TextInput from '../text_input/TextInput.svelte';
-import { FlowService, IntegrationService, ScriptService } from '../../gen';
+import { FlowService, FolderService, IntegrationService, ScriptService } from '../../gen';
 import { mcpEndpointTools } from '../../mcpEndpointTools';
 import InfoIcon from 'lucide-svelte/icons/info';
 import { SvelteMap } from 'svelte/reactivity';
 let { workspaceId, scope = $bindable() } = $props();
 let selectedMode = $state('favorites');
-let selectedFolder = $state('');
+let selectedFolders = $state([]);
+let allFolders = $state([]);
+let loadingFolders = $state(false);
+let folderNamesCache = new Map();
 let selectedScripts = $state([]);
 let selectedFlows = $state([]);
 let selectedEndpoints = $state([]);
@@ -56,8 +58,10 @@ $effect(() => {
         }
     }
     else if (selectedMode === 'folder') {
-        const folderPath = `f/${selectedFolder}/*`;
-        scopeParts = [`mcp:scripts:${folderPath}`, `mcp:flows:${folderPath}`, `mcp:endpoints:*`];
+        const folderPaths = selectedFolders.map((f) => `f/${f}/*`).join(',');
+        if (selectedFolders.length > 0) {
+            scopeParts = [`mcp:scripts:${folderPaths}`, `mcp:flows:${folderPaths}`, `mcp:endpoints:*`];
+        }
     }
     else {
         scopeParts = [`mcp:${selectedMode}`];
@@ -74,12 +78,34 @@ $effect(() => {
         customFlowPatterns = '';
     }
 });
-// Clear folder when not in folder mode
+// Clear folders when not in folder mode, load folder names when entering folder mode
 $effect(() => {
-    if (selectedMode !== 'folder') {
-        selectedFolder = '';
+    if (selectedMode === 'folder' && workspaceId) {
+        loadFolderNames(workspaceId);
+    }
+    else {
+        selectedFolders = [];
     }
 });
+async function loadFolderNames(workspace) {
+    if (folderNamesCache.has(workspace)) {
+        allFolders = folderNamesCache.get(workspace);
+        return;
+    }
+    try {
+        loadingFolders = true;
+        const excludedFolders = ['app_groups', 'app_custom', 'app_themes'];
+        const names = (await FolderService.listFolderNames({ workspace })).filter((x) => !excludedFolders.includes(x));
+        folderNamesCache.set(workspace, names);
+        allFolders = names;
+    }
+    catch {
+        allFolders = [];
+    }
+    finally {
+        loadingFolders = false;
+    }
+}
 // Load hub apps on mount
 async function getAllApps() {
     if (allApps.length > 0)
@@ -161,10 +187,42 @@ async function loadAllScriptsAndFlows(workspace) {
 // Load runnables based on mode
 $effect(() => {
     if (workspaceId) {
-        const folderParam = selectedFolder.length > 0 ? selectedFolder : undefined;
-        getScriptsAndFlows(selectedMode === 'favorites', workspaceId, folderParam);
+        if (selectedMode === 'folder') {
+            if (selectedFolders.length > 0) {
+                loadRunnablesForFolders(workspaceId, selectedFolders);
+            }
+            else {
+                includedRunnables = [];
+            }
+        }
+        else {
+            getScriptsAndFlows(selectedMode === 'favorites', workspaceId, undefined);
+        }
     }
 });
+async function getCachedRunnables(workspace, folder) {
+    const cacheKey = `${workspace}-false-${folder}`;
+    if (runnablesCache.has(cacheKey)) {
+        return runnablesCache.get(cacheKey) || [];
+    }
+    const [scripts, flows] = await Promise.all([
+        getScripts(false, workspace, folder),
+        getFlows(false, workspace, folder)
+    ]);
+    const combined = [...scripts, ...flows];
+    runnablesCache.set(cacheKey, combined);
+    return combined;
+}
+async function loadRunnablesForFolders(workspace, folders) {
+    try {
+        loadingRunnables = true;
+        const results = await Promise.all(folders.map((f) => getCachedRunnables(workspace, f)));
+        includedRunnables = [...new Set(results.flat())];
+    }
+    finally {
+        loadingRunnables = false;
+    }
+}
 // Load all scripts/flows for custom mode
 $effect(() => {
     if (selectedMode === 'custom' && workspaceId) {
@@ -175,7 +233,7 @@ const warning = $derived(selectedMode === 'all'
     ? 'Create your first scripts or flows to make them available via MCP.'
     : selectedMode === 'favorites'
         ? `You do not have any favorite scripts or flows. You can favorite some scripts and flows to include them, or change the scope to "All scripts/flows" to include all your scripts and flows.`
-        : `You do not have any scripts or flows in the selected folder.`);
+        : `You do not have any scripts or flows in the selected folder(s).`);
 function selectAllScripts() {
     selectedScripts = [...allScripts];
 }
@@ -216,8 +274,8 @@ function clearAllEndpoints() {
 				<ToggleButton
 					{item}
 					value="folder"
-					label="Folder"
-					tooltip="Make all scripts and flows in the selected folder available as tools"
+					label="Folders"
+					tooltip="Make all scripts and flows in the selected folders available as tools"
 				/>
 				<ToggleButton
 					{item}
@@ -231,8 +289,16 @@ function clearAllEndpoints() {
 
 	{#if selectedMode === 'folder'}
 		<div>
-			<span class="block mb-1 text-emphasis text-xs font-semibold">Select Folder</span>
-			<FolderPicker bind:folderName={selectedFolder} />
+			<span class="block mb-1 text-emphasis text-xs font-semibold">Select Folders</span>
+			{#if loadingFolders}
+				<div class="text-xs text-primary">Loading folders...</div>
+			{:else}
+				<MultiSelect
+					items={safeSelectItems(allFolders)}
+					placeholder="Select folders"
+					bind:value={selectedFolders}
+				/>
+			{/if}
 		</div>
 	{/if}
 
@@ -353,7 +419,7 @@ function clearAllEndpoints() {
 				</div>
 			</div>
 		{/if}
-	{:else if selectedMode !== 'folder' || selectedFolder.length > 0}
+	{:else if selectedMode !== 'folder' || selectedFolders.length > 0}
 		{#if loadingRunnables}
 			<div class="flex flex-col gap-2">
 				<span class="block text-xs text-primary"

package/package/components/moveRenameManager.d.ts

@@ -17,5 +17,6 @@ export declare function updateItemPathAndSummary(opts: {
     initialPath: string;
     newPath: string;
     newSummary: string;
+    labels?: string[];
 }): Promise<void>;
 export {};

package/package/components/moveRenameManager.js

@@ -15,7 +15,7 @@ export async function checkFlowOnBehalfOf(workspace, path) {
  * reasons — the backend will redeploy the flow on behalf of the current user.
  */
 export async function updateItemPathAndSummary(opts) {
-    const { workspace, kind, initialPath, newPath, newSummary } = opts;
+    const { workspace, kind, initialPath, newPath, newSummary, labels } = opts;
     if (kind === 'flow') {
         const flow = await FlowService.getFlowByPath({ workspace, path: initialPath });
         await FlowService.updateFlow({
@@ -30,7 +30,8 @@ export async function updateItemPathAndSummary(opts) {
                 tag: flow.tag,
                 dedicated_worker: flow.dedicated_worker,
                 ws_error_handler_muted: flow.ws_error_handler_muted,
-                visible_to_runner_only: flow.visible_to_runner_only
+                visible_to_runner_only: flow.visible_to_runner_only,
+                labels
             }
         });
     }
@@ -44,7 +45,8 @@ export async function updateItemPathAndSummary(opts) {
                 description: script.description ?? '',
                 lock: script.lock,
                 parent_hash: script.hash,
-                path: newPath
+                path: newPath,
+                labels
             }
         });
     }
@@ -54,7 +56,8 @@ export async function updateItemPathAndSummary(opts) {
             path: initialPath,
             requestBody: {
                 path: newPath !== initialPath ? newPath : undefined,
-                summary: newSummary
+                summary: newSummary,
+                labels
             }
         });
     }

package/package/components/raw_apps/RawAppInlineScriptRunnable.svelte

@@ -17,6 +17,8 @@ import LogViewer from '../LogViewer.svelte';
 import DisplayResult from '../DisplayResult.svelte';
 import RunButton from '../RunButton.svelte';
 import { userStore, workspaceStore } from '../../stores';
+import { isHubFlowPath } from '../../utils';
+import { sendUserToast } from '../../toast';
 let { runnable = $bindable(), id, appPath, onSelectionChange } = $props();
 const dispatch = createEventDispatcher();
 async function fork(nrunnable) {
@@ -34,6 +36,7 @@ function onPick(o) {
 }
 let selectedTab = $state('test');
 let args = $state({});
+let hubFlowPreview = $state(undefined);
 function getSchema(runnable) {
     if (isRunnableByPath(runnable)) {
         return runnable.schema;
@@ -112,7 +115,16 @@ async function testPreview() {
     else if (isRunnableByPath(runnable)) {
         if (jobLoader && isRunnableByPath(runnable)) {
             if (runnable.runType == 'flow') {
-                await jobLoader.runFlowByPath(runnable.path, args);
+                if (isHubFlowPath(runnable.path)) {
+                    if (!hubFlowPreview) {
+                        sendUserToast('Hub flow preview is still loading', true);
+                        return;
+                    }
+                    await jobLoader.runFlowPreview(args, hubFlowPreview, undefined, runnable.path);
+                }
+                else {
+                    await jobLoader.runFlowByPath(runnable.path, args);
+                }
             }
             else if (runnable.runType == 'script' || runnable.runType == 'hubscript') {
                 await jobLoader.runScriptByPath(runnable.path, args);
@@ -154,6 +166,7 @@ $effect(() => {
 					rawApps
 					bind:runnable
 					bind:fields={runnable.fields}
+					bind:hubFlowPreview
 					on:fork={(e) => fork(e.detail)}
 					on:delete
 					{id}

package/package/components/raw_apps/rawAppPolicy.js

@@ -1,9 +1,10 @@
 import { collectStaticFields, hash } from '../apps/editor/commonAppUtils';
 import { isRunnableByName, isRunnableByPath } from '../apps/inputType';
 export async function updateRawAppPolicy(runnables, currentPolicy) {
-    const triggerables_v2 = Object.fromEntries((await Promise.all(Object.entries(runnables).map(async ([id, runnable]) => {
+    const entries = (await Promise.all(Object.entries(runnables).map(async ([id, runnable]) => {
         return await processRunnable(id, runnable, runnable?.fields ?? {});
-    }))));
+    }))).filter((entry) => entry != null);
+    const triggerables_v2 = Object.fromEntries(entries);
     return {
         ...currentPolicy,
         triggerables_v2

package/package/components/raw_apps/utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package/components/raw_apps/utils.test.js

@@ -0,0 +1,38 @@
+import { describe, expect, it } from 'vitest';
+import { genWmillTs } from './utils';
+const flowSchema = {
+    $schema: 'https://json-schema.org/draft/2020-12/schema',
+    type: 'object',
+    required: ['string_input'],
+    properties: {
+        string_input: {
+            type: 'string',
+            default: ''
+        },
+        count: {
+            type: 'integer'
+        }
+    }
+};
+describe('genWmillTs', () => {
+    it('generates the correct flow args type for path runnables', () => {
+        const runnables = {
+            myflow: {
+                type: 'path',
+                runType: 'flow',
+                path: 'u/dev/my_flow',
+                name: 'My flow',
+                schema: flowSchema,
+                fields: {
+                    count: {
+                        type: 'static',
+                        value: 1,
+                        fieldType: 'number'
+                    }
+                }
+            }
+        };
+        const dts = genWmillTs(runnables);
+        expect(dts).toContain('myflow: (args: { string_input: string }) => Promise<any>;');
+    });
+});

package/package/components/resources/resourcesFilter.d.ts

@@ -1,8 +1,9 @@
-import { Boxes, FileCode, FileText, FolderIcon, Braces, Users } from 'lucide-svelte';
-export declare function buildResourcesFilterSchema({ paths, resourceTypes, owners, showUserFoldersFilter, userFoldersLabel }: {
+import { Boxes, FileCode, FileText, FolderIcon, Braces, Users, Tag } from 'lucide-svelte';
+export declare function buildResourcesFilterSchema({ paths, resourceTypes, owners, labels, showUserFoldersFilter, userFoldersLabel }: {
     paths: string[];
     resourceTypes: string[];
     owners: string[];
+    labels?: string[];
     showUserFoldersFilter?: boolean;
     userFoldersLabel?: string;
 }): {
@@ -71,4 +72,16 @@ export declare function buildResourcesFilterSchema({ paths, resourceTypes, owner
         icon: typeof Braces;
         description: string;
     };
+    label: {
+        type: "oneof";
+        options: {
+            label: string;
+            value: string;
+        }[];
+        allowNegative: false;
+        allowMultiple: true;
+        label: string;
+        icon: typeof Tag;
+        description: string;
+    };
 };

package/package/components/resources/resourcesFilter.js

@@ -1,5 +1,5 @@
-import { Boxes, FileCode, FileText, FolderIcon, Braces, Users } from 'lucide-svelte';
-export function buildResourcesFilterSchema({ paths, resourceTypes, owners, showUserFoldersFilter, userFoldersLabel }) {
+import { Boxes, FileCode, FileText, FolderIcon, Braces, Users, Tag } from 'lucide-svelte';
+export function buildResourcesFilterSchema({ paths, resourceTypes, owners, labels, showUserFoldersFilter, userFoldersLabel }) {
     return {
         _default_: {
             type: 'string',
@@ -51,6 +51,15 @@ export function buildResourcesFilterSchema({ paths, resourceTypes, owners, showU
             icon: Braces,
             description: 'Filter by JSON subset match (e.g., {"bucket": "my-bucket"})'
         },
+        label: {
+            type: 'oneof',
+            options: (labels ?? []).map((s) => ({ label: s, value: s })),
+            allowNegative: false,
+            allowMultiple: true,
+            label: 'Label',
+            icon: Tag,
+            description: 'Filter by label (comma-separated for multiple)'
+        },
         ...(showUserFoldersFilter
             ? {
                 user_folders_only: {

package/package/components/runs/JobDetailFieldConfig.js

@@ -1,5 +1,6 @@
 import { triggerIconMap } from '../triggers/utils';
 import { formatMemory } from '../../utils';
+import { flowPathToHref } from '../../scripts';
 import { Calendar, Bot } from 'lucide-svelte';
 import BarsStaggered from '../icons/BarsStaggered.svelte';
 /**
@@ -166,12 +167,13 @@ export const fieldConfigs = {
         field: 'script_path',
         label: 'Path',
         getValue: (job) => job.script_path || null,
-        getHref: (job, workspaceId) => {
+        getHref: (job, _workspaceId) => {
             if (!job.script_path)
                 return null;
-            const stem = job.job_kind === 'script' ? 'scripts' : 'flows';
             const isScript = job.job_kind === 'script';
-            return `/${stem}/get/${isScript ? job.script_hash : job.script_path}`;
+            return isScript
+                ? `/scripts/get/${job.script_hash}`
+                : flowPathToHref(job.script_path);
         }
     },
     worker: {

package/package/components/runs/JobDetailHeader.svelte

@@ -13,6 +13,7 @@ import WorkerHostname from '../WorkerHostname.svelte';
 import Button from '../common/button/Button.svelte';
 import DropdownV2 from '../DropdownV2.svelte';
 import { getRelevantFields, getTriggerInfo } from './JobDetailFieldConfig';
+import { flowPathToHref } from '../../scripts';
 import { slide } from 'svelte/transition';
 import { twMerge } from 'tailwind-merge';
 let { job, scheduleEditor, displayPersistentScriptDefinition = false, openPersistentScriptDrawer, concurrencyKey, compact = false, extraCompact = false, onFilterByConcurrencyKey, onFilterByWorker, showScriptHashInBadges = false } = $props();
@@ -351,10 +352,12 @@ function getJobKindDisplayName(job) {
 					<div class="flex flex-col gap-1 flex-1 min-w-0">
 						<!-- Title row -->
 						<div class="min-w-0 grow">
-							{#if job.script_path && (job.job_kind === 'script' || job.job_kind === 'flow' || job.job_kind === 'singlestepflow')}
+							{#if job.script_path && (job.job_kind === 'script' || job.job_kind === 'flow' || job.job_kind === 'singlestepflow' || job.job_kind === 'flowpreview')}
 								{@const stem = job.job_kind === 'script' ? 'scripts' : 'flows'}
 								{@const isScript = job.job_kind === 'script'}
-								{@const viewHref = `${base}/${stem}/get/${isScript ? job?.script_hash : job?.script_path}`}
+								{@const viewHref = isScript
+									? `${base}/${stem}/get/${job?.script_hash}`
+									: flowPathToHref(job?.script_path ?? '')}
 								<a
 									href={viewHref}
 									class="text-emphasis {compact

package/package/components/runs/JobRunsPreview.svelte

@@ -169,6 +169,7 @@ let isOwner = $state(false);
 						workspaceId={job.workspace_id}
 						initialJob={job}
 						bind:isOwner
+						bind:suspendStatus
 						wideResults
 					/>
 				{:else if job?.type === 'CompletedJob'}

package/package/components/runs/RunBadges.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">import Tooltip from '../meltComponents/Tooltip.svelte';
 import PreprocessedArgsDisplay from './PreprocessedArgsDisplay.svelte';
-import { truncateHash } from '../../utils';
+import { getJobKindDisplayLabel, truncateHash } from '../../utils';
 import { base } from '../../base';
 import { truncateRev } from '../../utils';
 import { workspaceStore } from '../../stores';
 import Badge from '../common/badge/Badge.svelte';
 import Button from '../common/button/Button.svelte';
-import { ListFilter } from 'lucide-svelte';
+import { ListFilter, Tag } from 'lucide-svelte';
 let { job, displayPersistentScriptDefinition, openPersistentScriptDrawer, concurrencyKey, showScriptHash = true, onFilterByConcurrencyKey, large = false } = $props();
 </script>
 
@@ -25,7 +25,8 @@ let { job, displayPersistentScriptDefinition, openPersistentScriptDrawer, concur
 {/if}
 {#if job && 'job_kind' in job}
 	<div>
-		<Badge color="gray" {large}>Job kind: {job.job_kind}</Badge>
+		<Badge color="gray" {large}>Kind: {getJobKindDisplayLabel(job.job_kind, job.script_path)}</Badge
+		>
 	</div>
 {/if}
 {#if job && job.flow_status && job.job_kind === 'script'}
@@ -62,7 +63,9 @@ let { job, displayPersistentScriptDefinition, openPersistentScriptDrawer, concur
 {#if job?.['labels'] && Array.isArray(job?.['labels']) && job?.['labels'].length > 0}
 	{#each job?.['labels'] as label}
 		<div>
-			<Badge {large}>Label: {label}</Badge>
+			<Badge color="blue" {large} title="Label: {label}"
+				><Tag size={10} class="inline -mt-px" />{label}</Badge
+			>
 		</div>
 	{/each}
 {/if}

package/package/components/runs/RunRow.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">import { base } from '../../base';
 import { goto } from '../../navigation';
-import { displayDate, truncateHash, truncateRev, isScriptPreview, msToReadableTime, isFlowPreview, getJobKindIcon } from '../../utils';
+import { displayDate, truncateHash, truncateRev, isScriptPreview, msToReadableTime, isFlowPreview, getJobKindDisplayLabel, getJobKindIcon } from '../../utils';
 import { Button } from '../common';
 import ScheduleEditor from '../triggers/schedules/ScheduleEditor.svelte';
 import JobStatusIcon from './JobStatusIcon.svelte';
@@ -119,12 +119,12 @@ let isJobRecent = $state(true);
 						{/if}
 						<JobKindIcon size={14} />
 					</div>
-					{#snippet text()}
-						<span>
-							{#if job && job.job_kind}
-								{job.job_kind}
-							{/if}
-							{#if job && job.is_flow_step && job.parent_job}
+						{#snippet text()}
+							<span>
+								{#if job && job.job_kind}
+									{getJobKindDisplayLabel(job.job_kind, job.script_path)}
+								{/if}
+								{#if job && job.is_flow_step && job.parent_job}
 								<br /> Step of flow
 								<a href={`${base}/run/${job.parent_job}?workspace=${job.workspace_id}`}>
 									{truncateRev(job.parent_job, 10)}

package/package/components/schedules/schedulesFilter.d.ts

@@ -1,7 +1,8 @@
-import { FileCode, FileText, Clock, Braces, Users } from 'lucide-svelte';
-export declare function buildSchedulesFilterSchema({ paths, scriptPaths, showUserFoldersFilter, userFoldersLabel }: {
+import { FileCode, FileText, Clock, Braces, Tag, Users } from 'lucide-svelte';
+export declare function buildSchedulesFilterSchema({ paths, scriptPaths, labels, showUserFoldersFilter, userFoldersLabel }: {
     paths: string[];
     scriptPaths: string[];
+    labels?: string[];
     showUserFoldersFilter?: boolean;
     userFoldersLabel?: string;
 }): {
@@ -66,4 +67,16 @@ export declare function buildSchedulesFilterSchema({ paths, scriptPaths, showUse
         icon: typeof Braces;
         description: string;
     };
+    label: {
+        type: "oneof";
+        options: {
+            label: string;
+            value: string;
+        }[];
+        allowNegative: false;
+        allowMultiple: true;
+        label: string;
+        icon: typeof Tag;
+        description: string;
+    };
 };

package/package/components/schedules/schedulesFilter.js

@@ -1,5 +1,5 @@
-import { FileCode, FileText, Clock, Braces, Users } from 'lucide-svelte';
-export function buildSchedulesFilterSchema({ paths, scriptPaths, showUserFoldersFilter, userFoldersLabel }) {
+import { FileCode, FileText, Clock, Braces, Tag, Users } from 'lucide-svelte';
+export function buildSchedulesFilterSchema({ paths, scriptPaths, labels, showUserFoldersFilter, userFoldersLabel }) {
     return {
         _default_: {
             type: 'string',
@@ -50,6 +50,15 @@ export function buildSchedulesFilterSchema({ paths, scriptPaths, showUserFolders
             icon: Braces,
             description: 'Filter by JSON args subset match (e.g., {"param": "value"})'
         },
+        label: {
+            type: 'oneof',
+            options: (labels ?? []).map((s) => ({ label: s, value: s })),
+            allowNegative: false,
+            allowMultiple: true,
+            label: 'Label',
+            icon: Tag,
+            description: 'Filter by label (comma-separated for multiple)'
+        },
         ...(showUserFoldersFilter
             ? {
                 user_folders_only: {

package/package/components/schema/EditableSchemaWrapper.svelte

@@ -8,7 +8,7 @@ import Select from '../select/Select.svelte';
 import { safeSelectItems } from '../select/utils.svelte';
 import ToggleButtonGroup from '../common/toggleButton-v2/ToggleButtonGroup.svelte';
 import ToggleButton from '../common/toggleButton-v2/ToggleButton.svelte';
-let { schema = $bindable(), uiOnly = false, noPreview = false, fullHeight = true, formatExtension = $bindable(undefined), isFileset = $bindable(undefined), customUi } = $props();
+let { schema = $bindable(), uiOnly = false, noPreview = false, fullHeight = true, formatExtension = $bindable(undefined), isFileset = $bindable(undefined), showSensitiveToggle = false, customUi } = $props();
 let resourceMode = $state('schema');
 let addPropertyComponent = $state(undefined);
 let editableSchemaForm = $state(undefined);
@@ -95,6 +95,7 @@ let suggestedFileExtensions = $state([
 			bind:this={editableSchemaForm}
 			bind:schema
 			isFlowInput
+			{showSensitiveToggle}
 			on:delete={(e) => {
 				addPropertyComponent?.handleDeleteArgument([e.detail])
 			}}
@@ -144,9 +145,9 @@ let suggestedFileExtensions = $state([
 		</Alert>
 	{:else if formatExtension && formatExtension !== ''}
 		<Alert title={`Example: my_file.${formatExtension}`} type="info">
-			The <span class="font-bold font-mono"> .{formatExtension} </span> extension will be used to
-			infer the format when displaying the content and this is also how the resource will appear
-			when pulling via the CLI.
+			The <span class="font-bold font-mono"> .{formatExtension} </span> extension will be used to infer
+			the format when displaying the content and this is also how the resource will appear when pulling
+			via the CLI.
 		</Alert>
 		<div></div>
 	{/if}
@@ -157,10 +158,7 @@ let suggestedFileExtensions = $state([
 		path and contains text content. In the CLI, filesets are stored as directories.
 	</Alert>
 {/if}
-<ToggleButtonGroup
-	selected={resourceMode}
-	onSelected={(mode) => switchResourceMode(mode)}
->
+<ToggleButtonGroup selected={resourceMode} onSelected={(mode) => switchResourceMode(mode)}>
 	{#snippet children({ item })}
 		<ToggleButton value="schema" label="JSON" {item} size="sm" />
 		<ToggleButton value="file" label="File" {item} size="sm" />