windmill-components 1.504.6 → 1.511.0

package/package/components/SavedInputs.svelte

@@ -10,7 +10,7 @@ import { ArrowLeftIcon, Edit, ExternalLink, X } from 'lucide-svelte';
 import Toggle from './Toggle.svelte';
 import Tooltip from './Tooltip.svelte';
 import TimeAgo from './TimeAgo.svelte';
-import JobLoader from './runs/JobLoader.svelte';
+import JobsLoader from './runs/JobsLoader.svelte';
 import Skeleton from './common/skeleton/Skeleton.svelte';
 import SaveInputsButton from './SaveInputsButton.svelte';
 export let scriptHash = null;
@@ -118,7 +118,7 @@ async function loadLargeArgs(id, input, allowLarge) {
 </script>
 
 {#if runnableId}
-	<JobLoader
+	<JobsLoader
 		bind:jobs
 		path={runnableId}
 		isSkipped={false}

package/package/components/ScriptBuilder.svelte

@@ -361,7 +361,7 @@ async function editScript(stay, parentHash, deploymentMsg, triggersToDeploy) {
                 has_preprocessor: script.has_preprocessor,
                 deployment_message: deploymentMsg || undefined,
                 on_behalf_of_email: script.on_behalf_of_email,
-                fallback_access_types: script.fallback_access_types
+                assets: script.assets
             }
         });
         if (!initialPath) {
@@ -488,7 +488,8 @@ async function saveDraft(forceSave = false) {
                     visible_to_runner_only: script.visible_to_runner_only,
                     no_main_func: script.no_main_func,
                     has_preprocessor: script.has_preprocessor,
-                    on_behalf_of_email: script.on_behalf_of_email
+                    on_behalf_of_email: script.on_behalf_of_email,
+                    assets: script.assets
                 }
             });
         }
