windmill-components 1.269.0 → 1.269.2

package/package/components/ContentSearch.svelte

@@ -9,8 +9,8 @@ import ToggleButtonGroup from './common/toggleButton-v2/ToggleButtonGroup.svelte
 import ToggleButton from './common/toggleButton-v2/ToggleButton.svelte';
 import FlowIcon from './home/FlowIcon.svelte';
 import { Alert, Button } from './common';
-import { goto } from '$app/navigation';
 import YAML from 'yaml';
+import { createEventDispatcher } from 'svelte';
 let search = '';
 export async function open(nsearch) {
     isOpen = true;
@@ -71,6 +71,7 @@ $: counts =
             flows: getCounts(filteredFlowItems.length),
             scripts: getCounts(filteredScriptItems.length)
         };
+const dispatch = createEventDispatcher();
 </script>
 
 <SearchItems
@@ -261,7 +262,7 @@ $: counts =
 													<div class="flex gap-2">
 														<Button
 															on:click|once={() => {
-																goto(`/scripts/edit/${item.path}?no_draft=true`)
+																dispatch('editScript', item.path)
 															}}
 															color="light"
 															size="sm"
@@ -301,7 +302,7 @@ $: counts =
 													<div class="flex gap-2">
 														<Button
 															on:click|once={() => {
-																goto(`/flows/edit/${item.path}?no_draft=true`)
+																dispatch('editFlow', item.path)
 															}}
 															color="light"
 															size="sm"

package/package/components/ContentSearch.svelte.d.ts

@@ -8,6 +8,9 @@ declare const __propDef: {
         loadFlows?: (() => Promise<void>) | undefined;
     };
     events: {
+        editScript: CustomEvent<any>;
+        editFlow: CustomEvent<any>;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};

package/package/components/DeployWorkspace.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        kind: "flow" | "script" | "app" | "folder" | "resource" | "raw_app" | "schedule" | "variable" | "resource_type";
+        kind: "flow" | "script" | "app" | "folder" | "resource" | "variable" | "schedule" | "raw_app" | "resource_type";
         initialPath?: string | undefined;
         workspaceToDeployTo?: string | undefined;
         hideButton?: boolean | undefined;

package/package/components/DeployWorkspaceDrawer.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        openDrawer?: ((initialPath_l: string, kind_l: "flow" | "script" | "app" | "resource" | "raw_app" | "schedule" | "variable") => Promise<void>) | undefined;
+        openDrawer?: ((initialPath_l: string, kind_l: "flow" | "script" | "app" | "resource" | "variable" | "schedule" | "raw_app") => Promise<void>) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -12,6 +12,6 @@ export type DeployWorkspaceDrawerProps = typeof __propDef.props;
 export type DeployWorkspaceDrawerEvents = typeof __propDef.events;
 export type DeployWorkspaceDrawerSlots = typeof __propDef.slots;
 export default class DeployWorkspaceDrawer extends SvelteComponent<DeployWorkspaceDrawerProps, DeployWorkspaceDrawerEvents, DeployWorkspaceDrawerSlots> {
-    get openDrawer(): (initialPath_l: string, kind_l: "flow" | "script" | "app" | "resource" | "raw_app" | "schedule" | "variable") => Promise<void>;
+    get openDrawer(): (initialPath_l: string, kind_l: "flow" | "script" | "app" | "resource" | "variable" | "schedule" | "raw_app") => Promise<void>;
 }
 export {};

package/package/components/Editor.svelte

@@ -23,7 +23,7 @@ import { createHash as randomHash, editorConfig, langToExt, updateOptions } from
 import { buildWorkerDefinition } from './build_workers';
 import { workspaceStore } from '../stores';
 import { Preview, UserService } from '../gen';
-import { initializeMode } from 'monaco-graphql/esm/initializeMode';
+import { initializeMode } from 'monaco-graphql/esm/initializeMode.js';
 import { sleep } from '../utils';
 import { editorCodeCompletion } from './copilot/completion';
 import { initializeVscode } from './vscode';

package/package/components/EditorBar.svelte

@@ -56,7 +56,8 @@ let showResourceTypePicker = false;
 $: showContextVarPicker = ['python3', 'bash', 'powershell', 'go', 'deno', 'bun'].includes(lang);
 $: showVarPicker = ['python3', 'bash', 'powershell', 'go', 'deno', 'bun'].includes(lang);
 $: showResourcePicker = ['python3', 'bash', 'powershell', 'go', 'deno', 'bun'].includes(lang);
