windmill-components 1.655.2 → 1.665.1

package/package/components/workspaceSettings/InstanceFallbackSettings.svelte

@@ -0,0 +1,75 @@
+<script lang="ts">import {} from '../../gen';
+import { AI_PROVIDERS } from '../copilot/lib';
+import Badge from '../common/badge/Badge.svelte';
+import Button from '../common/button/Button.svelte';
+import SettingCard from '../instanceSettings/SettingCard.svelte';
+let { instanceAiSummary = undefined, showWorkspaceOverrideEditor = false, onToggleOverride } = $props();
+let sortedInstanceProviders = $derived([...(instanceAiSummary?.providers ?? [])].sort((left, right) => left.provider.localeCompare(right.provider)));
+function getProviderLabel(provider) {
+    return AI_PROVIDERS[provider]?.label ?? provider;
+}
+</script>
+
+{#if instanceAiSummary}
+	<SettingCard label="Active instance AI">
+		<div class="flex flex-col gap-4 p-4 rounded-md border bg-surface-tertiary">
+			<p class="text-xs text-secondary">
+				This workspace is currently using the instance AI defaults shown below.
+			</p>
+
+			<div class="flex flex-col gap-3">
+				{#each sortedInstanceProviders as providerSummary}
+					<div class="rounded-md border bg-surface p-3 flex flex-col gap-2">
+						<div class="flex items-center gap-2">
+							<span class="text-xs font-medium">
+								{getProviderLabel(providerSummary.provider)}
+							</span>
+							<Badge color="blue">Instance</Badge>
+						</div>
+						<div class="flex flex-wrap gap-1">
+							{#each providerSummary.models as model}
+								<Badge color="gray">{model}</Badge>
+							{/each}
+						</div>
+					</div>
+				{/each}
+			</div>
+
+			{#if instanceAiSummary.default_model}
+				<div class="text-xs text-secondary">
+					Default chat model:
+					<span class="text-primary font-medium">{instanceAiSummary.default_model.model}</span>
+					<span class="text-tertiary">
+						({getProviderLabel(instanceAiSummary.default_model.provider)})
+					</span>
+				</div>
+			{/if}
+
+			{#if instanceAiSummary.code_completion_model}
+				<div class="text-xs text-secondary">
+					Code completion model:
+					<span class="text-primary font-medium">
+						{instanceAiSummary.code_completion_model.model}
+					</span>
+					<span class="text-tertiary">
+						({getProviderLabel(instanceAiSummary.code_completion_model.provider)})
+					</span>
+				</div>
+			{/if}
+		</div>
+	</SettingCard>
+{/if}
+
+<SettingCard label="Workspace override">
+	<div class="flex flex-col gap-3 p-4 rounded-md border bg-surface-tertiary">
+		<p class="text-xs text-secondary">
+			Create workspace-specific AI settings only if this workspace needs to override the active
+			instance defaults.
+		</p>
+		<div>
+			<Button onclick={onToggleOverride} variant="default" unifiedSize="sm">
+				{showWorkspaceOverrideEditor ? 'Hide override form' : 'Override for this workspace'}
+			</Button>
+		</div>
+	</div>
+</SettingCard>

package/package/components/workspaceSettings/InstanceFallbackSettings.svelte.d.ts

@@ -0,0 +1,9 @@
+import { type InstanceAISummary } from '../../gen';
+interface Props {
+    instanceAiSummary?: InstanceAISummary;
+    showWorkspaceOverrideEditor?: boolean;
+    onToggleOverride: () => void;
+}
+declare const InstanceFallbackSettings: import("svelte").Component<Props, {}, "">;
+type InstanceFallbackSettings = ReturnType<typeof InstanceFallbackSettings>;
+export default InstanceFallbackSettings;

package/package/components/workspaceSettings/StorageSettings.svelte

@@ -71,18 +71,6 @@ function isPermissionsNonDefault(storage) {
 let hasUnsavedChanges = $derived.by(() => {
     return !deepEqual(s3ResourceSettings, s3ResourceSavedSettings);
 });
-let volumeStorageItems = $derived.by(() => {
-    const items = [{ value: '', label: 'Disabled' }];
-    if (!emptyString(s3ResourceSettings.resourcePath)) {
-        items.push({ value: 'primary', label: 'Primary storage' });
-    }
-    for (const [name, s] of s3ResourceSettings.secondaryStorage ?? []) {
-        if (!emptyString(s.resourcePath)) {
-            items.push({ value: name, label: name });
-        }
-    }
-    return items;
-});
 </script>
 
 <Portal name="workspace-settings">
@@ -204,18 +192,18 @@ let volumeStorageItems = $derived.by(() => {
 									class="cursor-not-allowed"
 								>
 									{#snippet trigger()}
-																	
+
 											<ExploreAssetButton asset={{ kind: 's3object', path: '' }} disabled />
-										
+
 																	{/snippet}
 									{#snippet content()}
-																	
+
 											{#if emptyString(tableRow[1].resourcePath)}
 												Please select a storage resource
 											{:else if isDirty(tableRow[0])}
 												Please save your changes
 											{/if}
-										
+
 																	{/snippet}
 								</Popover>
 							{:else}
@@ -298,25 +286,6 @@ let volumeStorageItems = $derived.by(() => {
 		</tbody>
 	</DataTable>
 
-	<div class="mt-6 mb-2">
-		<SettingsPageHeader
-			title="Volume storage"
-			description="Select which storage volumes should use. If disabled, scripts with volumes will fail with an error."
-			link="https://www.windmill.dev/docs/core_concepts/persistent_storage/volumes"
-		/>
-		<div class="max-w-sm mt-2">
-			<Select
-				items={volumeStorageItems}
-				bind:value={
-					() => s3ResourceSettings.volumeStorage ?? '',
-					(v) => {
-						s3ResourceSettings.volumeStorage = v || undefined
-					}
-				}
-			/>
-		</div>
-	</div>
-
 	<SettingsFooter
 		class="mt-5 mb-5"
 		inline

package/package/components/workspaceSettings/VolumeStorageSettings.svelte

@@ -0,0 +1,80 @@
+<script lang="ts">import { goto } from '../../navigation';
+import { page } from '$app/stores';
+import { workspaceStore } from '../../stores';
+import { emptyString, sendUserToast } from '../../utils';
+import SettingsPageHeader from '../settings/SettingsPageHeader.svelte';
+import SettingsFooter from './SettingsFooter.svelte';
+import Select from '../select/Select.svelte';
+import { Button } from '../common';
+import Alert from '../common/alert/Alert.svelte';
+import { convertFrontendToBackendSetting } from '../../workspace_settings';
+import { WorkspaceService } from '../../gen';
+let { s3ResourceSettings = $bindable(), s3ResourceSavedSettings, onSave = undefined, onDiscard = undefined } = $props();
+async function saveVolumeStorageSettings() {
+    const large_file_storage = convertFrontendToBackendSetting(s3ResourceSettings);
+    await WorkspaceService.editLargeFileStorageConfig({
+        workspace: $workspaceStore,
+        requestBody: {
+            large_file_storage: large_file_storage
+        }
+    });
+    sendUserToast('Volume storage settings saved');
+    onSave?.();
+}
+let hasUnsavedChanges = $derived(s3ResourceSettings.volumeStorage !== s3ResourceSavedSettings.volumeStorage);
+let volumeStorageItems = $derived.by(() => {
+    const items = [{ value: '', label: 'Disabled' }];
+    if (!emptyString(s3ResourceSettings.resourcePath)) {
+        items.push({ value: 'primary', label: 'Primary storage' });
+    }
+    for (const [name, s] of s3ResourceSettings.secondaryStorage ?? []) {
+        if (!emptyString(s.resourcePath)) {
+            items.push({ value: name, label: name });
+        }
+    }
+    return items;
+});
+let hasAvailableStorage = $derived(volumeStorageItems.length > 1);
+function goToStorageSettings() {
+    const params = new URLSearchParams($page.url.searchParams);
+    params.set('tab', 'windmill_lfs');
+    goto(`?${params.toString()}`);
+}
+</script>
+
+<SettingsPageHeader
+	title="Volume storage"
+	description="Select which storage volumes should use. If disabled, scripts with volumes will fail with an error."
+	link="https://www.windmill.dev/docs/core_concepts/persistent_storage/volumes"
+/>
+{#if s3ResourceSettings}
+	{#if hasAvailableStorage}
+		<div class="max-w-sm mt-2">
+			<Select
+				items={volumeStorageItems}
+				bind:value={
+					() => s3ResourceSettings.volumeStorage ?? '',
+					(v) => {
+						s3ResourceSettings.volumeStorage = v || undefined
+					}
+				}
+			/>
+		</div>
+
+		<SettingsFooter
+			class="mt-5 mb-5"
+			inline
+			{hasUnsavedChanges}
+			onSave={saveVolumeStorageSettings}
+			onDiscard={() => onDiscard?.()}
+			saveLabel="Save volume storage settings"
+		/>
+	{:else}
+		<Alert type="info" title="No workspace storage configured" class="mt-4">
+			You need to configure a workspace object storage before you can use volumes.
+		</Alert>
+		<Button wrapperClasses="mt-2" variant="default" size="sm" on:click={goToStorageSettings}>
+			Go to Object storage settings
+		</Button>
+	{/if}
+{/if}

package/package/components/workspaceSettings/VolumeStorageSettings.svelte.d.ts

@@ -0,0 +1,10 @@
+import { type S3ResourceSettings } from '../../workspace_settings';
+type $$ComponentProps = {
+    s3ResourceSettings: S3ResourceSettings;
+    s3ResourceSavedSettings: S3ResourceSettings;
+    onSave?: () => void;
+    onDiscard?: () => void;
+};
+declare const VolumeStorageSettings: import("svelte").Component<$$ComponentProps, {}, "s3ResourceSettings">;
+type VolumeStorageSettings = ReturnType<typeof VolumeStorageSettings>;
+export default VolumeStorageSettings;

package/package/components/workspaceSettings/WorkspaceIntegrations.svelte

@@ -330,7 +330,10 @@ $effect(() => {
 									<span class="font-semibold">Connected</span>
 								</div>
 								<Button
-									onclick={() => connectService(serviceName, getRedirectUri(serviceName))}
+									onclick={() =>
+										integration?.oauth_data?.instance_shared
+											? connectWithInstanceCredentials(serviceName)
+											: connectService(serviceName, getRedirectUri(serviceName))}
 									disabled={isConnecting}
 									startIcon={{ icon: Plug }}
 								>

package/package/forLater.js

@@ -1,6 +1,7 @@
 import { get } from 'svelte/store';
 import { dbClockDrift } from './stores';
 import { JobService } from './gen';
+import { getActiveReplay } from './components/recording/flowRecording.svelte';
 import pLimit from 'p-limit';
 function subtractSeconds(date, seconds) {
     date.setSeconds(date.getSeconds() - seconds);
@@ -21,6 +22,9 @@ export function forLater(scheduledString) {
 }
 const limit = pLimit(1);
 export function getDbClockNow() {
+    if (getActiveReplay()) {
+        return new Date();
+    }
     let drift = get(dbClockDrift);
     if (drift == undefined) {
         limit(() => computeDrift());

package/package/gen/core/OpenAPI.js

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