@@ -1557,12 +1558,12 @@ async function loadWorkerTags() {
 			kind={script.kind}
 			{template}
 			tag={script.tag}
-			bind:fallbackAccessTypes={script.fallback_access_types}
 			lastSavedCode={savedScript?.draft?.content}
 			lastDeployedCode={savedScript?.draft_only ? undefined : savedScript?.content}
 			bind:args
 			bind:hasPreprocessor
 			bind:captureTable
+			bind:assets={script.assets}
 		/>
 	</div>
 {:else}

package/package/components/ScriptEditor.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">import { BROWSER } from 'esm-env';
-import { AssetService, JobService } from '../gen';
+import { JobService } from '../gen';
 import { copilotInfo, enterpriseLicense, userStore, workspaceStore } from '../stores';
 import { copyToClipboard, emptySchema, sendUserToast } from '../utils';
 import Editor from './Editor.svelte';
@@ -8,7 +8,7 @@ import { Pane, Splitpanes } from 'svelte-splitpanes';
 import SchemaForm from './SchemaForm.svelte';
 import LogPanel from './scriptEditor/LogPanel.svelte';
 import EditorBar, { EDITOR_BAR_WIDTH_THRESHOLD } from './EditorBar.svelte';
-import TestJobLoader from './TestJobLoader.svelte';
+import JobLoader from './JobLoader.svelte';
 import JobProgressBar from './jobs/JobProgressBar.svelte';
 import { createEventDispatcher, onDestroy, onMount, untrack } from 'svelte';
 import { Button } from './common';
@@ -34,9 +34,8 @@ import { getStringError } from './copilot/chat/utils';
 import { aiChatManager, AIMode } from './copilot/chat/AIChatManager.svelte';
 import { triggerableByAI } from '../actions/triggerableByAI.svelte';
 import AssetsDropdownButton from './assets/AssetsDropdownButton.svelte';
-import { usePromise } from '../svelte5Utils.svelte';
 import { assetEq } from './assets/lib';
-let { schema = $bindable(), code = $bindable(), path, lang, kind = undefined, template = 'script', tag, fixedOverflowWidgets = true, noSyncFromGithub = false, editor = $bindable(undefined), diffEditor = $bindable(undefined), collabMode = false, edit = true, noHistory = false, saveToWorkspace = false, watchChanges = false, customUi = undefined, args = $bindable(), selectedTab = $bindable('main'), hasPreprocessor = $bindable(false), captureTable = $bindable(undefined), showCaptures = true, stablePathForCaptures = '', lastSavedCode = undefined, lastDeployedCode = undefined, disableAi = false, editor_bar_right, fallbackAccessTypes = $bindable() } = $props();
+let { schema = $bindable(), code = $bindable(), path, lang, kind = undefined, template = 'script', tag, fixedOverflowWidgets = true, noSyncFromGithub = false, editor = $bindable(undefined), diffEditor = $bindable(undefined), collabMode = false, edit = true, noHistory = false, saveToWorkspace = false, watchChanges = false, customUi = undefined, args = $bindable(), selectedTab = $bindable('main'), hasPreprocessor = $bindable(false), captureTable = $bindable(undefined), showCaptures = true, stablePathForCaptures = '', lastSavedCode = undefined, lastDeployedCode = undefined, disableAi = false, assets = $bindable(), editor_bar_right } = $props();
 $effect.pre(() => {
     if (schema == undefined) {
         schema = emptySchema();
@@ -58,29 +57,22 @@ $effect(() => {
         (code != undefined || schema != undefined) &&
         dispatch('change', { code, schema });
 });
-let parsedAssets = usePromise(() => inferAssets(lang, code), { clearValueOnRefresh: false });
 $effect(() => {
-    untrack(() => parsedAssets.refresh()), [lang, code];
-});
-// Load initial fallbackAccessTypes
-if (edit && path) {
-    AssetService.listAssetsByUsage({
-        workspace: $workspaceStore,
-        requestBody: { usages: [{ path, kind: 'script' }] }
-    }).then((arr) => {
-        const v = arr[0];
-        setTimeout(() => {
-            for (const a of parsedAssets.value ?? []) {
-                const fallback = v.find((a2) => assetEq(a2, a))?.access_type;
-                if (!a.access_type && fallback) {
-                    fallbackAccessTypes = [...(fallbackAccessTypes ?? []), { ...a, access_type: fallback }];
-                }
+    ;
+    [lang, code];
+    untrack(() => {
+        inferAssets(lang, code).then((newAssets) => {
+            for (const asset of newAssets) {
+                const old = assets?.find((a) => assetEq(a, asset));
+                if (old?.alt_access_type)
+                    asset.alt_access_type = old.alt_access_type;
             }
-        }, 200);
+            assets = newAssets;
+        });
     });
-}
+});
 let width = $state(1200);
-let testJobLoader = $state(undefined);
+let jobLoader = $state(undefined);
 let isValid = $state(true);
 let scriptProgress = $state(undefined);
 let logPanel = $state(undefined);
@@ -119,9 +111,17 @@ export async function runTest() {
     if (jobProgressReset)
         jobProgressReset();
     //@ts-ignore
-    let job = await testJobLoader.runPreview(path, code, lang, selectedTab === 'preprocessor' || kind === 'preprocessor'
+    let job = await jobLoader.runPreview(path, code, lang, selectedTab === 'preprocessor' || kind === 'preprocessor'
         ? { _ENTRYPOINT_OVERRIDE: 'preprocessor', ...(args ?? {}) }
-        : (args ?? {}), tag);
+        : (args ?? {}), tag, undefined, undefined, {
+        done(_x) {
+            loadPastTests();
+        },
+        doneError({ error }) {
+            console.error(error);
+            // sendUserToast('Error running test', true)
+        }
+    });
     logPanel?.setFocusToLogs();
     return job;
 }
@@ -304,10 +304,10 @@ $effect(() => {
 });
 </script>
 
-<TestJobLoader
-	on:done={loadPastTests}
+<JobLoader
+	noCode={true}
 	bind:scriptProgress
-	bind:this={testJobLoader}
+	bind:this={jobLoader}
 	bind:isLoading={testIsLoading}
 	bind:job={testJob}
 />
@@ -401,8 +401,8 @@ $effect(() => {
 		<Pane bind:size={codePanelSize} minSize={10} class="!overflow-visible">
 			<div class="h-full !overflow-visible bg-gray-50 dark:bg-[#272D38] relative">
 				<div class="absolute top-2 right-4 z-10 flex flex-row gap-2">
-					{#if parsedAssets.value?.length}
-						<AssetsDropdownButton assets={parsedAssets.value} bind:fallbackAccessTypes />
+					{#if assets?.length}
+						<AssetsDropdownButton {assets} />
 					{/if}
 					{#if testPanelSize === 0}
 						<HideButton
@@ -435,6 +435,9 @@ $effect(() => {
 								}}
 								btnClasses="!text-violet-800 dark:!text-violet-400 border border-gray-200 dark:border-gray-600 bg-surface"
 								on:click={() => {
+									if (!aiChatManager.open) {
+										aiChatManager.changeMode(AIMode.SCRIPT)
+									}
 									aiChatManager.toggleOpen()
 								}}
 							>
@@ -532,7 +535,7 @@ $effect(() => {
 						/>
 					</div>
 					{#if testIsLoading}
-						<Button on:click={testJobLoader?.cancelJob} btnClasses="w-full" color="red" size="xs">
+						<Button on:click={jobLoader?.cancelJob} btnClasses="w-full" color="red" size="xs">
 							<WindmillIcon
 								white={true}
 								class="mr-2 text-white"

package/package/components/ScriptEditor.svelte.d.ts

@@ -4,7 +4,7 @@ import Editor from './Editor.svelte';
 import DiffEditor from './DiffEditor.svelte';
 import type { ScriptEditorWhitelabelCustomUi } from './custom_ui';
 import CaptureTable from './triggers/CaptureTable.svelte';
-import { type AssetWithAccessType } from './assets/lib';
+import { type AssetWithAltAccessType } from './assets/lib';
 interface Props {
     schema?: Schema | any;
     code: string;
@@ -33,8 +33,8 @@ interface Props {
     lastSavedCode?: string | undefined;
     lastDeployedCode?: string | undefined;
     disableAi?: boolean;
+    assets?: AssetWithAltAccessType[];
     editor_bar_right?: import('svelte').Snippet;
-    fallbackAccessTypes?: AssetWithAccessType[];
 }
 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> & {
@@ -74,6 +74,6 @@ declare const ScriptEditor: $$__sveltets_2_IsomorphicComponent<Props, {
     setCollaborationMode: () => Promise<void>;
     disableCollaboration: () => void;
     updateArgs: (newArgs: Record<string, any>) => Promise<void>;
-}, "args" | "code" | "schema" | "editor" | "selectedTab" | "diffEditor" | "hasPreprocessor" | "fallbackAccessTypes" | "captureTable">;
+}, "args" | "code" | "assets" | "schema" | "editor" | "selectedTab" | "diffEditor" | "hasPreprocessor" | "captureTable">;
 type ScriptEditor = InstanceType<typeof ScriptEditor>;
 export default ScriptEditor;

package/package/components/Section.svelte

@@ -3,18 +3,7 @@ import { AlertTriangle, ChevronRight } from 'lucide-svelte';
 import Tooltip from './Tooltip.svelte';
 import { twMerge } from 'tailwind-merge';
 import { slide } from 'svelte/transition';
-export let label = undefined;
-export let tooltip = undefined;
-export let documentationLink = undefined;
-export let eeOnly = false;
-export let small = false;
-export let wrapperClass = '';
-export let headerClass = '';
-export let collapsable = false;
-export let collapsed = true;
-export let headless = false;
-export let animate = false;
-export let breakAll = false;
+let { label = undefined, tooltip = undefined, documentationLink = undefined, eeOnly = false, small = false, wrapperClass = '', headerClass = '', collapsable = false, collapsed = $bindable(true), headless = false, animate = false, breakAll = false, class: clazz = undefined, header, action, badge, children } = $props();
 </script>
 
 <div class={twMerge('w-full flex flex-col', wrapperClass)}>
@@ -29,7 +18,7 @@ export let breakAll = false;
 				)}
 			>
 				{#if collapsable}
-					<button class="flex items-center gap-1" on:click={() => (collapsed = !collapsed)}>
+					<button class="flex items-center gap-1" onclick={() => (collapsed = !collapsed)}>
 						<ChevronRight
 							size={16}
 							class={twMerge(
@@ -44,11 +33,9 @@ export let breakAll = false;
 					{label}
 				{/if}
 
-				<slot name="header" />
+				{@render header?.()}
 				{#if tooltip}
 					<Tooltip {documentationLink}>{tooltip}</Tooltip>
-				{:else if $$slots.tooltip}
-					<slot name="tooltip" />
 				{/if}
 				{#if eeOnly}
 					{#if !$enterpriseLicense}
@@ -59,18 +46,18 @@ export let breakAll = false;
 					{/if}
 				{/if}
 			</h2>
-			<slot name="action" />
+			{@render action?.()}
 			{#if collapsable && collapsed}
-				<slot name="badge" />
+				{@render badge?.()}
 			{/if}
 		</div>
 	{/if}
 	{#if !collapsable || !collapsed}
 		<div
-			class={twMerge('grow min-h-0', $$props.class)}
+			class={twMerge('grow min-h-0', clazz)}
 			transition:slide={animate ? { duration: 200 } : { duration: 0 }}
 		>
-			<slot />
+			{@render children?.()}
 		</div>
 	{/if}
 </div>

package/package/components/Section.svelte.d.ts

@@ -1,49 +1,22 @@
-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;
+interface Props {
+    label?: string | undefined;
+    tooltip?: string | undefined;
+    documentationLink?: string | undefined;
+    eeOnly?: boolean;
+    small?: boolean;
+    wrapperClass?: string;
+    headerClass?: string;
+    collapsable?: boolean;
+    collapsed?: boolean;
+    headless?: boolean;
+    animate?: boolean;
+    breakAll?: boolean;
+    class?: string | undefined;
+    header?: import('svelte').Snippet;
+    action?: import('svelte').Snippet;
+    badge?: import('svelte').Snippet;
+    children?: import('svelte').Snippet;
 }
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const Section: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    [x: string]: any;
-    label?: string | undefined | undefined;
-    tooltip?: string | undefined | undefined;
-    documentationLink?: string | undefined | undefined;
-    eeOnly?: boolean | undefined;
-    small?: boolean | undefined;
-    wrapperClass?: string | undefined;
-    headerClass?: string | undefined;
-    collapsable?: boolean | undefined;
-    collapsed?: boolean | undefined;
-    headless?: boolean | undefined;
-    animate?: boolean | undefined;
-    breakAll?: boolean | undefined;
-}, {
-    header: {};
-    tooltip: {};
-    action: {};
-    badge: {};
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    header: {};
-    tooltip: {};
-    action: {};
-    badge: {};
-    default: {};
-}, {}, string>;
-type Section = InstanceType<typeof Section>;
+declare const Section: import("svelte").Component<Props, {}, "collapsed">;
+type Section = ReturnType<typeof Section>;
 export default Section;

package/package/components/ServiceLogsInner.svelte

@@ -17,7 +17,7 @@ import SplitPanesOrColumnOnMobile from './splitPanes/SplitPanesOrColumnOnMobile.
 import Select from './select/Select.svelte';
 import { goto } from '../navigation';
 import { page } from '$app/stores';
-let { searchTerm, queryParseErrors = $bindable() } = $props();
+let { searchTerm, queryParseErrors = $bindable(), tagLabel } = $props();
 let minTs = $state(undefined);
 let maxTs = $state(undefined);
 let minTsManual = $state($page.url.searchParams.get('minTs') ?? undefined);
@@ -688,6 +688,7 @@ $effect(() => {
 												noMaxH
 												isLoading={false}
 												tag={undefined}
+												{tagLabel}
 												content={processLogWithJsonFmt(
 													logsContent[file.file_path].content,
 													file.json_fmt

package/package/components/ServiceLogsInner.svelte.d.ts

@@ -1,6 +1,7 @@
 interface Props {
     searchTerm: string;
     queryParseErrors?: string[];
+    tagLabel?: string;
 }
 declare const ServiceLogsInner: import("svelte").Component<Props, {
     getLogFile: (hostname: string, path: string) => Promise<void>;

package/package/components/SimpleEditor.svelte

@@ -89,7 +89,7 @@ let suggestion = $state('');
 let placeholderVisible = $state(false);
 let mounted = $state(false);
 let valueAfterDispose = undefined;
-let { lang, code = $bindable(), hash = createHash(), cmdEnterAction, formatAction, automaticLayout = true, extraLib = '', placeholder = '', disableSuggestions = false, disableLinting = false, hideLineNumbers = false, shouldBindKey = true, autoHeight = false, fixedOverflowWidgets = true, small = false, domLib = false, autofocus = false, allowVim = false, tailwindClasses = [], class: className = '', loadAsync = false, key } = $props();
+let { lang, code = $bindable(), hash = createHash(), cmdEnterAction, formatAction, automaticLayout = true, extraLib = '', placeholder = '', disableSuggestions = false, disableLinting = false, hideLineNumbers = false, shouldBindKey = true, autoHeight = false, fixedOverflowWidgets = true, small = false, domLib = false, autofocus = false, allowVim = false, tailwindClasses = [], class: className = '', loadAsync = false, key, disabled = false } = $props();
 const dispatch = createEventDispatcher();
 const uri = `file:///${hash}.${langToExt(lang)}`;
 export function getCode() {
@@ -546,9 +546,9 @@ updatePlaceholderVisibility(code ?? '');
 
 <div
 	bind:this={divEl}
-	class="relative {className} {!editor ? 'hidden' : ''} editor simple-editor {!allowVim
-		? 'nonmain-editor'
-		: ''}"
+	class="relative {className} {!editor ? 'hidden' : ''} editor {disabled
+		? 'disabled'
+		: ''} simple-editor {!allowVim ? 'nonmain-editor' : ''}"
 	bind:clientWidth={width}
 >
 	{#if placeholder}

package/package/components/SimpleEditor.svelte.d.ts

@@ -28,6 +28,7 @@ type $$ComponentProps = {
     loadAsync?: boolean;
     initialCursorPos?: IPosition;
     key?: string;
+    disabled?: boolean;
 };
 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> & {

package/package/components/SqlRepl.svelte

@@ -135,7 +135,6 @@ let editor = $state(null);
 			<Module.default
 				bind:this={editor}
 				bind:code
-				lang="sql"
 				scriptLang="mysql"
 				class="w-full h-full"
 				cmdEnterAction={run}

package/package/components/Subsection.svelte

@@ -2,12 +2,10 @@
 import { AlertTriangle, ChevronDown, ChevronRight } from 'lucide-svelte';
 import Tooltip from './Tooltip.svelte';
 import { twMerge } from 'tailwind-merge';
-export let label = undefined;
-export let tooltip = undefined;
-export let eeOnly = false;
-export let collapsable = false;
-export let collapsed = true;
-export let headless = false;
+let { label = undefined, tooltip = undefined, eeOnly = false, collapsable = false, collapsed = $bindable(true), openInitially = false, headless = false, class: clazz = undefined, header, action, badge, children } = $props();
+if (openInitially && collapsable && collapsed) {
+    collapsed = false;
+}
 </script>
 
 <div class="w-full">
@@ -15,7 +13,7 @@ export let headless = false;
 		<div class="flex flex-row justify-between items-center mb-1">
 			<h3 class={twMerge('font-semibold flex flex-row items-center gap-2', 'text-sm')}>
 				{#if collapsable}
-					<button class="flex items-center gap-1" on:click={() => (collapsed = !collapsed)}>
+					<button class="flex items-center gap-1" onclick={() => (collapsed = !collapsed)}>
 						{#if collapsed}
 							<ChevronRight size={16} />
 						{:else}
@@ -27,7 +25,7 @@ export let headless = false;
 					{label}
 				{/if}
 
-				<slot name="header" />
+				{@render header?.()}
 				{#if tooltip}
 					<Tooltip>{tooltip}</Tooltip>
 				{/if}
@@ -40,13 +38,13 @@ export let headless = false;
 					{/if}
 				{/if}
 			</h3>
-			<slot name="action" />
+			{@render action?.()}
 			{#if collapsable && collapsed}
-				<slot name="badge" />
+				{@render badge?.()}
 			{/if}
 		</div>
 	{/if}
-	<div class={collapsable && collapsed ? `hidden ${$$props.class}` : `${$$props.class}`}>
-		<slot />
+	<div class={collapsable && collapsed ? `hidden ${clazz ?? ''}` : `${clazz ?? ''}`}>
+		{@render children?.()}
 	</div>
 </div>

package/package/components/Subsection.svelte.d.ts

@@ -1,41 +1,17 @@
-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;
+interface Props {
+    label?: string | undefined;
+    tooltip?: string | undefined;
+    eeOnly?: boolean;
+    collapsable?: boolean;
+    collapsed?: boolean;
+    openInitially?: boolean;
+    headless?: boolean;
+    class?: string | undefined;
+    header?: import('svelte').Snippet;
+    action?: import('svelte').Snippet;
+    badge?: import('svelte').Snippet;
+    children?: import('svelte').Snippet;
 }
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const Subsection: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    [x: string]: any;
-    label?: string | undefined | undefined;
-    tooltip?: string | undefined | undefined;
-    eeOnly?: boolean | undefined;
-    collapsable?: boolean | undefined;
-    collapsed?: boolean | undefined;
-    headless?: boolean | undefined;
-}, {
-    header: {};
-    action: {};
-    badge: {};
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    header: {};
-    action: {};
-    badge: {};
-    default: {};
-}, {}, string>;
-type Subsection = InstanceType<typeof Subsection>;
+declare const Subsection: import("svelte").Component<Props, {}, "collapsed">;
+type Subsection = ReturnType<typeof Subsection>;
 export default Subsection;

package/package/components/UserSettings.svelte

@@ -27,7 +27,7 @@ function handleTokenCreated(event) {
 }
 </script>
 
-<Drawer bind:this={drawer} size="800px" on:close={removeHash}>
+<Drawer bind:this={drawer} size="900px" on:close={removeHash}>
 	<DrawerContent title="User Settings" on:close={closeDrawer}>
 		<div class="flex flex-col h-full">
 			{#if scopes == undefined}