-$: showResourceTypePicker = scriptLangToEditorLang(lang) === 'typescript' || lang === 'python3';
+$: showResourceTypePicker =
+    ['typescript', 'javascript'].includes(scriptLangToEditorLang(lang)) || lang === 'python3';
 let codeViewer;
 let codeObj = undefined;
 function addEditorActions() {

package/package/components/FlowBuilder.svelte

@@ -31,7 +31,6 @@ import FlowTutorials from './FlowTutorials.svelte';
 import { ignoredTutorials } from './tutorials/ignoredTutorials';
 import UnsavedConfirmationModal from './common/confirmationModal/UnsavedConfirmationModal.svelte';
 import { cloneDeep } from 'lodash';
-import { goto } from '$app/navigation';
 export let initialPath = '';
 export let newFlow;
 export let selectedId;
@@ -41,6 +40,8 @@ export let flowStore;
 export let flowStateStore;
 export let savedFlow = undefined;
 export let diffDrawer = undefined;
+export let gotoUrl;
+export let beforeNavigate;
 const dispatch = createEventDispatcher();
 async function createSchedule(path) {
     const { cron, timezone, args, enabled } = $scheduleStore;
@@ -138,12 +139,9 @@ async function saveDraft(forceSave = false) {
                 path: $pathStore
             }
         };
-        if (newFlow) {
+        if (newFlow || (savedFlow?.draft_only && $pathStore !== initialPath)) {
             dispatch('saveInitial', $pathStore);
         }
-        else if (savedFlow?.draft_only && $pathStore !== initialPath) {
-            goto(`/flows/edit/${$pathStore}?selected=${getSelectedId()}`);
-        }
         sendUserToast('Saved as draft');
     }
     catch (error) {
@@ -804,6 +802,8 @@ export function triggerTutorial() {
 <svelte:window on:keydown={onKeyDown} />
 
 <UnsavedConfirmationModal
+	{gotoUrl}
+	{beforeNavigate}
 	{diffDrawer}
 	savedValue={savedFlow}
 	modifiedValue={{

package/package/components/FlowBuilder.svelte.d.ts

@@ -3,6 +3,7 @@ import { type Flow, type OpenFlow } from '../gen';
 import { type Writable } from 'svelte/store';
 import type { FlowState } from './flows/flowState';
 import type DiffDrawer from './DiffDrawer.svelte';
+import type { BeforeNavigate } from './common/confirmationModal/model';
 declare const __propDef: {
     props: {
         initialPath?: string | undefined;
@@ -16,6 +17,8 @@ declare const __propDef: {
             draft?: Flow | undefined;
         }) | undefined;
         diffDrawer?: DiffDrawer | undefined;
+        gotoUrl: ((url: URL) => void) | undefined;
+        beforeNavigate: BeforeNavigate | undefined;
         computeUnlockedSteps?: ((flow: Flow) => {
             [k: string]: string;
         }) | undefined;

package/package/components/InputTransformForm.svelte

@@ -177,7 +177,11 @@ loadResourceTypes();
 								propertyType === 'static' ||
 								arg?.expr?.length > 0}
 							on:showExpr={(e) => {
-								monaco?.setSuggestion(e.detail)
+								setTimeout(() => {
+									if (monaco && propertyType === 'javascript') {
+										monaco.setSuggestion(e.detail)
+									}
+								}, 0)
 							}}
 							on:setExpr={(e) => {
 								arg = {
@@ -357,7 +361,6 @@ loadResourceTypes();
 							focused = false
 						}}
 						autoHeight
-						preventTabOnEmpty={enableAi}
 					/>
 				</div>
 				<DynamicInputHelpBox />

package/package/components/InstanceSettings.svelte

@@ -25,6 +25,9 @@ export let tab = 'Core';
 export let hideTabs = false;
 let values = {};
 let initialOauths = {};
+let initialRequirePreexistingUserForOauth = false;
+let requirePreexistingUserForOauth = false;
+let ssoOrOauth = 'sso';
 let serverConfig = {};
 let initialValues = {};
 loadSettings();
@@ -44,6 +47,9 @@ async function loadSettings() {
         }
     }
     initialOauths = (await SettingService.getGlobal({ key: 'oauths' })) ?? {};
+    requirePreexistingUserForOauth =
+        (await SettingService.getGlobal({ key: 'require_preexisting_user_for_oauth' })) ?? false;
+    initialRequirePreexistingUserForOauth = requirePreexistingUserForOauth;
     oauths = JSON.parse(JSON.stringify(initialOauths));
     initialValues = Object.fromEntries((await Promise.all(Object.entries(settings).map(async ([_, y]) => await Promise.all(y.map(async (x) => [x.key, await getValue(x.key, x.storage)]))))).flat());
     values = JSON.parse(JSON.stringify(initialValues));
@@ -91,6 +97,12 @@ async function saveSettings() {
             });
             initialOauths = JSON.parse(JSON.stringify(oauths));
         }
+        if (initialRequirePreexistingUserForOauth !== requirePreexistingUserForOauth) {
+            await SettingService.setGlobal({
+                key: 'require_preexisting_user_for_oauth',
+                requestBody: { value: requirePreexistingUserForOauth }
+            });
+        }
     }
     else {
         console.error('Values not loaded');
@@ -174,34 +186,121 @@ let licenseKeyChanged = false;
 						{/if}
 					{/if}
 					{#if category == 'SSO/OAuth'}
+						<div>
+							<Tabs bind:selected={ssoOrOauth} class="mt-2 mb-4">
+								<Tab value="sso">SSO</Tab>
+								<Tab value="oauth">OAuth</Tab>
+							</Tabs>
+						</div>
+
 						<div class="mb-6">
-							<h4 class="pb-4">SSO</h4>
-							{#if !$enterpriseLicense || $enterpriseLicense.endsWith('_pro')}
-								<Alert type="warning" title="Limited to 10 SSO users">
-									Without EE, the number of SSO users is limited to 10. SCIM/SAML is available on EE
+							{#if ssoOrOauth === 'sso'}
+								{#if !$enterpriseLicense || $enterpriseLicense.endsWith('_pro')}
+									<Alert type="warning" title="Limited to 10 SSO users">
+										Without EE, the number of SSO users is limited to 10. SCIM/SAML is available on
+										EE
+									</Alert>
+								{/if}
+
+								<div class="py-1" />
+								<Alert type="info" title="Single Sign On">
+									When at least one of the below option is set, users will be able to login to
+									Windmill via their third-party account.
+									<br /> To test SSO, the recommended workflow is to to save the settings and try to
+									login in an incognito window.
 								</Alert>
-							{/if}
+								<div class="flex flex-col gap-2 py-4">
+									<OAuthSetting name="google" bind:value={oauths['google']} />
+									<OAuthSetting name="microsoft" bind:value={oauths['microsoft']} />
+									<OktaSetting bind:value={oauths['okta']} />
+									<OAuthSetting name="github" bind:value={oauths['github']} />
+									<OAuthSetting name="gitlab" bind:value={oauths['gitlab']} />
+									<OAuthSetting name="jumpcloud" bind:value={oauths['jumpcloud']} />
+									<KeycloakSetting bind:value={oauths['keycloak']} />
+									<AuthentikSetting bind:value={oauths['authentik']} />
+									<AutheliaSetting bind:value={oauths['authelia']} />
+									<KanidmSetting bind:value={oauths['kanidm']} />
+									<ZitadelSetting bind:value={oauths['zitadel']} />
+									{#each Object.keys(oauths) as k}
+										{#if !['authelia', 'authentik', 'google', 'microsoft', 'github', 'gitlab', 'jumpcloud', 'okta', 'keycloak', 'slack', 'kanidm', 'zitadel'].includes(k) && 'login_config' in oauths[k]}
+											{#if oauths[k]}
+												<div class="flex flex-col gap-2 pb-4">
+													<div class="flex flex-row items-center gap-2">
+														<label class="text-md font-medium text-primary">{k}</label>
+														<CloseButton
+															on:close={() => {
+																delete oauths[k]
+																oauths = { ...oauths }
+															}}
+														/>
+													</div>
+													<div class="p-2 border rounded">
+														<label class="block pb-2">
+															<span class="text-primary font-semibold text-sm">Client Id</span>
+															<input
+																type="text"
+																placeholder="Client Id"
+																bind:value={oauths[k]['id']}
+															/>
+														</label>
+														<label class="block pb-2">
+															<span class="text-primary font-semibold text-sm">Client Secret</span>
+															<input
+																type="text"
+																placeholder="Client Secret"
+																bind:value={oauths[k]['secret']}
+															/>
+														</label>
+														{#if !windmillBuiltins.includes(k) && k != 'slack'}
+															<CustomSso bind:login_config={oauths[k]['login_config']} />
+														{/if}
+													</div>
+												</div>
+											{/if}
+										{/if}
+									{/each}
+								</div>
+								<div class="flex gap-2 py-4">
+									<input type="text" placeholder="client_id" bind:value={clientName} />
+									<Button
+										variant="border"
+										color="blue"
+										hover="yo"
+										size="sm"
+										endIcon={{ icon: Plus }}
+										disabled={clientName == ''}
+										on:click={() => {
+											oauths[clientName] = { id: '', secret: '', login_config: {} }
+											clientName = ''
+										}}
+									>
+										Add custom SSO client {!$enterpriseLicense ? '(requires ee)' : ''}
+									</Button>
+								</div>
+								<div class="flex gap-2 py-4">
+									<Toggle
+										options={{
+											right:
+												'Require users to have been added manually to windmill to sign in through OAuth'
+										}}
+										bind:checked={requirePreexistingUserForOauth}
+									/>
+								</div>
+							{:else if ssoOrOauth === 'oauth'}
+								<Alert type="info" title="OAuth Resources">
+									When one of the below option is set, you will be able to create a specific
+									resource containing a token automatically generated by the third-party provider.
+									<br />
+									To test it after setting an oauth client, go to the Resources menu and create a new
+									one of the type of your oauth client (i.e. a 'github' resource if you set Github OAuth).
+								</Alert>
+								<div class="py-1" />
+								<OAuthSetting login={false} name="slack" bind:value={oauths['slack']} />
+								<div class="py-1" />
 
-							<div class="py-1" />
-							<Alert type="info" title="Test on a separate tab">
-								The recommended workflow is to to save your oauth setting and test them directly on
-								the login or resource page
-							</Alert>
-							<div class="flex flex-col gap-2 py-4">
-								<OAuthSetting name="google" bind:value={oauths['google']} />
-								<OAuthSetting name="microsoft" bind:value={oauths['microsoft']} />
-								<OktaSetting bind:value={oauths['okta']} />
-								<OAuthSetting name="github" bind:value={oauths['github']} />
-								<OAuthSetting name="gitlab" bind:value={oauths['gitlab']} />
-								<OAuthSetting name="jumpcloud" bind:value={oauths['jumpcloud']} />
-								<KeycloakSetting bind:value={oauths['keycloak']} />
-								<AuthentikSetting bind:value={oauths['authentik']} />
-								<AutheliaSetting bind:value={oauths['authelia']} />
-								<KanidmSetting bind:value={oauths['kanidm']} />
-								<ZitadelSetting bind:value={oauths['zitadel']} />
 								{#each Object.keys(oauths) as k}
-									{#if !['authelia', 'authentik', 'google', 'microsoft', 'github', 'gitlab', 'jumpcloud', 'okta', 'keycloak', 'slack', 'kanidm', 'zitadel'].includes(k) && 'login_config' in oauths[k]}
-										{#if oauths[k]}
+									{#if !('login_config' in oauths[k])}
+										{#if !['slack'].includes(k) && oauths[k]}
 											<div class="flex flex-col gap-2 pb-4">
 												<div class="flex flex-row items-center gap-2">
 													<label class="text-md font-medium text-primary">{k}</label>
@@ -230,108 +329,48 @@ let licenseKeyChanged = false;
 														/>
 													</label>
 													{#if !windmillBuiltins.includes(k) && k != 'slack'}
-														<CustomSso bind:login_config={oauths[k]['login_config']} />
+														<CustomOauth bind:connect_config={oauths[k]['connect_config']} />
 													{/if}
 												</div>
 											</div>
 										{/if}
 									{/if}
 								{/each}
-							</div>
-							<div class="flex gap-2">
-								<input type="text" placeholder="client_id" bind:value={clientName} />
-								<Button
-									variant="border"
-									color="blue"
-									hover="yo"
-									size="sm"
-									endIcon={{ icon: Plus }}
-									disabled={clientName == ''}
-									on:click={() => {
-										oauths[clientName] = { id: '', secret: '', login_config: {} }
-										clientName = ''
-									}}
-								>
-									Add custom SSO client {!$enterpriseLicense ? '(requires ee)' : ''}
-								</Button>
-							</div>
-							<h4 class="py-4">OAuth</h4>
-							<Alert type="info" title="Require a corresponding resource type">
-								After setting an oauth client, make sure that there is a corresponding resource type
-								with the same name with a "token" field in the admins workspace.
-							</Alert>
-							<div class="py-1" />
-							<OAuthSetting login={false} name="slack" bind:value={oauths['slack']} />
-							<div class="py-1" />
 
-							{#each Object.keys(oauths) as k}
-								{#if !['authelia', 'authentik', 'google', 'microsoft', 'github', 'gitlab', 'jumpcloud', 'okta', 'keycloak', 'slack', 'kanidm', 'zitadel'].includes(k) && !('login_config' in oauths[k])}
-									{#if oauths[k]}
-										<div class="flex flex-col gap-2 pb-4">
-											<div class="flex flex-row items-center gap-2">
-												<label class="text-md font-medium text-primary">{k}</label>
-												<CloseButton
-													on:close={() => {
-														delete oauths[k]
-														oauths = { ...oauths }
-													}}
-												/>
-											</div>
-											<div class="p-2 border rounded">
-												<label class="block pb-2">
-													<span class="text-primary font-semibold text-sm">Client Id</span>
-													<input type="text" placeholder="Client Id" bind:value={oauths[k]['id']} />
-												</label>
-												<label class="block pb-2">
-													<span class="text-primary font-semibold text-sm">Client Secret</span>
-													<input
-														type="text"
-														placeholder="Client Secret"
-														bind:value={oauths[k]['secret']}
-													/>
-												</label>
-												{#if !windmillBuiltins.includes(k) && k != 'slack'}
-													<CustomOauth bind:connect_config={oauths[k]['connect_config']} />
-												{/if}
-											</div>
-										</div>
+								<div class="flex gap-2">
+									<select name="oauth_name" id="oauth_name" bind:value={oauth_name}>
+										<option value={undefined}>Select an OAuth client</option>
+										<option value="custom">Fully Custom (requires ee)</option>
+										{#each windmillBuiltins as name}
+											<option value={name}>{capitalize(name)}</option>
+										{/each}
+									</select>
+									{#if oauth_name == 'custom'}
+										<input type="text" placeholder="client_id" bind:value={resourceName} />
+									{:else}
+										<input type="text" value={oauth_name ?? ''} disabled />
 									{/if}
-								{/if}
-							{/each}
-
-							<div class="flex gap-2">
-								<select name="oauth_name" id="oauth_name" bind:value={oauth_name}>
-									<option value={undefined}>Select an OAuth client</option>
-									<option value="custom">Fully Custom (requires ee)</option>
-									{#each windmillBuiltins as name}
-										<option value={name}>{capitalize(name)}</option>
-									{/each}
-								</select>
-								{#if oauth_name == 'custom'}
-									<input type="text" placeholder="client_id" bind:value={resourceName} />
-								{:else}
-									<input type="text" value={oauth_name ?? ''} disabled />
-								{/if}
-								<Button
-									variant="border"
-									color="blue"
-									hover="yo"
-									size="sm"
-									endIcon={{ icon: Plus }}
-									disabled={!oauth_name ||
-										(oauth_name == 'custom' && resourceName == '') ||
-										(oauth_name == 'custom' && !$enterpriseLicense)}
-									on:click={() => {
-										let name = oauth_name == 'custom' ? resourceName : oauth_name
-										oauths[name ?? ''] = { id: '', secret: '' }
-										resourceName = ''
-									}}
-								>
-									Add OAuth client {oauth_name == 'custom' && !$enterpriseLicense
-										? '(requires ee)'
-										: ''}
-								</Button>
-							</div>
+									<Button
+										variant="border"
+										color="blue"
+										hover="yo"
+										size="sm"
+										endIcon={{ icon: Plus }}
+										disabled={!oauth_name ||
+											(oauth_name == 'custom' && resourceName == '') ||
+											(oauth_name == 'custom' && !$enterpriseLicense)}
+										on:click={() => {
+											let name = oauth_name == 'custom' ? resourceName : oauth_name
+											oauths[name ?? ''] = { id: '', secret: '' }
+											resourceName = ''
+										}}
+									>
+										Add OAuth client {oauth_name == 'custom' && !$enterpriseLicense
+											? '(requires ee)'
+											: ''}
+									</Button>
+								</div>
+							{/if}
 						</div>
 					{/if}
 					<div>

package/package/components/JobArgs.svelte

@@ -9,7 +9,6 @@ import Cell from './table/Cell.svelte';
 import Head from './table/Head.svelte';
 import Row from './table/Row.svelte';
 export let args;
-export let tableClass = '';
 let jsonViewer;
 let runLocally;
 let jsonStr = '';

package/package/components/JobArgs.svelte.d.ts

@@ -2,7 +2,6 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         args: any;
-        tableClass?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package/components/MoveDrawer.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        openDrawer?: ((initialPath_l: string, summary_l: string | undefined, kind_l: "flow" | "script" | "app" | "resource" | "raw_app" | "schedule" | "variable") => Promise<void>) | undefined;
+        openDrawer?: ((initialPath_l: string, summary_l: string | undefined, kind_l: "flow" | "script" | "app" | "resource" | "variable" | "schedule" | "raw_app") => Promise<void>) | undefined;
     };
     events: {
         update: CustomEvent<any>;
@@ -14,6 +14,6 @@ export type MoveDrawerProps = typeof __propDef.props;
 export type MoveDrawerEvents = typeof __propDef.events;
 export type MoveDrawerSlots = typeof __propDef.slots;
 export default class MoveDrawer extends SvelteComponent<MoveDrawerProps, MoveDrawerEvents, MoveDrawerSlots> {
-    get openDrawer(): (initialPath_l: string, summary_l: string | undefined, kind_l: "flow" | "script" | "app" | "resource" | "raw_app" | "schedule" | "variable") => Promise<void>;
+    get openDrawer(): (initialPath_l: string, summary_l: string | undefined, kind_l: "flow" | "script" | "app" | "resource" | "variable" | "schedule" | "raw_app") => Promise<void>;
 }
 export {};

package/package/components/Path.svelte

@@ -17,6 +17,7 @@ import Required from './Required.svelte';
 import Tooltip from './Tooltip.svelte';
 import { Eye, Folder, Plus, SearchCode, User } from 'lucide-svelte';
 import ContentSearch from './ContentSearch.svelte';
+import { goto } from '$app/navigation';
 let meta = undefined;
 export let fullNamePlaceholder = undefined;
 export let namePlaceholder = '';
@@ -237,7 +238,11 @@ let contentSearch;
 </script>
 
 {#if kind != 'app' && kind != 'schedule' && initialPath != '' && initialPath != undefined}
-	<ContentSearch bind:this={contentSearch} />
+	<ContentSearch
+		on:editScript={(e) => goto(`/scripts/edit/${e.detail}?no_draft=true`)}
+		on:editFlow={(e) => goto(`/flows/edit/${e.detail}?no_draft=true`)}
+		bind:this={contentSearch}
+	/>
 {/if}
 
 <Drawer bind:this={newFolder}>

package/package/components/Path.svelte.d.ts

@@ -10,7 +10,7 @@ declare const __propDef: {
         checkInitialPathExistence?: boolean | undefined;
         autofocus?: boolean | undefined;
         dirty?: boolean | undefined;
-        kind: "flow" | "script" | "app" | "resource" | "raw_app" | "schedule" | "variable";
+        kind: "flow" | "script" | "app" | "resource" | "variable" | "schedule" | "raw_app";
         focus?: (() => void) | undefined;
         setName?: ((x: string) => void) | undefined;
         reset?: (() => Promise<void>) | undefined;

package/package/components/ScriptBuilder.svelte

@@ -1,5 +1,4 @@
 <script>import { DraftService, NewScript, Script, ScriptService } from '../gen';
-import { goto } from '$app/navigation';
 import { page } from '$app/stores';
 import { inferArgs } from '../infer';
 import { initialCode } from '../script_helpers';
@@ -29,6 +28,7 @@ import Label from './Label.svelte';
 import { cloneDeep } from 'lodash';
 import WorkerTagPicker from './WorkerTagPicker.svelte';
 import MetadataGen from './copilot/MetadataGen.svelte';
+import { beforeNavigate, goto } from '$app/navigation';
 export let script;
 export let initialPath = '';
 export let template = 'script';
@@ -313,7 +313,13 @@ let selectedTab = 'metadata';
 </script>
 
 <svelte:window on:keydown={onKeyDown} />
-<UnsavedConfirmationModal {diffDrawer} savedValue={savedScript} modifiedValue={script} />
+<UnsavedConfirmationModal
+	gotoUrl={goto}
+	{beforeNavigate}
+	{diffDrawer}
+	savedValue={savedScript}
+	modifiedValue={script}
+/>
 
 {#if !$userStore?.operator}
 	<Drawer placement="right" bind:open={metadataOpen} size="800px">

package/package/components/ScriptEditor.svelte

@@ -138,7 +138,7 @@ export async function setCollaborationMode() {
         name: $userStore?.username
     });
     function setPeers() {
-        peers = Array.from(awareness.getStates().values()).map((x) => x.user);
+        peers = Array.from(awareness.getStates().values()).map((x) => x?.['user']);
     }
     setPeers();
     // You can observe when a user updates their awareness information

package/package/components/ShareModal.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        openDrawer?: ((newPath: string, kind_l: "flow" | "script" | "app" | "resource" | "raw_app" | "group_" | "schedule" | "variable") => Promise<void>) | undefined;
+        openDrawer?: ((newPath: string, kind_l: "flow" | "script" | "app" | "resource" | "variable" | "schedule" | "raw_app" | "group_") => Promise<void>) | undefined;
     };
     events: {
         change: CustomEvent<any>;
@@ -14,6 +14,6 @@ export type ShareModalProps = typeof __propDef.props;
 export type ShareModalEvents = typeof __propDef.events;
 export type ShareModalSlots = typeof __propDef.slots;
 export default class ShareModal extends SvelteComponent<ShareModalProps, ShareModalEvents, ShareModalSlots> {
-    get openDrawer(): (newPath: string, kind_l: "flow" | "script" | "app" | "resource" | "raw_app" | "group_" | "schedule" | "variable") => Promise<void>;
+    get openDrawer(): (newPath: string, kind_l: "flow" | "script" | "app" | "resource" | "variable" | "schedule" | "raw_app" | "group_") => Promise<void>;
 }
 export {};

package/package/components/SupabaseConnect.svelte

@@ -38,9 +38,14 @@ let description = '';
 let pathError = '';
 let password = '';
 let path = undefined;
+/**
+ * https://github.com/orgs/supabase/discussions/17817
+ * host is in the format of `aws-0-${region}.pooler.supabase.com`
+ * user is in the format of `postgres.${id}`
+ */
 $: resourceValue = {
-    host: selectedDatabase?.database?.host,
-    user: 'postgres',
+    host: `aws-0-${selectedDatabase?.region}.pooler.supabase.com`,
+    user: `postgres.${selectedDatabase?.id}`,
     port: 5432,
     dbname: 'postgres',
     sslmode: 'prefer',

package/package/components/apps/components/display/AppScatterChart.svelte

@@ -1,13 +1,13 @@
 <script>import zoomPlugin from 'chartjs-plugin-zoom';
 import { Chart as ChartJS, Title, Tooltip, Legend, LineElement, LinearScale, PointElement, CategoryScale, BarElement } from 'chart.js';
 import RunnableWrapper from '../helpers/RunnableWrapper.svelte';
-import Scatter from 'svelte-chartjs/Scatter.svelte';
 import InputValue from '../helpers/InputValue.svelte';
 import { initCss } from '../../utils';
 import { getContext } from 'svelte';
 import { initOutput } from '../../editor/appUtils';
 import { twMerge } from 'tailwind-merge';
 import ResolveStyle from '../helpers/ResolveStyle.svelte';
+import { Scatter } from 'svelte-chartjs';
 export let id;
 export let componentInput;
 export let configuration;

package/package/components/apps/components/helpers/RunnableComponent.svelte

@@ -36,6 +36,7 @@ export let errorHandledByComponent = false;
 export let hideRefreshButton = false;
 export let hasChildrens;
 export let allowConcurentRequests = false;
+export let noInitialize = false;
 const { worldStore, runnableComponents, workspace, appPath, isEditor, jobs, jobsById, noBackend, errorByComponent, mode, stateId, state, componentControl, initialized, selectedComponent, app, connectingInput, bgRuns } = getContext('AppViewerContext');
 const editorContext = getContext('AppEditorContext');
 const iterContext = getContext('ListWrapperContext');
@@ -414,7 +415,7 @@ onMount(() => {
         refreshOnStart: refreshOnStart,
         cb: [...($runnableComponents[id]?.cb ?? []), cancellableRun]
     };
-    if (!$initialized.initializedComponents.includes(id)) {
+    if (!noInitialize && !$initialized.initializedComponents.includes(id)) {
         $initialized.initializedComponents = [...$initialized.initializedComponents, id];
     }
 });

package/package/components/apps/components/helpers/RunnableComponent.svelte.d.ts

@@ -32,6 +32,7 @@ declare const __propDef: {
         hideRefreshButton?: boolean | undefined;
         hasChildrens: boolean;
         allowConcurentRequests?: boolean | undefined;
+        noInitialize?: boolean | undefined;
         setArgs?: ((value: any) => void) | undefined;
         invalidate?: ((key: string, error: string) => void) | undefined;
         validate?: ((key: string) => void) | undefined;

package/package/components/apps/components/helpers/RunnableWrapper.svelte

@@ -165,6 +165,7 @@ export async function handleSideEffect(success, errorMessage) {
 	<slot />
 {:else if componentInput.type === 'runnable' && isRunnableDefined(componentInput)}
 	<RunnableComponent
+		{noInitialize}
 		{allowConcurentRequests}
 		{refreshOnStart}
 		{extraKey}

package/package/components/apps/components/inputs/AppCheckbox.svelte

@@ -29,6 +29,9 @@ let value = resolvedConfig.defaultValue ?? false;
 $componentControl[id] = {
     setValue(nvalue) {
         value = nvalue;
+        if (recomputeIds) {
+            recomputeIds.forEach((id) => $runnableComponents?.[id]?.cb?.forEach((cb) => cb()));
+        }
     }
 };
 if (controls) {
@@ -47,13 +50,13 @@ function handleInput() {
     if (rowContext && rowInputs) {
         rowInputs.set(id, value);
     }
-    if (recomputeIds) {
-        recomputeIds.forEach((id) => $runnableComponents?.[id]?.cb?.forEach((cb) => cb()));
-    }
 }
 function handleDefault() {
     value = resolvedConfig.defaultValue ?? false;
     handleInput();
+    if (recomputeIds) {
+        recomputeIds.forEach((id) => $runnableComponents?.[id]?.cb?.forEach((cb) => cb()));
+    }
 }
 onDestroy(() => {
     listInputs?.remove(id);
@@ -104,6 +107,9 @@ let css = initCss($app.css?.checkboxcomponent, customCss);
 		on:change={(e) => {
 			preclickAction?.()
 			value = e.detail
+			if (recomputeIds) {
+				recomputeIds.forEach((id) => $runnableComponents?.[id]?.cb?.forEach((cb) => cb()))
+			}
 		}}
 		disabled={resolvedConfig.disabled}
 	/>

package/package/components/apps/editor/AppEditorHeader.svelte

@@ -1,4 +1,4 @@
-<script>import { goto } from '$app/navigation';
+<script>import { beforeNavigate, goto } from '$app/navigation';
 import { page } from '$app/stores';
 import { Alert, Badge, Drawer, DrawerContent, Kbd, Tab, Tabs, UndoRedo } from '../../common';
 import Button from '../../common/button/Button.svelte';
@@ -564,6 +564,8 @@ let appReportingDrawerOpen = false;
 <TestJobLoader bind:this={testJobLoader} bind:isLoading={testIsLoading} bind:job />
 
 <UnsavedConfirmationModal
+	gotoUrl={goto}
+	{beforeNavigate}
 	{diffDrawer}
 	savedValue={savedApp}
 	modifiedValue={{

package/package/components/apps/editor/appUtils.js

@@ -350,7 +350,18 @@ export function getAllSubgridsAndComponentIds(app, component) {
     return [subgrids, components];
 }
 export function getAllGridItems(app) {
-    return app.grid.concat(Object.values(app.subgrids ?? {}).flat());
+    return app.grid
+        .concat(Object.values(app.subgrids ?? {}).flat())
+        .map((x) => {
+        if (x?.data?.type === 'tablecomponent') {
+            return [x, ...x?.data?.actionButtons?.map((x) => ({ data: x, id: x.id }))];
+        }
+        else if (x?.data?.type === 'menucomponent') {
+            return [x, ...x?.data?.menuItems?.map((x) => ({ data: x, id: x.id }))];
+        }
+        return [x];
+    })
+        .flat();
 }
 export function deleteGridItem(app, component, parent) {
     let [subgrids, components] = getAllSubgridsAndComponentIds(app, component);

package/package/components/apps/editor/settingsPanel/TableActions.svelte

@@ -35,7 +35,7 @@ function deleteComponent(cid) {
 		<div
 			class={classNames(
 				'w-full text-xs font-bold gap-1 truncate py-1.5 px-2 cursor-pointer transition-all justify-between flex items-center border border-gray-3 rounded-md',
-				'bg-surface hover:bg-tertiary focus:border-primary text-secondary',
+				'bg-surface hover:bg-surface-hover focus:border-primary text-secondary',
 				$selectedComponent?.includes(component.id) ? 'outline outline-blue-500 bg-red-400' : ''
 			)}
 			on:click={() => {

package/package/components/apps/editor/settingsPanel/inputEditor/ColorInput.svelte

@@ -28,9 +28,8 @@ function open() {
 			bind:isOpen
 			bind:hex={value}
 			label={value}
-			canChangeMode={false}
 			components={ChromeVariant}
-			toRight
+			sliderDirection="horizontal"
 			--focus-color="#e0e7ff"
 		/>
 	</div>

package/package/components/build_workers.js

@@ -1,8 +1,3 @@
-import cssWorker from 'monaco-editor/esm/vs/language/css/css.worker?worker';
-import tsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker';
-import htmlWorker from 'monaco-editor/esm/vs/language/html/html.worker?worker';
-import jsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker';
-import editorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker';
 export function buildWorkerDefinition(workerPath, basePath, useModuleWorker) {
     const monWin = self;
     const workerOverrideGlobals = {
@@ -22,23 +17,31 @@ export function buildWorkerDefinition(workerPath, basePath, useModuleWorker) {
     }
     const monEnv = monWin.MonacoEnvironment;
     monEnv.workerOverrideGlobals = workerOverrideGlobals;
+    const buildWorker = (globals, label, workerName, editorType) => {
+        globals.workerOptions.name = label;
+        const workerFilename = globals.workerOptions.type === 'module' ? `${workerName}-es.js` : `${workerName}-iife.js`;
+        const workerPathLocal = `${globals.workerPath}/../node_modules/monaco-editor-workers/dist/workers/${workerFilename}`;
+        const workerUrl = new URL(workerPathLocal, globals.basePath);
+        console.log(`${editorType}: url: ${workerUrl.href} created from basePath: ${globals.basePath} and file: ${workerPathLocal}`);
+        return new Worker(workerUrl.href, globals.workerOptions);
+    };
     const getWorker = (_, label) => {
         console.log('getWorker: workerId: ' + _ + ' label: ' + label);
         switch (label) {
             case 'template':
             case 'typescript':
             case 'javascript':
-                return new tsWorker();
+                return buildWorker(workerOverrideGlobals, label, 'tsWorker', 'TS Worker');
             case 'html':
             case 'handlebars':
             case 'razor':
-                return new htmlWorker();
+                return buildWorker(workerOverrideGlobals, label, 'htmlWorker', 'HTML Worker');
             case 'css':
             case 'scss':
             case 'less':
-                return new cssWorker();
+                return buildWorker(workerOverrideGlobals, label, 'cssWorker', 'CSS Worker');
             case 'json':
-                return new jsonWorker();
+                return buildWorker(workerOverrideGlobals, label, 'jsonWorker', 'JSON Worker');
             case 'graphql':
                 const workerFilename = `graphql.worker.bundle.js`;
                 const workerPathLocal = `${workerOverrideGlobals.workerPath}/${workerFilename}`;
@@ -47,7 +50,7 @@ export function buildWorkerDefinition(workerPath, basePath, useModuleWorker) {
                     name: label
                 });
             default:
-                return new editorWorker();
+                return buildWorker(workerOverrideGlobals, label, 'editorWorker', 'Editor Worker');
         }
     };
     monWin.MonacoEnvironment.getWorker = getWorker;

package/package/components/common/confirmationModal/UnsavedConfirmationModal.svelte

@@ -1,15 +1,16 @@
 <script>import ConfirmationModal from './ConfirmationModal.svelte';
-import { beforeNavigate, goto } from '$app/navigation';
 import Button from '../button/Button.svelte';
 import { cleanValueProperties, orderedJsonStringify } from '../../../utils';
 import { tick } from 'svelte';
 export let savedValue = undefined;
 export let modifiedValue = undefined;
 export let diffDrawer = undefined;
+export let gotoUrl;
+export let beforeNavigate;
 let bypassBeforeNavigate = false;
 let open = false;
 let goingTo = undefined;
-beforeNavigate(async (newNavigationState) => {
+beforeNavigate?.(async (newNavigationState) => {
     if (!bypassBeforeNavigate &&
         newNavigationState.to &&
         newNavigationState.to.url.pathname !== newNavigationState.from?.url.pathname) {
@@ -21,7 +22,10 @@ beforeNavigate(async (newNavigationState) => {
             const current = cleanValueProperties(modifiedValue);
             if (orderedJsonStringify(draftOrDeployed) === orderedJsonStringify(current)) {
                 bypassBeforeNavigate = true;
-                goto(goingTo);
+                if (!gotoUrl) {
+                    console.error('gotoUrl is not defined');
+                }
+                gotoUrl?.(goingTo);
             }
             else {
                 open = true;
@@ -47,7 +51,10 @@ beforeNavigate(async (newNavigationState) => {
 	on:confirmed={() => {
 		if (goingTo) {
 			bypassBeforeNavigate = true
-			goto(goingTo)
+			if (!gotoUrl) {
+				console.error('gotoUrl is not defined')
+			}
+			gotoUrl?.(goingTo)
 		}
 	}}
 >
@@ -76,7 +83,7 @@ beforeNavigate(async (newNavigationState) => {
 							onClick: () => {
 								if (goingTo) {
 									bypassBeforeNavigate = true
-									goto(goingTo)
+									gotoUrl?.(goingTo)
 								}
 							}
 						}

package/package/components/common/confirmationModal/UnsavedConfirmationModal.svelte.d.ts

@@ -1,11 +1,14 @@
 import { SvelteComponent } from "svelte";
 import type DiffDrawer from '../../DiffDrawer.svelte';
 import { type Value } from '../../../utils';
+import type { BeforeNavigate } from './model';
 declare const __propDef: {
     props: {
         savedValue?: Value | undefined;
         modifiedValue?: Value | undefined;
         diffDrawer?: DiffDrawer | undefined;
+        gotoUrl: ((url: URL) => void) | undefined;
+        beforeNavigate: BeforeNavigate | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package/components/common/confirmationModal/model.d.ts

@@ -0,0 +1,9 @@
+export type BeforeNavigate = (callback: (newNavigationState: {
+    to: {
+        url: URL;
+    } | null;
+    from: {
+        url: URL;
+    } | null;
+    cancel: () => void;
+}) => void) => void;

package/package/components/common/confirmationModal/model.js

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

package/package/components/common/fileDownload/FileDownload.svelte

@@ -4,8 +4,8 @@ export let s3object;
 </script>
 
 <a
-	class="relative center-center flex w-full text-center font-medium text-tertiary
-border-2 border-dashed border-gray-400 hover:border-blue-500
+	class="relative center-center flex w-full text-center font-normal text-tertiary text-sm
+border border-dashed border-gray-400 hover:border-blue-500
 focus-within:border-blue-500 hover:bg-blue-50 dark:hover:bg-frost-900 focus-within:bg-blue-50
 duration-200 rounded-lg p-1 gap-2"
 	href={`/api/w/${$workspaceStore}/job_helpers/download_s3_file?file_key=${s3object?.s3}`}

package/package/components/common/fileInput/FileInput.svelte

@@ -90,7 +90,7 @@ async function dispatchChange() {
 <button
 	class={twMerge(
 		`relative center-center flex-col text-center font-medium text-tertiary 
-		border-2 border-dashed border-gray-400 hover:border-blue-500 
+		border border-dashed border-gray-400 hover:border-blue-500 
 		focus-within:border-blue-500 hover:bg-blue-50 dark:hover:bg-frost-900 focus-within:bg-blue-50 
 		duration-200 rounded-lg p-1`,
 		c

package/package/components/copilot/lib.d.ts

@@ -3,7 +3,7 @@ import { OpenAI } from 'openai';
 import { Script } from '../../gen';
 import type { Writable } from 'svelte/store';
 import type { DBSchema } from '../../stores';
-import type { ChatCompletionMessageParam } from 'openai/resources/chat';
+import type { ChatCompletionMessageParam } from 'openai/resources/index.mjs';
 export declare const SUPPORTED_LANGUAGES: Set<string>;
 declare class WorkspacedOpenai {
     private client;
@@ -37,8 +37,8 @@ interface FixScriptOpions extends BaseOptions {
 }
 type CopilotOptions = ScriptGenerationOptions | EditScriptOptions | FixScriptOpions;
 export declare function addResourceTypes(scriptOptions: CopilotOptions, prompt: string): Promise<string>;
-export declare function getNonStreamingCompletion(messages: ChatCompletionMessageParam[], abortController: AbortController, model?: (string & {}) | "gpt-4-1106-preview" | "gpt-4-vision-preview" | "gpt-4" | "gpt-4-0314" | "gpt-4-0613" | "gpt-4-32k" | "gpt-4-32k-0314" | "gpt-4-32k-0613" | "gpt-3.5-turbo-1106" | "gpt-3.5-turbo" | "gpt-3.5-turbo-16k" | "gpt-3.5-turbo-0301" | "gpt-3.5-turbo-0613" | "gpt-3.5-turbo-16k-0613", noCache?: boolean): Promise<string>;
-export declare function getCompletion(messages: ChatCompletionMessageParam[], abortController: AbortController, model?: (string & {}) | "gpt-4-1106-preview" | "gpt-4-vision-preview" | "gpt-4" | "gpt-4-0314" | "gpt-4-0613" | "gpt-4-32k" | "gpt-4-32k-0314" | "gpt-4-32k-0613" | "gpt-3.5-turbo-1106" | "gpt-3.5-turbo" | "gpt-3.5-turbo-16k" | "gpt-3.5-turbo-0301" | "gpt-3.5-turbo-0613" | "gpt-3.5-turbo-16k-0613"): Promise<import("openai/streaming").Stream<OpenAI.Chat.Completions.ChatCompletionChunk>>;
+export declare function getNonStreamingCompletion(messages: ChatCompletionMessageParam[], abortController: AbortController, model?: any, noCache?: boolean): Promise<string>;
+export declare function getCompletion(messages: ChatCompletionMessageParam[], abortController: AbortController, model?: any): Promise<OpenAI.Chat.Completions.ChatCompletion>;
 export declare function copilot(scriptOptions: CopilotOptions, generatedCode: Writable<string>, abortController: AbortController, generatedExplanation?: Writable<string>): Promise<string>;
 export declare function deltaCodeCompletion(messages: ChatCompletionMessageParam[], generatedCodeDelta: Writable<string>, abortController: AbortController): Promise<string>;
 export {};

package/package/components/graph/svelvet/types/index.d.ts

@@ -1,2 +1,2 @@
 import type { UserEdgeType, UserNodeType } from './types';
-export { UserEdgeType, UserNodeType };
+export type { UserEdgeType, UserNodeType };

package/package/components/graph/svelvet/types/index.js

@@ -1 +1 @@
-export { UserEdgeType, UserNodeType };
+export {};

package/package/components/home/ItemsList.svelte

@@ -22,6 +22,7 @@ import HighlightCode from '../HighlightCode.svelte';
 import DrawerContent from '../common/drawer/DrawerContent.svelte';
 import Item from './Item.svelte';
 import TreeViewRoot from './TreeViewRoot.svelte';
+import { goto } from '$app/navigation';
 let scripts;
 let flows;
 let apps;
@@ -230,7 +231,11 @@ let collapseAll = true;
 	</DrawerContent>
 </Drawer>
 
-<ContentSearch bind:this={contentSearch} />
+<ContentSearch
+	on:editScript={(e) => goto(`/scripts/edit/${e.detail}?no_draft=true`)}
+	on:editFlow={(e) => goto(`/flows/edit/${e.detail}?no_draft=true`)}
+	bind:this={contentSearch}
+/>
 <CenteredPage>
 	<div class="flex flex-wrap gap-2 items-center justify-between w-full mt-2">
 		<div class="flex justify-start">

package/package/components/instanceSettings.js

@@ -75,14 +75,7 @@ export const settings = {
             ee_only: ''
         }
     ],
-    'SSO/OAuth': [
-        {
-            label: 'Require users to have been added manually to windmill to sign in through OAuth',
-            key: 'require_preexisting_user_for_oauth',
-            fieldType: 'boolean',
-            storage: 'setting'
-        }
-    ],
+    'SSO/OAuth': [],
     Registries: [
         {
             label: 'Pip Extra Index Url',

package/package/components/jobs/JobPreview.svelte

@@ -99,7 +99,7 @@ onDestroy(() => {
 				{/if}
 			</div>
 			<div class="w-1/2 h-full overflow-auto">
-				<JobArgs args={job?.args} tableClass="!pt-0 !min-w-0 !block" />
+				<JobArgs args={job?.args} />
 			</div>
 			<div class="w-1/2 h-full overflow-auto p-2">
 				{#if job && 'scheduled_for' in job && !job.running && job.scheduled_for && forLater(job.scheduled_for)}

package/package/components/sidebar/MultiplayerMenu.svelte

@@ -26,7 +26,7 @@ function connectWorkspace(workspace) {
     }
     setPeers();
     // You can observe when a user updates their awareness information
-    awareness.on('change', (changes) => {
+    awareness?.on('change', (changes) => {
         setPeers();
     });
 }

package/package/components/table/AutoDataTable.svelte

@@ -118,18 +118,24 @@ function isSortable(key) {
 					color="light"
 					startIcon={{ icon: Download }}
 					on:click={() => {
-						const csv = structuredObjects
-							.filter(({ _id }) => {
-								if (selection.length > 0) {
-									return selection.includes(_id)
-								} else {
-									return true
-								}
-							})
-							.map(({ rowData }) => Object.values(rowData).join(','))
-							.join('\n')
+						const headers =
+							structuredObjects.length > 0
+								? Object.keys(structuredObjects[0].rowData).join(',')
+								: ''
+						const csvContent = [
+							headers, // Add headers as the first row
+							...structuredObjects
+								.filter(({ _id }) => {
+									if (selection.length > 0) {
+										return selection.includes(_id)
+									} else {
+										return true
+									}
+								})
+								.map(({ rowData }) => Object.values(rowData).join(','))
+						].join('\n')
 
-						const blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' })
+						const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' })
 						const url = URL.createObjectURL(blob)
 						const link = document.createElement('a')
 						link.setAttribute('href', url)

package/package/gen/core/OpenAPI.js

@@ -1,6 +1,6 @@
 export const OpenAPI = {
     BASE: '/api',
-    VERSION: '1.268.0',
+    VERSION: '1.269.0',
     WITH_CREDENTIALS: false,
     CREDENTIALS: 'include',
     TOKEN: undefined,

package/package/gen/models/GitRepositorySettings.d.ts

@@ -2,4 +2,5 @@ export type GitRepositorySettings = {
     script_path: string;
     git_repo_resource_path: string;
     use_individual_branch?: boolean;
+    exclude_types_override?: Array<'script' | 'flow' | 'app' | 'folder' | 'resource' | 'variable' | 'secret' | 'resourcetype' | 'schedule'>;
 };

package/package/gen/models/WorkspaceGitSyncSettings.d.ts

@@ -1,6 +1,6 @@
 import type { GitRepositorySettings } from './GitRepositorySettings';
 export type WorkspaceGitSyncSettings = {
     include_path?: Array<string>;
-    include_type?: Array<'script' | 'flow' | 'app' | 'folder'>;
+    include_type?: Array<'script' | 'flow' | 'app' | 'folder' | 'resource' | 'variable' | 'secret' | 'resourcetype' | 'schedule'>;
     repositories?: Array<GitRepositorySettings>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "windmill-components",
-	"version": "1.269.0",
+	"version": "1.269.2",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build",
@@ -20,9 +20,10 @@
 		"@floating-ui/core": "^1.3.1",
 		"@playwright/test": "^1.34.3",
 		"@rgossiaux/svelte-headlessui": "^2.0.0",
-		"@sveltejs/adapter-static": "^2.0.3",
-		"@sveltejs/kit": "^1.25.0",
+		"@sveltejs/adapter-static": "^3.0.0",
+		"@sveltejs/kit": "^2.0.0",
 		"@sveltejs/package": "^2.2.2",
+		"@sveltejs/vite-plugin-svelte": "^3.0.0",
 		"@tailwindcss/forms": "^0.5.3",
 		"@tailwindcss/typography": "^0.5.8",
 		"@types/d3": "^7.4.0",
@@ -51,21 +52,20 @@
 		"style-to-object": "^0.4.1",
 		"stylelint-config-recommended": "^13.0.0",
 		"svelte": "^4.0.0",
-		"svelte-awesome-color-picker": "^2.4.5",
+		"svelte-awesome-color-picker": "^3.0.4",
 		"svelte-check": "^3.4.3",
-		"svelte-floating-ui": "^1.5.3",
-		"svelte-highlight": "^7.3.0",
+		"svelte-floating-ui": "^1.5.8",
+		"svelte-highlight": "^7.6.0",
 		"svelte-multiselect": "^10.0.0",
-		"svelte-overlay": "^1.4.1",
 		"svelte-popperjs": "^1.3.2",
 		"svelte-preprocess": "^5.0.1",
-		"svelte-range-slider-pips": "^2.2.3",
+		"svelte-range-slider-pips": "^2.3.1",
 		"svelte-splitpanes": "^0.8.0",
 		"svelte2tsx": "^0.6.16",
 		"tailwindcss": "^3.4.1",
 		"tslib": "^2.6.1",
 		"typescript": "^5.1.3",
-		"vite": "^4.5.0",
+		"vite": "^5",
 		"vite-plugin-circular-dependency": "^0.2.1",
 		"yootils": "^0.3.1"
 	},
@@ -116,17 +116,18 @@
 		"lodash": "^4.17.21",
 		"lucide-svelte": "^0.293.0",
 		"monaco-editor": "npm:@codingame/monaco-editor-treemended@>=1.83.5 <1.84.0",
+		"monaco-editor-workers": "0.44.0",
 		"monaco-graphql": "^1.5.1",
 		"monaco-languageclient": "~7.0.1",
 		"openai": "^4.3.0",
 		"quill": "^1.3.7",
 		"svelte-autosize": "^1.0.1",
 		"svelte-carousel": "^1.0.25",
-		"svelte-chartjs": "^3.1.2",
-		"svelte-dnd-action": "^0.9.22",
-		"svelte-exmarkdown": "^2.1.0",
+		"svelte-chartjs": "^3.1.5",
+		"svelte-dnd-action": "^0.9.38",
+		"svelte-exmarkdown": "^3.0.3",
 		"svelte-infinite-loading": "^1.3.8",
-		"svelte-portal": "^2.2.0",
+		"svelte-portal": "^2.2.1",
 		"svelte-tiny-virtual-list": "^2.0.5",
 		"tailwind-merge": "^1.13.2",
 		"vscode": "npm:@codingame/monaco-vscode-api@>=1.83.5 <1.84.0",
@@ -140,7 +141,7 @@
 		"yjs": "^13.6.7"
 	},
 	"peerDependencies": {
-		"@sveltejs/kit": "^1.25.0",
+		"@sveltejs/kit": "^2.0.0",
 		"svelte": "^4.0.0"
 	},
 	"exports": {