windmill-components 1.677.1 → 1.695.0

package/package/components/AppConnectInner.svelte

@@ -737,6 +737,12 @@ let editScopes = $state(false);
 						>Create a resource backed by an OAuth connection, whose token is fetched from the
 						external services and refreshed automatically if needed before expiration.</div
 					>
+					<button
+						onclick={() => (manual = true)}
+						class="text-xs font-normal text-accent w-fit mt-2"
+					>
+						Create resource manually instead
+					</button>
 				</div>
 
 				{#if resourceTypeInfo?.description}

package/package/components/ArgInput.svelte

@@ -586,6 +586,8 @@ onDestroy(() => {
 				{appPath}
 				{computeS3ForceViewerPolicies}
 				bottom={innerBottomSnippet}
+				hideCatalogPicker={extra?.['hideCatalogPicker'] ?? false}
+				hideRawInput={extra?.['hideRawInput'] ?? false}
 			/>
 		{:else if inputCat == 'object' && format == 'json-schema'}
 			{#await import('./EditableSchemaForm.svelte')}

package/package/components/AutoscalingConfigEditor.svelte

@@ -13,6 +13,7 @@ import { ConfigService } from '../gen';
 import Select from './select/Select.svelte';
 import ScriptPicker from './ScriptPicker.svelte';
 import Badge from './common/badge/Badge.svelte';
+import { sendUserToast } from '../toast';
 let { config = $bindable(), worker_tags, disabled, eeOnly = false } = $props();
 let test_input = $state(3);
 let healthCheckLoading = $state(false);
@@ -206,13 +207,13 @@ let collapsed = $state(true);
 								id="custom_tag_select"
 								disabled={!config || !config.integration || disabled}
 								bind:value={
-									() => config?.integration?.['tags'] ?? undefined,
+									() => config?.integration?.['tag'] ?? undefined,
 									(v) => {
 										if (!config || !config.integration) return
 										if (!v || v === '') {
-											delete config.integration['tags']
+											delete config.integration['tag']
 										} else {
-											config.integration['tags'] = v
+											config.integration['tag'] = v
 										}
 									}
 								}
@@ -220,7 +221,20 @@ let collapsed = $state(true);
 							/>
 
 							<div class="flex flex-row gap-2 justify-end mt-4">
-								<Button variant="default" unifiedSize="md">Test scaling</Button>
+								<Button
+									variant="default"
+									unifiedSize="md"
+									onclick={() => {
+										if (!config?.integration?.['path']) {
+											sendUserToast('Please select a script before testing scaling', true)
+											return
+										}
+										if (!config?.integration?.['tag']) {
+											sendUserToast('Please select a custom tag before testing scaling', true)
+											return
+										}
+									}}>Test scaling</Button
+								>
 								<div class="flex text-xs flex-row gap-2 items-center">
 									<input class="!w-16" type="number" bind:value={test_input} />
 									workers

package/package/components/CiTestResults.svelte

@@ -0,0 +1,64 @@
+<script lang="ts">import { ScriptService } from '../gen';
+import { workspaceStore } from '../stores';
+import { base } from '../base';
+import { CircleCheck, CircleX, Loader2, FlaskConical } from 'lucide-svelte';
+import { resource } from 'runed';
+let { path, kind } = $props();
+let ciTests = resource(() => ({ workspace: $workspaceStore, path, kind }), async (args) => {
+    if (!args.workspace || !args.path)
+        return [];
+    return ScriptService.getCiTestResults({
+        workspace: args.workspace,
+        path: args.path,
+        kind: args.kind
+    });
+});
+let results = $derived(ciTests.current ?? []);
+let hasResults = $derived(results.length > 0);
+let hasRunning = $derived(results.some((r) => r.status === 'running' || (r.job_id && !r.status)));
+// Poll while any test is still running
+$effect(() => {
+    if (!hasRunning)
+        return;
+    const interval = setInterval(() => ciTests.refetch(), 3000);
+    return () => clearInterval(interval);
+});
+</script>
+
+{#if hasResults}
+	<div class="flex flex-col gap-1 mb-4">
+		<div class="flex items-center gap-1.5 text-xs font-semibold text-secondary">
+			<FlaskConical size={14} />
+			CI tests
+		</div>
+		<div class="flex flex-col gap-1">
+			{#each results as test (test.test_script_path)}
+				<div class="flex items-center gap-2 text-xs">
+					{#if test.status === 'success'}
+						<CircleCheck size={14} class="text-green-600" />
+					{:else if test.status === 'failure' || test.status === 'canceled'}
+						<CircleX size={14} class="text-red-600" />
+					{:else if test.status === 'running'}
+						<Loader2 size={14} class="text-yellow-600 animate-spin" />
+					{:else}
+						<div class="w-3.5 h-3.5 rounded-full border border-tertiary"></div>
+					{/if}
+					<a
+						href="{base}/scripts/get/{test.test_script_path}?workspace={$workspaceStore}"
+						class="text-secondary hover:text-primary truncate"
+					>
+						{test.test_script_path}
+					</a>
+					{#if test.job_id}
+						<a
+							href="{base}/run/{test.job_id}?workspace={$workspaceStore}"
+							class="text-tertiary hover:text-secondary text-2xs"
+						>
+							view run
+						</a>
+					{/if}
+				</div>
+			{/each}
+		</div>
+	</div>
+{/if}

package/package/components/CiTestResults.svelte.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    path: string;
+    kind: 'script' | 'flow' | 'resource';
+}
+declare const CiTestResults: import("svelte").Component<Props, {}, "">;
+type CiTestResults = ReturnType<typeof CiTestResults>;
+export default CiTestResults;