windmill-components 1.550.0 → 1.555.0

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

@@ -1,8 +1,11 @@
 <script module lang="ts">"use strict";
 let listHubIntegrationsCached = createCache(({ kind }) => IntegrationService.listHubIntegrations({ kind }), { initial: { kind: 'script', refreshCount: 0 }, invalidateMs: 1000 * 60 });
-let listHubScriptsCached = createCache(async ({ filter, kind, appFilter }) => filter.length > 0
-    ? await ScriptService.queryHubScripts({ text: filter, limit: 40, kind })
-    : ((await ScriptService.getTopHubScripts({ limit: 40, kind, app: appFilter })).asks ?? []), {
+console.log('listHubIntegrationsCached', listHubIntegrationsCached);
+let listHubScriptsCached = createCache(async ({ filter, kind, appFilter }) => get(userStore)
+    ? filter.length > 0
+        ? await ScriptService.queryHubScripts({ text: filter, limit: 40, kind })
+        : ((await ScriptService.getTopHubScripts({ limit: 40, kind, app: appFilter })).asks ?? [])
+    : undefined, {
     initial: { filter: '', kind: 'script', appFilter: undefined, refreshCount: 0 },
     invalidateMs: 1000 * 60
 });
@@ -16,6 +19,8 @@ import { IntegrationService, ScriptService } from '../../../gen';
 import { Circle } from 'lucide-svelte';
 import Popover from '../../Popover.svelte';
 import { usePromise } from '../../../svelte5Utils.svelte';
+import { userStore } from '../../../stores';
+import { get } from 'svelte/store';
 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();

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

@@ -35,6 +35,6 @@ declare const PickHubScriptQuick: $$__sveltets_2_IsomorphicComponent<Props, {
     pickScript: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "filter" | "items" | "loading" | "apps">;
+}, {}, {}, "items" | "filter" | "loading" | "apps">;
 type PickHubScriptQuick = InstanceType<typeof PickHubScriptQuick>;
 export default PickHubScriptQuick;

package/package/components/flows/pickers/WorkspaceScriptPickerQuick.svelte

@@ -1,6 +1,6 @@
 <script module lang="ts">"use strict";
 let initialWorkspace = get(workspaceStore);
-let loadItemsCached = createCache(({ workspace, kind, isTemplate }) => workspace
+let loadItemsCached = createCache(({ workspace, kind, isTemplate }) => workspace && get(userStore)
     ? kind == 'flow'
         ? FlowService.listFlows({ workspace })
         : ScriptService.listScripts({ workspace, kinds: kind, isTemplate })
@@ -28,6 +28,7 @@ import BarsStaggered from '../../icons/BarsStaggered.svelte';
 import Popover from '../../Popover.svelte';
 import { usePromise } from '../../../svelte5Utils.svelte';
 import { get } from 'svelte/store';
+import { userStore } from '../../../stores';
 let items = usePromise(async () => await loadItemsCached({ workspace: $workspaceStore, kind, isTemplate, refreshCount }), { loadInit: false, clearValueOnRefresh: false });
 let filteredItems = $state(undefined);
 let { kind = 'script', isTemplate = undefined, selected = undefined, displayPath = false, filteredWithOwner = $bindable(undefined), filter = '', owners = $bindable([]), ownerFilter = $bindable(undefined), refreshCount = 0 } = $props();
@@ -59,17 +60,19 @@ $effect(() => {
     }
 });
 $effect(() => {
-    owners = Array.from(new Set(filteredItems?.map((x) => x.path.split('/').slice(0, 2).join('/')) ?? [])).sort((a, b) => {
-        if (a.startsWith('u/') && !b.startsWith('u/'))
-            return -1;
-        if (b.startsWith('u/') && !a.startsWith('u/'))
-            return 1;
-        if (a.startsWith('f/') && !b.startsWith('f/'))
-            return -1;
-        if (b.startsWith('f/') && !a.startsWith('f/'))
-            return 1;
-        return a.localeCompare(b);
-    });
+    if (filteredItems) {
+        owners = Array.from(new Set(filteredItems?.map((x) => x.path.split('/').slice(0, 2).join('/')) ?? [])).sort((a, b) => {
+            if (a.startsWith('u/') && !b.startsWith('u/'))
+                return -1;
+            if (b.startsWith('u/') && !a.startsWith('u/'))
+                return 1;
+            if (a.startsWith('f/') && !b.startsWith('f/'))
+                return -1;
+            if (b.startsWith('f/') && !a.startsWith('f/'))
+                return 1;
+            return a.localeCompare(b);
+        });
+    }
 });
 $effect(() => {
     filteredWithOwner =

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

@@ -76,11 +76,7 @@ async function getPropPickerElements() {
 		>
 			<slot />
 		</Pane>
-		<Pane
-			minSize={20}
-			size={40}
-			class="!transition-none z-1000 {$propPickerConfig ? 'ml-[-1px]' : ''} {paneClass}"
-		>
+		<Pane minSize={20} size={40} class="!transition-none z-1000 {paneClass}">
 			<AnimatedButton
 				animate={$propPickerConfig?.insertionMode == 'connect'}
 				baseRadius="4px"
@@ -126,13 +122,3 @@ async function getPropPickerElements() {
 		</Pane>
 	</Splitpanes>
 </div>
-
-<style>
-	:global(.splitpanes-remove-splitter > .splitpanes__pane) {
-		background-color: inherit !important;
-	}
-	:global(.splitpanes-remove-splitter > .splitpanes__splitter) {
-		background-color: transparent !important;
-		width: 0 !important;
-		border: none !important;
-	}</style>

package/package/components/graph/FlowGraphV2.svelte

@@ -41,7 +41,7 @@ const triggerContext = getContext('TriggerContext');
 let fullWidth = 0;
 let width = $state(0);
 let simplifiableFlow = $state(undefined);
-let { onInsert = undefined, onDelete = undefined, onMove = undefined, onDeleteBranch = undefined, onNewBranch = undefined, onSelect = undefined, onChangeId = undefined, onUpdateMock = undefined, onSelectedIteration = undefined, success = undefined, modules = [], failureModule = undefined, preprocessorModule = undefined, minHeight = 0, maxHeight = undefined, notSelectable = false, flowModuleStates = undefined, testModuleStates = undefined, selectedId = writable(undefined), path = undefined, newFlow = false, insertable = false, earlyStop = false, cache = false, scroll = false, moving = undefined, download = false, fullSize = false, disableAi = false, triggerNode = false, workspace = $workspaceStore ?? 'NO_WORKSPACE', editMode = false, allowSimplifiedPoll = true, expandedSubflows = $bindable({}), onTestUpTo = undefined, onEditInput = undefined, isOwner = false, onTestFlow = undefined, isRunning = false, onCancelTestFlow = undefined, onOpenPreview = undefined, onHideJobStatus = undefined, individualStepTests = false, flowJob = undefined, showJobStatus = false, suspendStatus = {}, flowHasChanged = false } = $props();
+let { onInsert = undefined, onDelete = undefined, onMove = undefined, onDeleteBranch = undefined, onNewBranch = undefined, onSelect = undefined, onChangeId = undefined, onUpdateMock = undefined, onSelectedIteration = undefined, success = undefined, modules = [], failureModule = undefined, preprocessorModule = undefined, minHeight = 0, maxHeight = undefined, notSelectable = false, flowModuleStates = undefined, testModuleStates = undefined, selectedId = writable(undefined), path = undefined, newFlow = false, insertable = false, earlyStop = false, cache = false, scroll = false, moving = undefined, download = false, fullSize = false, disableAi = false, triggerNode = false, workspace = $workspaceStore ?? 'NO_WORKSPACE', editMode = false, allowSimplifiedPoll = true, expandedSubflows = $bindable({}), onTestUpTo = undefined, onEditInput = undefined, isOwner = false, onTestFlow = undefined, isRunning = false, onCancelTestFlow = undefined, onOpenPreview = undefined, onHideJobStatus = undefined, individualStepTests = false, flowJob = undefined, showJobStatus = false, suspendStatus = {}, flowHasChanged = false, chatInputEnabled = false } = $props();
 setContext('FlowGraphContext', { selectedId, useDataflow });
 if (triggerContext && allowSimplifiedPoll) {
     if (isSimplifiable(modules)) {
@@ -302,6 +302,7 @@ let graph = $derived.by(() => {
         showJobStatus,
         suspendStatus,
         flowHasChanged,
+        chatInputEnabled,
         additionalAssetsMap: flowGraphAssetsCtx?.val.additionalAssetsMap
     }, untrack(() => failureModule), preprocessorModule, eventHandler, success, $useDataflow, untrack(() => $selectedId), moving, simplifiableFlow, triggerNode ? path : undefined, expandedSubflows);
 });

package/package/components/graph/FlowGraphV2.svelte.d.ts

@@ -39,6 +39,7 @@ interface Props {
         job: Job;
         nb: number;
     }>;
+    chatInputEnabled?: boolean;
     onDelete?: (id: string) => void;
     onInsert?: (detail: {
         sourceId?: string;

package/package/components/graph/graphBuilder.svelte.d.ts

@@ -96,6 +96,7 @@ export type InputN = {
         flowJob: Job | undefined;
         showJobStatus: boolean;
         flowHasChanged: boolean;
+        chatInputEnabled: boolean;
         assets?: AssetWithAltAccessType[] | undefined;
     };
 };
@@ -301,6 +302,7 @@ export declare function graphBuilder(modules: FlowModule[] | undefined, extra: {
         nb: number;
     }>;
     flowHasChanged: boolean;
+    chatInputEnabled: boolean;
     additionalAssetsMap?: Record<string, AssetWithAltAccessType[]>;
 }, failureModule: FlowModule | undefined, preprocessorModule: FlowModule | undefined, eventHandlers: GraphEventHandlers, success: boolean | undefined, useDataflow: boolean | undefined, selectedId: string | undefined, moving: string | undefined, simplifiableFlow: SimplifiableFlow | undefined, flowPathForTriggerNode: string | undefined, expandedSubflows: Record<string, FlowModule[]>): {
     nodes: {

package/package/components/graph/graphBuilder.svelte.js

@@ -165,6 +165,7 @@ export function graphBuilder(modules, extra, failureModule, preprocessorModule,
                 flowJob: extra.flowJob,
                 showJobStatus: extra.showJobStatus,
                 flowHasChanged: extra.flowHasChanged,
+                chatInputEnabled: extra.chatInputEnabled,
                 ...(inputAssets ? { assets: inputAssets } : {})
             }
         };

package/package/components/graph/renderers/edges/BaseEdge.svelte

@@ -46,6 +46,7 @@ let suspendStatus = $derived(data?.suspendStatus);
 			<!-- <pre class="text-2xs">A{JSON.stringify(data.branch)}, {data.sourceId}, {data.targetId}</pre> -->
 			<!-- {data.targetId} B -->
 			<InsertModuleButton
+				disableAi={data.disableAi}
 				index={data.index ?? 0}
 				on:new={(e) => {
 					data?.eventHandlers.insert({

package/package/components/graph/renderers/nodes/InputNode.svelte

@@ -4,12 +4,14 @@ import { getStateColor, getStateHoverColor } from '../../util';
 import { getContext } from 'svelte';
 import InsertModuleButton from '../../../flows/map/InsertModuleButton.svelte';
 import { schemaToObject } from '../../../../schema';
+import { MessageSquare } from 'lucide-svelte';
 let { data } = $props();
 const { selectedId } = getContext('FlowGraphContext');
 const { previewArgs, flowStore } = getContext('FlowEditorContext') || {};
 let topFlowInput = $derived(flowStore?.val && previewArgs && flowStore?.val?.schema
     ? schemaToObject(flowStore?.val.schema, previewArgs.val || {})
     : undefined);
+let inputLabel = $derived(data.chatInputEnabled ? 'Chat message' : 'Input');
 </script>
 
 <NodeWrapper>
@@ -17,6 +19,7 @@ let topFlowInput = $derived(flowStore?.val && previewArgs && flowStore?.val?.sch
 		{#if data.insertable && !data.hasPreprocessor}
 			<div class="absolute bottom-full left-0 right-0 flex center-center mb-3.5">
 				<InsertModuleButton
+					disableAi={data.disableAi}
 					index={0}
 					kind="preprocessor"
 					on:new={(e) => {
@@ -41,7 +44,9 @@ let topFlowInput = $derived(flowStore?.val && previewArgs && flowStore?.val?.sch
 			</div>
 		{/if}
 		<VirtualItem
-			label="Input"
+			id={'Input'}
+			hideId={true}
+			label={inputLabel}
 			selectable
 			selected={$selectedId === 'Input'}
 			bgColor={getStateColor(undefined, darkMode)}
@@ -77,6 +82,12 @@ let topFlowInput = $derived(flowStore?.val && previewArgs && flowStore?.val?.sch
 			showJobStatus={data.showJobStatus}
 			flowHasChanged={data.flowHasChanged}
 			{darkMode}
-		/>
+		>
+			{#snippet icon()}
+				{#if data.chatInputEnabled}
+					<MessageSquare size={14} class="text-blue-500 dark:text-blue-400" />
+				{/if}
+			{/snippet}
+		</VirtualItem>
 	{/snippet}
 </NodeWrapper>

package/package/components/graph/renderers/triggers/TriggersBadge.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">import { Calendar, Mail, Webhook, Unplug, Database, Terminal } from 'lucide-svelte';
-import { Loader2 } from 'lucide-svelte';
 import {} from 'svelte';
 import { Route } from 'lucide-svelte';
 import { getContext } from 'svelte';
@@ -11,6 +10,7 @@ import { Menu, Menubar, MeltButton, MenuItem, Tooltip } from '../../../meltCompo
 import { twMerge } from 'tailwind-merge';
 import SchedulePollIcon from '../../../icons/SchedulePollIcon.svelte';
 import TriggerLabel from '../../../triggers/TriggerLabel.svelte';
+import CountBadge from '../../../common/badge/CountBadge.svelte';
 const { triggersState, triggersCount } = getContext('TriggerContext');
 let { selected, showOnlyWithCount, 
 // @ts-ignore - This is an output-only prop used with bind:
@@ -209,32 +209,7 @@ $effect(() => {
 	>
 		{#if countKey}
 			{@const count = $triggersCount?.[countKey] ?? 0}
-			{#if count > 0}
-				<div
-					class={twMerge(
-						// Base styles that apply in all cases
-						'absolute z-10 rounded-full overflow-hidden',
-						'flex center-center text-primary-inverse font-mono',
-						'bg-tertiary/50 group-hover:bg-primary transition-all duration-[100ms]',
-						noTriggers ? 'bg-primary' : '',
-
-						// Size variants based on small prop
-						small
-							? '-right-[3px] -top-[3px] h-3 w-3 text-[8px]'
-							: '-right-1.5 -top-1.5 h-4 w-4 text-xs',
-
-						// Special case for no triggers
-						noTriggers && small ? 'h-3 w-3 text-[8px] -right-0.5 -top-0.5' : '',
-						noTriggers && !small ? 'h-4 w-4 text-xs -right-1 -top-1' : ''
-					)}
-				>
-					{#if count === undefined}
-						<Loader2 class="animate-spin text-2xs" />
-					{:else}
-						<p>{count}</p>
-					{/if}
-				</div>
-			{/if}
+			<CountBadge {count} {small} alwaysVisible={noTriggers} />
 		{/if}
 		<SvelteComponent size={small ? 12 : 14} />
 	</MeltButton>

package/package/components/instanceSettings.js

@@ -271,6 +271,23 @@ export const settings = {
             placeholder: 'https://user:password@gems.foo.com/',
             storage: 'setting',
             ee_only: ''
+        },
+        {
+            label: 'PowerShell Repository URL',
+            description: 'Add private PowerShell repository URL',
+            key: 'powershell_repo_url',
+            placeholder: 'https://pkgs.dev.azure.com/<org>/<project>/_packaging/<feed>/nuget/v3/index.json',
+            fieldType: 'text',
+            storage: 'setting',
+            ee_only: ''
+        },
+        {
+            label: 'PowerShell Repository PAT',
+            description: 'Add private PowerShell repository Personal Access Token',
+            key: 'powershell_repo_pat',
+            fieldType: 'text',
+            storage: 'setting',
+            ee_only: ''
         }
     ],
     Alerts: [

package/package/components/progressBar/ProgressBar.svelte

@@ -31,7 +31,7 @@ let finished = $derived(index == length);
 		>
 			<span class="text-base">
 				{error != undefined
-					? 'Error occured'
+					? 'Error occurred'
 					: finished
 						? 'Done'
 						: hideStepTitle

package/package/components/raw_apps/FileEditorIcon.svelte

@@ -4,7 +4,7 @@ import JsonIcon from '../icons/JsonIcon.svelte';
 import ReactIcon from '../icons/ReactIcon.svelte';
 import SvelteIcon from '../icons/SvelteIcon.svelte';
 import VueIcon from '../icons/VueIcon.svelte';
-export let file;
+let { file } = $props();
 </script>
 
 {#if file.endsWith('.tsx')}

package/package/components/raw_apps/FileEditorIcon.svelte.d.ts

@@ -1,20 +1,6 @@
-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 FileEditorIcon: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     file: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type FileEditorIcon = InstanceType<typeof FileEditorIcon>;
+}
+declare const FileEditorIcon: import("svelte").Component<Props, {}, "">;
+type FileEditorIcon = ReturnType<typeof FileEditorIcon>;
 export default FileEditorIcon;

package/package/components/raw_apps/RawAppBackgroundRunner.svelte

@@ -2,13 +2,7 @@
 import { userStore } from '../../stores';
 import { waitJob } from '../waitJob';
 import { JobService } from '../../gen';
-export let iframe;
-export let path;
-export let runnables;
-export let jobs = [];
-export let jobsById = {};
-export let editor;
-export let workspace;
+let { iframe, path, runnables, jobs = $bindable([]), jobsById = $bindable({}), editor, workspace } = $props();
 let listener = async (event) => {
     const data = event.data;
     function respond(o) {
@@ -71,4 +65,4 @@ let listener = async (event) => {
 };
 </script>
 
-<svelte:window on:message={listener} />
+<svelte:window onmessage={listener} />

package/package/components/raw_apps/RawAppBackgroundRunner.svelte.d.ts

@@ -1,18 +1,5 @@
 import type { HiddenRunnable, JobById } from '../apps/types';
-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 RawAppBackgroundRunner: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     iframe: HTMLIFrameElement | undefined;
     path: string;
     runnables: Record<string, HiddenRunnable>;
@@ -20,8 +7,7 @@ declare const RawAppBackgroundRunner: $$__sveltets_2_IsomorphicComponent<{
     jobsById?: Record<string, JobById>;
     editor: boolean;
     workspace: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type RawAppBackgroundRunner = InstanceType<typeof RawAppBackgroundRunner>;
+}
+declare const RawAppBackgroundRunner: import("svelte").Component<Props, {}, "jobs" | "jobsById">;
+type RawAppBackgroundRunner = ReturnType<typeof RawAppBackgroundRunner>;
 export default RawAppBackgroundRunner;

package/package/components/raw_apps/RawAppEditor.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">import { run } from 'svelte/legacy';
 import { Pane, Splitpanes } from 'svelte-splitpanes';
-import { writable } from 'svelte/store';
 import RawAppInlineScriptsPanel from './RawAppInlineScriptsPanel.svelte';
 import RawAppEditorHeader from './RawAppEditorHeader.svelte';
 import {} from '../../gen';
@@ -14,7 +13,7 @@ import HideButton from '../apps/editor/settingsPanel/HideButton.svelte';
 import DarkModeObserver from '../DarkModeObserver.svelte';
 let { initFiles, initRunnables, newApp, policy, summary = $bindable(''), path, newPath = undefined, savedApp = $bindable(undefined), diffDrawer = undefined } = $props();
 export const version = undefined;
-let runnables = writable(initRunnables);
+let runnables = $state(initRunnables);
 let files = $state(initFiles);
 let draftTimeout = undefined;
 function saveFrontendDraft() {
@@ -23,7 +22,7 @@ function saveFrontendDraft() {
         try {
             localStorage.setItem(path != '' ? `rawapp-${path}` : 'rawapp', encodeState({
                 files,
-                runnables: $runnables
+                runnables: runnables
             }));
         }
         catch (err) {
@@ -45,7 +44,7 @@ function populateFiles() {
 function populateRunnables() {
     iframe?.contentWindow?.postMessage({
         type: 'setRunnables',
-        dts: genWmillTs($runnables)
+        dts: genWmillTs(runnables)
     }, '*');
 }
 let selectedRunnable = $state(undefined);
@@ -68,7 +67,7 @@ async function getBundle() {
 }
 let darkMode = $state(false);
 run(() => {
-    $runnables && files && saveFrontendDraft();
+    runnables && files && saveFrontendDraft();
 });
 run(() => {
     iframe?.addEventListener('load', () => {
@@ -79,7 +78,7 @@ run(() => {
     iframe && iframeLoaded && initFiles && populateFiles();
 });
 run(() => {
-    iframe && iframeLoaded && $runnables && populateRunnables();
+    iframe && iframeLoaded && runnables && populateRunnables();
 });
 </script>
 
@@ -92,7 +91,7 @@ run(() => {
 	{iframe}
 	bind:jobs
 	bind:jobsById
-	runnables={$runnables}
+	{runnables}
 	{path}
 />
 <div class="max-h-screen overflow-hidden h-screen min-h-0 flex flex-col">