windmill-components 1.623.2 → 1.655.0

package/package/components/flows/pickers/PickHubFlow.svelte

@@ -6,6 +6,8 @@ import NoItemFound from '../../home/NoItemFound.svelte';
 import RowIcon from '../../common/table/RowIcon.svelte';
 import { loadHubFlows } from '../../../hub';
 import TextInput from '../../text_input/TextInput.svelte';
+import { Alert } from '../../common';
+import { disableHubStore } from '../../../stores';
 let { filter = $bindable(''), syncQuery = false, children, size = 'md' } = $props();
 let hubFlows = $state(undefined);
 let filteredItems = $state([]);
@@ -13,11 +15,23 @@ let appFilter = $state(undefined);
 const prefilteredItems = $derived(appFilter ? (hubFlows ?? []).filter((i) => i.apps.includes(appFilter)) : (hubFlows ?? []));
 const apps = $derived(Array.from(new Set(filteredItems?.flatMap((x) => x.apps) ?? [])).sort());
 const dispatch = createEventDispatcher();
+let hubNotAvailable = $state(false);
 onMount(async () => {
-    hubFlows = await loadHubFlows();
+    if ($disableHubStore)
+        return;
+    const result = await loadHubFlows();
+    if (result === undefined) {
+        hubNotAvailable = true;
+    }
+    else {
+        hubFlows = result;
+    }
 });
 </script>
 
