windmill-components 1.665.1 → 1.677.1

package/package/components/triggers/schedules/ScheduleEditorInner.svelte

@@ -4,6 +4,7 @@ import Drawer from '../../common/drawer/Drawer.svelte';
 import DrawerContent from '../../common/drawer/DrawerContent.svelte';
 import CronInput from '../../CronInput.svelte';
 import Path from '../../Path.svelte';
+import LabelsInput from '../../LabelsInput.svelte';
 import Required from '../../Required.svelte';
 import ScriptPicker from '../../ScriptPicker.svelte';
 import ErrorOrRecoveryHandler from '../../ErrorOrRecoveryHandler.svelte';
@@ -74,6 +75,7 @@ let path = $state('');
 let enabled = $state(false);
 let pathError = $state('');
 let summary = $state('');
+let labels = $state(undefined);
 let description = $state('');
 let no_flow_overlap = $state(false);
 let tag = $state(undefined);
@@ -262,6 +264,7 @@ export async function openNew(nis_flow, initial_script_path, defaultValues, sche
         paused_until = s?.paused_until ?? undefined;
         showPauseUntil = paused_until !== undefined;
         summary = s?.summary ?? '';
+        labels = s?.labels ?? undefined;
         description = s?.description ?? '';
         script_path = s?.script_path ?? initialScriptPath;
         args = s?.args ?? {};
@@ -416,6 +419,7 @@ async function loadScheduleCfg(cfg) {
     paused_until = cfg.paused_until;
     showPauseUntil = paused_until !== undefined;
     summary = cfg.summary ?? '';
+    labels = cfg.labels ?? undefined;
     description = cfg.description ?? '';
     script_path = cfg.script_path ?? '';
     await loadScript(script_path);
@@ -555,6 +559,7 @@ function getScheduleCfg() {
         ws_error_handler_muted: wsErrorHandlerMuted,
         retry: retry,
         summary: summary != '' ? summary : undefined,
+        labels: labels,
         description: description,
         no_flow_overlap: no_flow_overlap,
         tag: tag,
@@ -674,6 +679,7 @@ $effect(() => {
 							bind:value={summary}
 						/>
 					</label>
+					<LabelsInput bind:labels />
 
 					<div class="flex flex-col gap-1">
 						<label for="path" class="text-xs font-semibold text-emphasis">Path</label>

package/package/components/triggers/websocket/WebsocketTriggerEditorInner.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">import { Alert, Button } from '../../common';
+import TextInput from '../../text_input/TextInput.svelte';
 import Drawer from '../../common/drawer/Drawer.svelte';
 import DrawerContent from '../../common/drawer/DrawerContent.svelte';
 import Path from '../../Path.svelte';
@@ -42,10 +43,15 @@ let pathError = $state('');
 let url = $state('');
 let dirtyUrl = $state(false);
 let filters = $state([]);
+let filterLogic = $state('and');
 let initial_messages = $state([]);
 let url_runnable_args = $state({});
 let can_return_message = $state(false);
 let can_return_error_result = $state(false);
+let heartbeat_enabled = $state(false);
+let heartbeat_interval_secs = $state(41);
+let heartbeat_message = $state('');
+let heartbeat_state_field = $state('');
 let dirtyPath = $state(false);
 let can_write = $state(true);
 let drawerLoading = $state(true);
@@ -135,6 +141,7 @@ export async function openNew(nis_flow, fixedScriptPath_, defaultValues) {
         path = defaultValues?.path ?? '';
         initialPath = '';
         filters = [];
+        filterLogic = 'and';
         initial_messages = [];
         url_runnable_args = defaultValues?.url_runnable_args ?? {};
         dirtyPath = false;
@@ -160,10 +167,16 @@ function loadTriggerConfig(cfg) {
     path = cfg?.path;
     url = cfg?.url;
     filters = cfg?.filters;
+    filterLogic = cfg?.filter_logic ?? 'and';
     initial_messages = cfg?.initial_messages ?? [];
     url_runnable_args = cfg?.url_runnable_args;
     can_return_message = cfg?.can_return_message;
     can_return_error_result = cfg?.can_return_error_result;
+    const hb = cfg?.heartbeat;
+    heartbeat_enabled = !!hb;
+    heartbeat_interval_secs = hb?.interval_secs ?? 41;
+    heartbeat_message = hb?.message ?? '';
+    heartbeat_state_field = hb?.state_field ?? '';
     can_write = canWrite(path, cfg?.extra_perms, $userStore);
     error_handler_path = cfg?.error_handler_path;
     error_handler_args = cfg?.error_handler_args ?? {};
@@ -181,10 +194,18 @@ function getSaveCfg() {
         path,
         url,
         filters,
+        filter_logic: filterLogic,
         initial_messages,
         url_runnable_args,
         can_return_message,
         can_return_error_result,
+        heartbeat: heartbeat_enabled
+            ? {
+                interval_secs: heartbeat_interval_secs,
+                message: heartbeat_message,
+                ...(heartbeat_state_field ? { state_field: heartbeat_state_field } : {})
+            }
+            : undefined,
         error_handler_path,
         error_handler_args,
         retry,
@@ -614,6 +635,71 @@ $effect(() => {
 				</div>
 			</Section>
 
+			<Section label="Heartbeat" collapsable collapsed={!heartbeat_enabled}>
+				{#snippet header()}
+					{#if heartbeat_enabled}
+						<span class="text-2xs text-tertiary ml-2">every {heartbeat_interval_secs}s</span>
+					{/if}
+				{/snippet}
+
+				<div class="flex flex-col gap-4">
+					<p class="text-xs text-tertiary">
+						Send periodic application-level heartbeat messages to keep the connection alive.
+						Required for protocols like Discord Gateway, STOMP, etc.
+					</p>
+
+					<Toggle
+						checked={heartbeat_enabled}
+						on:change={() => {
+							heartbeat_enabled = !heartbeat_enabled
+						}}
+						options={{
+							right: 'Enable heartbeat'
+						}}
+						disabled={!can_write}
+					/>
+
+					{#if heartbeat_enabled}
+						<Label label="Interval (seconds)">
+							<TextInput
+								bind:value={heartbeat_interval_secs}
+								inputProps={{ type: 'number', placeholder: '41', disabled: !can_write, min: 1 }}
+							/>
+						</Label>
+
+						<Label label="Message">
+							<svelte:boundary>
+								<textarea
+									class="textarea textarea-sm w-full font-mono text-xs"
+									rows={3}
+									bind:value={heartbeat_message}
+									placeholder={'{"op": 1, "d": {{state}}}'}
+									disabled={!can_write}
+								></textarea>
+							</svelte:boundary>
+							<p class="text-2xs text-tertiary mt-1">
+								Use <code>{'{{state}}'}</code> as a placeholder for a value extracted from incoming messages.
+							</p>
+						</Label>
+
+						<Label label="State field (optional)">
+							<TextInput
+								bind:value={heartbeat_state_field}
+								inputProps={{
+									placeholder: 'e.g. s (for Discord sequence number)',
+									disabled: !can_write
+								}}
+							/>
+							<p class="text-2xs text-tertiary mt-1">
+								Top-level JSON field to extract from incoming messages. Replaces <code
+									>{'{{state}}'}</code
+								> in the heartbeat message.
+							</p>
+						</Label>
+					{/if}
+				</div>
+			</Section>
+
 			<Section label="Advanced" collapsable>
 				{#snippet header()}
 					<TriggerAdvancedBadges
@@ -623,7 +709,7 @@ $effect(() => {
 					/>
 				{/snippet}
 				<div class="flex flex-col gap-6">
-					<TriggerFilters bind:filters disabled={!can_write} />
+					<TriggerFilters bind:filters bind:filterLogic disabled={!can_write} />
 					<div class="min-h-96">
 						<Tabs bind:selected={optionTabSelected}>
 							<Tab value="error_handler" label="Error Handler" />

package/package/components/triggers/websocket/utils.js

@@ -17,10 +17,12 @@ export async function saveWebsocketTriggerFromCfg(initialPath, triggerCfg, edit,
         is_flow: triggerCfg.is_flow,
         url: triggerCfg.url,
         filters: triggerCfg.filters,
+        filter_logic: triggerCfg.filter_logic ?? 'and',
         initial_messages: triggerCfg.initial_messages,
         url_runnable_args: triggerCfg.url_runnable_args,
         can_return_message: triggerCfg.can_return_message,
         can_return_error_result: triggerCfg.can_return_error_result,
+        heartbeat: triggerCfg.heartbeat,
         ...errorHandlerAndRetries,
         permissioned_as: triggerCfg.permissioned_as,
         preserve_permissioned_as: triggerCfg.preserve_permissioned_as

package/package/components/variables/variablesFilter.d.ts

@@ -1,7 +1,8 @@
-import { FileCode, FileText, FolderIcon, Key, Users } from 'lucide-svelte';
-export declare function buildVariablesFilterSchema({ paths, owners, showUserFoldersFilter, userFoldersLabel }: {
+import { FileCode, FileText, FolderIcon, Key, Tag, Users } from 'lucide-svelte';
+export declare function buildVariablesFilterSchema({ paths, owners, labels, showUserFoldersFilter, userFoldersLabel }: {
     paths: string[];
     owners: string[];
+    labels?: string[];
     showUserFoldersFilter?: boolean;
     userFoldersLabel?: string;
 }): {
@@ -57,4 +58,16 @@ export declare function buildVariablesFilterSchema({ paths, owners, showUserFold
         icon: typeof Key;
         description: string;
     };
+    label: {
+        type: "oneof";
+        options: {
+            label: string;
+            value: string;
+        }[];
+        allowNegative: false;
+        allowMultiple: true;
+        label: string;
+        icon: typeof Tag;
+        description: string;
+    };
 };

package/package/components/variables/variablesFilter.js

@@ -1,5 +1,5 @@
-import { FileCode, FileText, FolderIcon, Key, Users } from 'lucide-svelte';
-export function buildVariablesFilterSchema({ paths, owners, showUserFoldersFilter, userFoldersLabel }) {
+import { FileCode, FileText, FolderIcon, Key, Tag, Users } from 'lucide-svelte';
+export function buildVariablesFilterSchema({ paths, owners, labels, showUserFoldersFilter, userFoldersLabel }) {
     return {
         _default_: {
             type: 'string',
@@ -41,6 +41,15 @@ export function buildVariablesFilterSchema({ paths, owners, showUserFoldersFilte
             icon: Key,
             description: 'Search in non-secret variable values'
         },
+        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/worker_group.js

@@ -26,6 +26,7 @@ export const defaultTags = [
     'nu',
     'java',
     'ruby',
+    'rlang',
     'duckdb'
     // for related places search: ADD_NEW_LANG
 ];

package/package/components/workspaceSettings/DucklakeSettings.svelte

@@ -172,7 +172,7 @@ let confirmationModal = createAsyncConfirmationModal();
 		{/if}
 		{#each ducklakeSettings.ducklakes as ducklake, ducklakeIndex}
 			<Row>
-				<Cell first class="w-48 relative">
+				<Cell first class="w-44 relative">
 					{#if ducklake.name === 'main'}
 						<Tooltip wrapperClass="absolute mt-[0.6rem] right-4" placement="bottom-start">
 							The <i>main</i> ducklake can be accessed with the
@@ -187,7 +187,7 @@ let confirmationModal = createAsyncConfirmationModal();
 					/>
 				</Cell>
 				<Cell>
-					<div class="flex gap-2">
+					<div class="flex gap-1">
 						<div class="relative">
 							{#if ducklake.catalog.resource_type === 'instance'}
 								<Tooltip wrapperClass="absolute mt-[0.6rem] right-2 z-20" placement="bottom-start">
@@ -214,19 +214,19 @@ let confirmationModal = createAsyncConfirmationModal();
 										}
 									}
 								}
-								class="w-28"
+								class="w-24"
 							/>
 						</div>
 						<div class="flex flex-1">
 							{#if ducklake.catalog.resource_type !== 'instance'}
 								<ResourcePicker
-									class="flex-1"
+									class="flex-1 min-w-32"
 									bind:value={ducklake.catalog.resource_path}
 									resourceType={ducklake.catalog.resource_type}
 								/>
 							{:else}
 								<CustomInstanceDbSelect
-									class="flex-1"
+									class="flex-1 min-w-32"
 									bind:value={ducklake.catalog.resource_path}
 									{customInstanceDbs}
 									{confirmationModal}
@@ -243,7 +243,7 @@ let confirmationModal = createAsyncConfirmationModal();
 					</div>
 				</Cell>
 				<Cell>
-					<div class="flex gap-2">
+					<div class="flex gap-1">
 						<Select
 							placeholder="Default storage"
 							items={[
@@ -268,35 +268,31 @@ let confirmationModal = createAsyncConfirmationModal();
 					</div>
 				</Cell>
 				<Cell class="w-12">
-					<div class="flex gap-2">
+					<div class="flex gap-1">
 						<Popover contentClasses="p-4" enableFlyTransition closeOnOtherPopoverOpen>
 							{#snippet trigger()}
-													
-									<div class="relative">
-										<Button variant="default" iconOnly size="sm" endIcon={{ icon: SettingsIcon }} />
-										{#if ducklake.extra_args}
-											<div
-												class="absolute -top-0.5 -right-0.5 w-2 h-2 bg-accent rounded-full border border-surface"
-											></div>
-										{/if}
-									</div>
-								
-													{/snippet}
+								<div class="relative">
+									<Button variant="default" iconOnly size="sm" endIcon={{ icon: SettingsIcon }} />
+									{#if ducklake.extra_args}
+										<div
+											class="absolute -top-0.5 -right-0.5 w-2 h-2 bg-accent rounded-full border border-surface"
+										></div>
+									{/if}
+								</div>
+							{/snippet}
 							{#snippet content()}
-													
-									<Label
-										label="Extra args"
-										tooltip="Additional arguments to pass in the ATTACH command. The argument list is substituted as-is. Separate them with commas."
-									>
-										<TextInput
-											bind:value={ducklake.extra_args}
-											class="min-w-96"
-											underlyingInputEl="textarea"
-											inputProps={{ placeholder: "METADATA_SCHEMA 'schema', ENCRYPTED true" }}
-										/>
-									</Label>
-								
-													{/snippet}
+								<Label
+									label="Extra args"
+									tooltip="Additional arguments to pass in the ATTACH command. The argument list is substituted as-is. Separate them with commas."
+								>
+									<TextInput
+										bind:value={ducklake.extra_args}
+										class="min-w-96"
+										underlyingInputEl="textarea"
+										inputProps={{ placeholder: "METADATA_SCHEMA 'schema', ENCRYPTED true" }}
+									/>
+								</Label>
+							{/snippet}
 						</Popover>
 						{#if ducklakeIsDirty[ducklake.name]}
 							<Popover
@@ -305,18 +301,14 @@ let confirmationModal = createAsyncConfirmationModal();
 								class="cursor-not-allowed"
 							>
 								{#snippet trigger()}
-															
-										<ExploreAssetButton asset={{ kind: 'ducklake', path: '' }} disabled />
-									
-															{/snippet}
+									<ExploreAssetButton asset={{ kind: 'ducklake', path: '' }} disabled />
+								{/snippet}
 								{#snippet content()}
-																Please save settings first
-															{/snippet}
+									Please save settings first
+								{/snippet}
 							</Popover>
 						{:else}
-							<ExploreAssetButton
-								asset={{ kind: 'ducklake', path: ducklake.name }}
-							/>
+							<ExploreAssetButton asset={{ kind: 'ducklake', path: ducklake.name }} />
 						{/if}
 					</div>
 				</Cell>

package/package/consts.d.ts

@@ -22,6 +22,7 @@ export declare const WORKER_S3_BUCKET_SYNC_SETTING = "worker_s3_bucket_sync";
 export declare const CUSTOM_TAGS_SETTING = "custom_tags";
 export declare const DEFAULT_TAGS_PER_WORKSPACE_SETTING = "default_tags_per_workspace";
 export declare const DEFAULT_TAGS_WORKSPACES_SETTING = "default_tags_workspaces";
+export declare const PREVIEW_TAGS_OVERRIDE_SETTING = "preview_tags_override";
 export declare const WORKSPACE_SLACK_BOT_TOKEN_PATH = "f/slack_bot/bot_token";
 export declare const POSTGRES_TYPES: string[];
 export declare const MYSQL_TYPES: string[];

package/package/consts.js

@@ -23,6 +23,7 @@ export const WORKER_S3_BUCKET_SYNC_SETTING = 'worker_s3_bucket_sync';
 export const CUSTOM_TAGS_SETTING = 'custom_tags';
 export const DEFAULT_TAGS_PER_WORKSPACE_SETTING = 'default_tags_per_workspace';
 export const DEFAULT_TAGS_WORKSPACES_SETTING = 'default_tags_workspaces';
+export const PREVIEW_TAGS_OVERRIDE_SETTING = 'preview_tags_override';
 export const WORKSPACE_SLACK_BOT_TOKEN_PATH = 'f/slack_bot/bot_token';
 export const POSTGRES_TYPES = [
     'VARCHAR',

package/package/editorLangUtils.d.ts

@@ -1,4 +1,4 @@
 export declare function langToExt(lang: string): string;
-export declare function extToLang(ext: string): "javascript" | "go" | "bash" | "powershell" | "graphql" | "php" | "rust" | "ansible" | "csharp" | "nu" | "java" | "ruby" | "unknown" | "sql" | "yaml" | "json" | "typescript" | "python" | "css" | "svelte" | "vue";
+export declare function extToLang(ext: string): "javascript" | "go" | "bash" | "powershell" | "graphql" | "php" | "rust" | "ansible" | "csharp" | "nu" | "java" | "ruby" | "r" | "unknown" | "sql" | "yaml" | "json" | "typescript" | "python" | "css" | "svelte" | "vue";
 export declare function createHash(): string;
 export declare function createLongHash(): string;

package/package/editorLangUtils.js

@@ -98,6 +98,8 @@ export function extToLang(ext) {
             return 'java';
         case 'rb':
             return 'ruby';
+        case 'r':
+            return 'r';
         // for related places search: ADD_NEW_LANG
         default:
             return 'unknown';

package/package/gen/core/OpenAPI.js

@@ -21,7 +21,7 @@ export const OpenAPI = {
     PASSWORD: undefined,
     TOKEN: undefined,
     USERNAME: undefined,
-    VERSION: '1.665.0',
+    VERSION: '1.677.0',
     WITH_CREDENTIALS: false,
     interceptors: {
         request: new Interceptors(),