+{#if $disableHubStore}
+	<!-- Hub disabled, show nothing -->
+{:else}
 <SearchItems
 	{filter}
 	items={prefilteredItems}
@@ -37,7 +51,11 @@ onMount(async () => {
 </div>
 <ListFilters {syncQuery} filters={apps} bind:selectedFilter={appFilter} resourceType />
 
-{#if hubFlows}
+{#if hubNotAvailable}
+	<Alert type="warning" title="Hub not available">
+		Could not connect to the Windmill Hub. If you are in a closed environment, you can disable the Hub in the <a href="/#superadmin-settings?tab=private_hub">instance settings</a>.
+	</Alert>
+{:else if hubFlows}
 	{#if filteredItems.length == 0}
 		<NoItemFound />
 	{:else}
@@ -78,3 +96,4 @@ onMount(async () => {
 		<Skeleton layout={[[4], 0.5]} />
 	{/each}
 {/if}
+{/if}

package/package/components/flows/pickers/PickHubScript.svelte

@@ -7,6 +7,7 @@ import ListFilters from '../../home/ListFilters.svelte';
 import { IntegrationService, ScriptService } from '../../../gen';
 import { Loader2 } from 'lucide-svelte';
 import TextInput from '../../text_input/TextInput.svelte';
+import { disableHubStore } from '../../../stores';
 let { kind = 'script', filter = $bindable(''), syncQuery = false, children, size = 'md' } = $props();
 let loading = $state(false);
 let hubNotAvailable = $state(false);
@@ -16,6 +17,8 @@ let items = $state([]);
 let allApps = $state([]);
 let apps = $derived.by(() => filter.length > 0 ? Array.from(new Set(items?.map((x) => x.app) ?? [])).sort() : allApps);
 async function getAllApps(filterKind) {
+    if ($disableHubStore)
+        return;
     try {
         hubNotAvailable = false;
         allApps = (await IntegrationService.listHubIntegrations({
@@ -30,6 +33,8 @@ async function getAllApps(filterKind) {
 }
 let startTs = 0;
 async function applyFilter(filter, filterKind, appFilter) {
+    if ($disableHubStore)
+        return;
     try {
         loading = true;
         hubNotAvailable = false;
@@ -90,6 +95,9 @@ $effect(() => {
 });
 </script>
 
+{#if $disableHubStore}
+	<!-- Hub disabled, show nothing -->
+{:else}
 <div class="w-full flex items-center gap-2">
 	{@render children?.()}
 	<div class="relative w-full">
@@ -108,7 +116,9 @@ $effect(() => {
 </div>
 
 {#if hubNotAvailable}
-	<Alert type="error" title="Hub not available" />
+	<Alert type="warning" title="Hub not available">
+		Could not connect to the Windmill Hub. If you are in a closed environment, you can disable the Hub in the <a href="/#superadmin-settings?tab=private_hub">instance settings</a>.
+	</Alert>
 {:else if (items.length > 0 && apps.length > 0) || !loading}
 	<ListFilters {syncQuery} filters={apps} bind:selectedFilter={appFilter} resourceType />
 	{#if items.length == 0}
@@ -156,3 +166,4 @@ $effect(() => {
 		<Skeleton layout={[0.5, [4]]} />
 	{/each}
 {/if}
+{/if}

package/package/components/flows/pickers/PickHubScriptQuick.svelte

@@ -10,7 +10,7 @@ let listHubScriptsCached = createCache(async ({ filter, kind, appFilter }) => {
             : undefined;
     }
     catch (err) {
-        console.error('Error fetching top hub scripts');
+        console.error('Failed to fetch hub scripts:', err);
         return undefined;
     }
 }, {
@@ -21,15 +21,16 @@ let listHubScriptsCached = createCache(async ({ filter, kind, appFilter }) => {
 
 <script lang="ts">import { createEventDispatcher, untrack } from 'svelte';
 import { Skeleton } from '../../common';
-import { classNames, createCache } from '../../../utils';
+import { classNames, createCache, sendUserToast } from '../../../utils';
 import { APP_TO_ICON_COMPONENT } from '../../icons';
 import { IntegrationService, ScriptService } from '../../../gen';
 import { Circle, ExternalLink } from 'lucide-svelte';
 import Popover from '../../Popover.svelte';
 import { usePromise } from '../../../svelte5Utils.svelte';
-import { hubBaseUrlStore, userStore } from '../../../stores';
+import { disableHubStore, hubBaseUrlStore, userStore } from '../../../stores';
 import { get } from 'svelte/store';
 import Button from '../../common/button/Button.svelte';
+import { Alert } from '../../common';
 let hubNotAvailable = $state(false);
 const dispatch = createEventDispatcher();
 let { kind = 'script', filter = $bindable(''), loading = $bindable(false), selected = undefined, appFilter = undefined, items = $bindable([]), displayPath = false, apps = $bindable([]), refreshCount = 0 } = $props();
@@ -43,12 +44,14 @@ $effect(() => {
     }
 });
 async function getAllApps(filterKind) {
+    if ($disableHubStore)
+        return;
     try {
         hubNotAvailable = false;
         allApps = (await listHubIntegrationsCached({ kind: filterKind, refreshCount })).map((x) => x.name);
     }
     catch (err) {
-        console.error('Hub is not available');
+        console.error('Failed to fetch hub integrations:', err);
         allApps = [];
         hubNotAvailable = true;
     }
@@ -57,7 +60,9 @@ let hubScriptsFilteredPromise = usePromise(() => listHubScriptsCached({ appFilte
 $effect(() => {
     ;
     [filter, kind, appFilter, refreshCount];
-    hubScriptsFilteredPromise.refresh();
+    if (!$disableHubStore) {
+        hubScriptsFilteredPromise.refresh();
+    }
 });
 $effect(() => {
     loading = hubScriptsFilteredPromise.status === 'loading';
@@ -80,7 +85,7 @@ async function handlePickScript(item) {
             await ScriptService.pickHubScriptByPath({ path: item.path });
         }
         catch (error) {
-            console.error('Failed to track hub script pick:', error);
+            sendUserToast('Failed to call ScriptService.pickHubScriptByPath: ' + error, 'error');
             // Don't block the flow if tracking fails
         }
     }
@@ -108,9 +113,13 @@ $effect(() => {
 </script>
 
 <svelte:window onkeydown={onKeyDown} />
-{#if hubNotAvailable}
-	<div class="text-2xs text-red-400 font-normal text-center py-2 px-3 items-center">
-		Hub not available
+{#if $disableHubStore}
+	<!-- Hub disabled, show nothing -->
+{:else if hubNotAvailable}
+	<div class="px-3 py-2 mt-2">
+		<Alert type="warning" title="Hub not available" size="xs">
+			Could not connect to the Windmill Hub. If you are in a closed environment, you can disable the Hub in the <a href="/#superadmin-settings?tab=private_hub">instance settings</a>.
+		</Alert>
 	</div>
 {:else if loading}
 	{#each Array(15).fill(0) as _}

package/package/components/flows/pickers/TopLevelNode.svelte

@@ -13,6 +13,8 @@ const iconMap = {
     'Branch to one': { icon: GitBranch },
     'Branch to all': { icon: GitBranch },
     'AI Agent': { icon: BotIcon, iconClass: 'text-ai' },
+    'AI Sandbox': { icon: BotIcon, showChevron: true, iconClass: 'text-ai' },
+    'Claude Code': { icon: BotIcon, iconClass: 'text-ai' },
     MCP: { icon: Plug, showChevron: true },
     'Web Search': { icon: Globe }
 };

package/package/components/flows/previousResults.d.ts

@@ -21,7 +21,7 @@ export declare function getFailureStepPropPicker(flowState: FlowState, flow: Ope
         previousId: undefined;
         hasResume: boolean;
         flow_env: {
-            [key: string]: string;
+            [key: string]: unknown;
         } | undefined;
     };
     extraLib: string;

package/package/components/flows/propPicker/JobPickerLight.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">import Cell from '../../table/Cell.svelte';
 import { formatDateShort, formatDate } from '../../../utils';
 import OutputBadge from './OutputBadge.svelte';
-export let job;
+let { job } = $props();
 </script>
 
 {#if job}

package/package/components/flows/propPicker/JobPickerLight.svelte.d.ts

@@ -1,21 +1,7 @@
 import type { Job } from '../../../gen';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const JobPickerLight: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     job: Job | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type JobPickerLight = InstanceType<typeof JobPickerLight>;
+}
+declare const JobPickerLight: import("svelte").Component<Props, {}, "">;
+type JobPickerLight = ReturnType<typeof JobPickerLight>;
 export default JobPickerLight;

package/package/components/flows/propPicker/OutputBadge.svelte

@@ -2,14 +2,14 @@
 import { base } from '../../../base';
 import { ExternalLink } from 'lucide-svelte';
 import { emptyString } from '../../../utils';
-export let job = undefined;
+let { job = undefined, class: className = '' } = $props();
 </script>
 
 {#if job}
 	<div
 		class={twMerge(
 			'flex flex-row w-fit items-center justify-between gap-2 rounded-md bg-surface-secondary p-1 px-2 group',
-			$$props.class
+			className
 		)}
 	>
 		<div

package/package/components/flows/propPicker/OutputBadge.svelte.d.ts

@@ -1,28 +1,14 @@
 import type { Job } from '../../../gen';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const OutputBadge: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: any;
+interface Props {
     job?: Job | {
         id: string;
         result: unknown;
-        type: "CompletedJob";
+        type: 'CompletedJob';
         success: boolean;
         workspace_id: string;
     } | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type OutputBadge = InstanceType<typeof OutputBadge>;
+    class?: string;
+}
+declare const OutputBadge: import("svelte").Component<Props, {}, "">;
+type OutputBadge = ReturnType<typeof OutputBadge>;
 export default OutputBadge;

package/package/components/flows/propPicker/OutputPicker.svelte

@@ -14,7 +14,7 @@ const MIN_HEIGHT = 375;
 let outputOpen = $state(false);
 let inputOpen = $state(false);
 const zoom = $derived.by(useSvelteFlow().getZoom);
-let showConnecting = $derived(isConnectingCandidate && $flowPropPickerConfig?.insertionMode === 'connect');
+let showConnecting = $derived(isConnectingCandidate && $flowPropPickerConfig != undefined);
 function selectConnection(value) {
     if ($flowPropPickerConfig?.onSelect(value)) {
         $flowPropPickerConfig?.clearFocus();
@@ -67,6 +67,7 @@ onMount(() => {
 });
 </script>
 
+<!-- svelte-ignore a11y_no_static_element_interactions -->
 <div
 	class="relative h-0 w-[275px] -z-10"
 	onpointerdown={(e) => {

package/package/components/flows/propPicker/PropPickerWrapper.svelte

@@ -14,15 +14,12 @@ const inputMatches = writable(undefined);
 const dispatch = createEventDispatcher();
 const { flowPropPickerConfig } = getContext('PropPickerContext');
 flowPropPickerConfig.set(undefined);
-const { flowStore } = getContext('FlowEditorContext');
-let flow_env = $derived(pickableProperties?.flow_env || flowStore.val.value.flow_env);
 setContext('PropPickerWrapper', {
     propPickerConfig,
     inputMatches,
-    focusProp: (propName, insertionMode, onSelect) => {
+    connectProp: (propName, onSelect) => {
         const config = {
             propName,
-            insertionMode,
             onSelect,
             clearFocus: () => {
                 propPickerConfig.set(undefined);
@@ -40,10 +37,11 @@ setContext('PropPickerWrapper', {
             });
         }
     },
-    clearFocus: () => {
+    clearConnect: () => {
         flowPropPickerConfig.set(undefined);
         propPickerConfig.set(undefined);
-    }
+    },
+    exprBeingEdited: writable([])
 });
 async function getPropPickerElements() {
     return Array.from(document.querySelectorAll('[data-prop-picker], [data-prop-picker] *'));
@@ -72,14 +70,11 @@ let rightPaneHeight = $state(0);
 		<Pane minSize={20} size={40} class="!transition-none z-1000 relative {paneClass}">
 			<div bind:clientHeight={rightPaneHeight} class="min-h-40 h-full !bg-surface-secondary">
 				<AnimatedButton
-					animate={$propPickerConfig?.insertionMode == 'connect'}
+					animate={$propPickerConfig != undefined}
 					baseRadius="4px"
 					wrapperClasses="prop-picker-inputs h-full w-full pt-1"
 					marginWidth="3px"
-					ringColor={$propPickerConfig?.insertionMode == 'insert' ||
-					$propPickerConfig?.insertionMode == 'append'
-						? '#3b82f6'
-						: 'transparent'}
+					ringColor="transparent"
 					animationDuration="4s"
 				>
 					{#if result != undefined && !pickableProperties}
@@ -101,7 +96,6 @@ let rightPaneHeight = $state(0);
 							{extraResults}
 							{displayContext}
 							{error}
-							{flow_env}
 							previousId={pickableProperties?.previousId}
 							{pickableProperties}
 							allowCopy={!notSelectable && !$propPickerConfig}

package/package/components/flows/propPicker/PropPickerWrapper.svelte.d.ts

@@ -4,7 +4,6 @@ export type PropPickerConfig = {
     propName?: string;
     onSelect: SelectCallback;
     clearFocus: () => void;
-    insertionMode: 'append' | 'connect' | 'insert';
 };
 export type PropPickerWrapperContext = {
     propPickerConfig: Writable<PropPickerConfig | undefined>;
@@ -12,8 +11,9 @@ export type PropPickerWrapperContext = {
         word: string;
         value: string;
     }[] | undefined>;
-    focusProp: (propName: string, insertionMode: 'append' | 'connect' | 'insert', onSelect: SelectCallback) => void;
-    clearFocus: () => void;
+    connectProp: (propName: string, onSelect: SelectCallback) => void;
+    clearConnect: () => void;
+    exprBeingEdited: Writable<string[]>;
 };
 import { type Writable } from 'svelte/store';
 import type { PickableProperties } from '../previousResults';

package/package/components/flows/scheduleUtils.js

@@ -17,7 +17,7 @@ export async function loadSchedule(path, workspace) {
         path
     });
     return {
-        summary: schedule.summary,
+        summary: schedule.summary ?? undefined,
         enabled: schedule.enabled,
         cron: schedule.schedule,
         timezone: schedule.timezone,
@@ -48,7 +48,7 @@ export async function loadSchedules(forceRefresh, path, isFlow, schedules, prima
         else {
             remotePrimarySchedule = primary
                 ? {
-                    summary: primary.summary,
+                    summary: primary.summary ?? undefined,
                     args: primary.args ?? {},
                     cron: primary.schedule,
                     timezone: primary.timezone,

package/package/components/flows/types.d.ts

@@ -11,10 +11,9 @@ import type { StateStore } from '../../utils';
 import type { StepsInputArgs } from './stepsInputArgs.svelte';
 import type { Asset, AssetWithAccessType } from '../assets/lib';
 import type S3FilePicker from '../S3FilePicker.svelte';
-import type DbManagerDrawer from '../DBManagerDrawer.svelte';
 import type ResourceEditorDrawer from '../ResourceEditorDrawer.svelte';
 import type { ModulesTestStates } from '../modulesTest.svelte';
-import type { ButtonProp } from '../DiffEditor.svelte';
+import type { ButtonProp } from '../diffEditorTypes';
 import type { SelectionManager } from '../graph/selectionUtils.svelte';
 import type { InferAssetsSqlQueryDetails } from '../../infer';
 export type FlowInput = Record<string, {
@@ -53,9 +52,6 @@ export type CurrentEditor = (({
 export type FlowEditorContext = {
     selectionManager: SelectionManager;
     currentEditor: Writable<CurrentEditor>;
-    moving: Writable<{
-        id: string;
-    } | undefined>;
     previewArgs: StateStore<Record<string, any>>;
     scriptEditorDrawer: Writable<ScriptEditorDrawer | undefined>;
     flowEditorDrawer: Writable<FlowEditorDrawer | undefined>;
@@ -74,11 +70,12 @@ export type FlowEditorContext = {
     executionCount: Writable<number>;
     modulesTestStates: ModulesTestStates;
     outputPickerOpenFns: Record<string, () => void>;
+    preserveOnBehalfOf: Writable<boolean>;
+    savedOnBehalfOfEmail: Writable<string | undefined>;
 };
 export type FlowGraphAssetContext = StateStore<{
     selectedAsset: Asset | undefined;
     s3FilePicker: S3FilePicker | undefined;
-    dbManagerDrawer: DbManagerDrawer | undefined;
     resourceEditorDrawer: ResourceEditorDrawer | undefined;
     resourceMetadataCache: Record<string, {
         resource_type?: string;

package/package/components/flows/utils.svelte.js

@@ -27,7 +27,7 @@ export function evalValue(k, mod, pickableProperties, showError) {
     if (t.type == 'static') {
         v = t.value;
     }
-    else {
+    else if (t.type == 'javascript') {
         try {
             let context = {
                 flow_input: pickableProperties?.flow_input,
@@ -42,6 +42,9 @@ export function evalValue(k, mod, pickableProperties, showError) {
             v = undefined;
         }
     }
+    else {
+        v = undefined;
+    }
     if (v === NEVER_TESTED_THIS_FAR) {
         v = undefined;
     }
@@ -100,6 +103,7 @@ export function cleanFlow(flow) {
             if (memoryTransform?.type === 'static' && memoryTransform.value) {
                 const memoryValue = memoryTransform.value;
                 if (memoryValue.kind === 'auto' &&
+                    memoryValue.context_length &&
                     memoryValue.context_length > 0 &&
                     !memoryValue.memory_id) {
                     memoryTransform.value = {