windmill-components 1.511.0 → 1.522.0

package/package/components/GitDiffPreview.svelte

@@ -1,25 +1,21 @@
-<script lang="ts">"use strict";
-let { previewResult } = $props();
+<script lang="ts">let { previewResult } = $props();
+let added = $derived(previewResult?.changes?.filter(c => c.type === 'added').map(c => c.path) || []);
+let deleted = $derived(previewResult?.changes?.filter(c => c.type === 'deleted').map(c => c.path) || []);
+let edited = $derived(previewResult?.changes?.filter(c => c.type === 'edited').map(c => c.path) || []);
+export {};
 </script>
 
 <div class="border rounded p-2 text-xs max-h-40 overflow-y-auto bg-surface-secondary">
 	<div class="font-semibold text-[11px] mb-1 text-tertiary">Preview of changes:</div>
-	{#if !previewResult?.added?.length && !previewResult?.deleted?.length && !previewResult?.modified?.length && !previewResult?.yamlModified}
+
+	{#if !added.length && !deleted.length && !edited.length}
 		<div class="mt-2 text-tertiary">No changes found! The workspace is up to date.</div>
 	{:else}
-		{#if previewResult?.yamlModified}
-			<div class="mt-2">
-				<div class="text-yellow-600">Modified:</div>
-				<ul class="list-disc list-inside">
-					<li>wmill.yaml (Git sync settings)</li>
-				</ul>
-			</div>
-		{/if}
-		{#if previewResult?.added?.length}
+		{#if added.length}
 			<div class="mt-2">
 				<div class="text-green-600">Added:</div>
 				<ul class="list-disc list-inside">
-					{#each previewResult.added as file}
+					{#each added as file}
 						<li>
 							{file}{!file.includes('.') ? ' (dir)' : ''}
 						</li>
@@ -27,11 +23,11 @@ let { previewResult } = $props();
 				</ul>
 			</div>
 		{/if}
-		{#if previewResult?.deleted?.length}
+		{#if deleted.length}
 			<div class="mt-2">
 				<div class="text-red-600">Deleted:</div>
 				<ul class="list-disc list-inside">
-					{#each previewResult.deleted as file}
+					{#each deleted as file}
 						<li>
 							{file}{!file.includes('.') ? ' (dir)' : ''}
 						</li>
@@ -39,11 +35,11 @@ let { previewResult } = $props();
 				</ul>
 			</div>
 		{/if}
-		{#if previewResult?.modified?.length}
+		{#if edited.length}
 			<div class="mt-2">
-				<div class="text-yellow-600">Modified:</div>
+				<div class="text-yellow-600">Edited:</div>
 				<ul class="list-disc list-inside">
-					{#each previewResult.modified as file}
+					{#each edited as file}
 						<li>
 							{file}{!file.includes('.') ? ' (dir)' : ''}
 						</li>

package/package/components/GitDiffPreview.svelte.d.ts

@@ -1,12 +1,6 @@
-type DiffResult = {
-    added: string[];
-    deleted: string[];
-    modified: string[];
-    repoWmillYaml?: string;
-    yamlModified?: boolean;
-};
+import type { SyncResponse } from '../git-sync';
 type $$ComponentProps = {
-    previewResult: DiffResult | undefined;
+    previewResult: SyncResponse | undefined;
 };
 declare const GitDiffPreview: import("svelte").Component<$$ComponentProps, {}, "">;
 type GitDiffPreview = ReturnType<typeof GitDiffPreview>;

package/package/components/GitHubAppIntegration.svelte

@@ -12,7 +12,9 @@ let githubAppPopover = $state(null);
 let githubInstallationsNotInWorkspace = $derived(githubState.githubInstallations
     .filter((installation) => !githubState.workspaceGithubInstallations.some((workspaceInstallation) => workspaceInstallation.installation_id === installation.installation_id))
     .filter((installation, index, array) => array.findIndex((item) => item.installation_id === installation.installation_id) === index));
-let showGitHubApp = $derived(resourceType === 'git_repository' && $workspaceStore && $userStore?.is_admin);
+let showGitHubApp = $derived(resourceType === 'git_repository' &&
+    $workspaceStore &&
+    ($userStore?.is_admin || $userStore?.is_super_admin));
 // Load GitHub installations when conditions are met
 $effect(() => {
     if (showGitHubApp && $enterpriseLicense && $workspaceStore) {

package/package/components/IdEditorInput.svelte

@@ -1,20 +1,13 @@
-<script lang="ts">import { ArrowRight } from 'lucide-svelte';
+<script lang="ts">import { stopPropagation, createBubbler } from 'svelte/legacy';
+const bubble = createBubbler();
+import { ArrowRight } from 'lucide-svelte';
 import { Button } from './common';
-import { createEventDispatcher } from 'svelte';
 import { forbiddenIds } from './flows/idUtils';
 import { slide } from 'svelte/transition';
-export let initialId;
-export let reservedIds = [];
-export let label = 'Component ID';
-export let value = initialId;
-export let buttonText = '';
-export let btnClasses = '!p-1 !w-[34px] !ml-1';
-export let acceptUnderScores = false;
-let error = '';
-const dispatch = createEventDispatcher();
+let { initialId, reservedIds = [], reservedPrefixes = [], label = 'Component ID', value = $bindable(initialId), buttonText = '', btnClasses = '!p-1 !w-[34px] !ml-1', acceptUnderScores = false, onSave, onClose } = $props();
+let error = $state('');
 const regex = acceptUnderScores ? /^[a-zA-Z][a-zA-Z0-9_]*$/ : /^[a-zA-Z][a-zA-Z0-9]*$/;
-$: validateId(value, reservedIds);
-function validateId(id, reservedIds) {
+function validateId(id, reservedIds, reservedPrefixes) {
     if (id == initialId) {
         error = '';
         return;
@@ -25,6 +18,9 @@ function validateId(id, reservedIds) {
     else if (forbiddenIds.includes(value)) {
         error = 'This ID is reserved';
     }
+    else if (reservedPrefixes.some((prefix) => value.startsWith(prefix))) {
+        error = 'This ID uses a reserved prefix';
+    }
     else if (reservedIds.some((rid) => rid === value)) {
         error = 'This ID is already in use';
     }
@@ -32,8 +28,13 @@ function validateId(id, reservedIds) {
         error = '';
     }
 }
-let inputDiv = undefined;
-$: inputDiv?.focus();
+let inputDiv = $state(undefined);
+$effect(() => {
+    validateId(value, reservedIds, reservedPrefixes);
+});
+$effect(() => {
+    inputDiv?.focus();
+});
 </script>
 
 <label class="block text-primary">
@@ -46,15 +47,17 @@ $: inputDiv?.focus();
 			type="text"
 			bind:value
 			class="!w-auto grow"
-			on:click|stopPropagation={() => {}}
-			on:keydown|stopPropagation={({ key }) => {
+			onclick={stopPropagation(() => {})}
+			onkeydown={(e) => {
+				e.stopPropagation()
+				let key = e.key
 				if (key === 'Enter' && error === '' && value !== initialId) {
-					dispatch('save', value)
+					onSave({ oldId: initialId, newId: value })
 				} else if (key == 'Escape') {
-					dispatch('close')
+					onClose?.()
 				}
 			}}
-			on:keypress|stopPropagation
+			onkeypress={stopPropagation(bubble('keypress'))}
 		/>
 		<Button
 			size="xs"
@@ -63,8 +66,8 @@ $: inputDiv?.focus();
 			{btnClasses}
 			aria-label="Save ID"
 			disabled={error != '' || value === initialId}
-			on:click={() => {
-				dispatch('save', value)
+			onclick={() => {
+				onSave({ oldId: initialId, newId: value })
 			}}
 		>
 			{buttonText}<ArrowRight size={18} />

package/package/components/IdEditorInput.svelte.d.ts

@@ -1,30 +1,18 @@
-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 IdEditorInput: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     initialId: string;
     reservedIds?: string[];
+    reservedPrefixes?: string[];
     label?: string;
-    value?: string;
+    value?: any;
     buttonText?: string;
     btnClasses?: string;
     acceptUnderScores?: boolean;
-}, {
-    keypress: KeyboardEvent;
-    save: CustomEvent<any>;
-    close: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type IdEditorInput = InstanceType<typeof IdEditorInput>;
+    onSave: ({ oldId, newId }: {
+        oldId: string;
+        newId: string;
+    }) => void;
+    onClose?: () => void;
+}
+declare const IdEditorInput: import("svelte").Component<Props, {}, "value">;
+type IdEditorInput = ReturnType<typeof IdEditorInput>;
 export default IdEditorInput;

package/package/components/InstanceSetting.svelte

@@ -44,6 +44,11 @@ let to = $state('');
 async function reloadKeyrenewalAttemptInfo() {
     latestKeyRenewalAttempt = await SettingService.getLatestKeyRenewalAttempt();
 }
+async function reloadLicenseKey() {
+    $values['license_key'] = await SettingService.getGlobal({
+        key: 'license_key'
+    });
+}
 if (setting.key == 'license_key') {
     reloadKeyrenewalAttemptInfo();
 }
@@ -54,13 +59,13 @@ export async function renewLicenseKey() {
             licenseKey: $values['license_key'] || undefined
         });
         sendUserToast('Key renewal successful');
-        reloadKeyrenewalAttemptInfo();
+        reloadLicenseKey();
     }
     catch (err) {
-        latestKeyRenewalAttempt = await SettingService.getLatestKeyRenewalAttempt();
         throw err;
     }
     finally {
+        reloadKeyrenewalAttemptInfo();
         renewing = false;
     }
 }

package/package/components/InstanceSettings.svelte

@@ -294,6 +294,7 @@ function isValidTeamsChannel(value) {
 							bind:oauths
 							bind:snowflakeAccountIdentifier
 							bind:requirePreexistingUserForOauth
+							baseUrl={$values?.base_url}
 						>
 							{#snippet scim()}
 								<div class="flex-col flex gap-2 pb-4">

package/package/components/JobLoader.svelte

@@ -3,7 +3,7 @@ import { workspaceStore } from '../stores';
 import { onDestroy, tick, untrack } from 'svelte';
 import { sendUserToast } from '../toast';
 import { isScriptPreview } from '../utils';
-let { isLoading = $bindable(false), job = $bindable(undefined), noCode = false, allowConcurentRequests = false, workspaceOverride = undefined, notfound = $bindable(false), jobUpdateLastFetch = $bindable(undefined), toastError = false, lazyLogs = false, onlyResult = false, scriptProgress = $bindable(undefined), noLogs = false, children } = $props();
+let { isLoading = $bindable(false), job = $bindable(undefined), noCode = false, allowConcurentRequests = false, workspaceOverride = undefined, notfound = $bindable(false), jobUpdateLastFetch = $bindable(undefined), toastError = false, onlyResult = false, scriptProgress = $bindable(undefined), noLogs = false, children } = $props();
 /// Last time asked for job progress
 let lastTimeCheckedProgress = undefined;
 /// Will try to poll progress every 5s and if once progress returned was not undefined, will be ignored
@@ -15,6 +15,7 @@ let workspace = $derived(workspaceOverride ?? $workspaceStore);
 let syncIteration = 0;
 let errorIteration = 0;
 let logOffset = 0;
+let resultStreamOffset = 0;
 let lastCallbacks = undefined;
 let finished = [];
 let ITERATIONS_BEFORE_SLOW_REFRESH = 10;
@@ -104,6 +105,9 @@ function refreshLogOffset() {
     if (logOffset == 0) {
         logOffset = job?.logs?.length ? job.logs?.length + 1 : 0;
     }
+    if (resultStreamOffset == 0) {
+        resultStreamOffset = job?.result_stream?.length ? job.result_stream?.length + 1 : 0;
+    }
 }
 export async function getLogs() {
     if (job) {
@@ -176,6 +180,7 @@ function supportsSSE() {
 let startedWatchingJob = undefined;
 export async function watchJob(testId, callbacks) {
     logOffset = 0;
+    resultStreamOffset = 0;
     syncIteration = 0;
     errorIteration = 0;
     currentId = testId;
@@ -237,9 +242,24 @@ function updateJobFromProgress(previewJobUpdates, job, callbacks) {
             job.logs = (job?.logs ?? '').concat(previewJobUpdates.new_logs);
         }
     }
+    if (previewJobUpdates.new_result_stream) {
+        if (!job.result_stream) {
+            job.result_stream = previewJobUpdates.new_result_stream;
+        }
+        else {
+            job.result_stream = job.result_stream.concat(previewJobUpdates.new_result_stream);
+        }
+        callbacks?.resultStreamUpdate?.({
+            id: job.id,
+            result_stream: job.result_stream
+        });
+    }
     if (previewJobUpdates.log_offset) {
         logOffset = previewJobUpdates.log_offset ?? 0;
     }
+    if (previewJobUpdates.stream_offset) {
+        resultStreamOffset = previewJobUpdates.stream_offset ?? 0;
+    }
     if (previewJobUpdates.flow_status) {
         job.flow_status = previewJobUpdates.flow_status;
     }
@@ -252,9 +272,10 @@ function updateJobFromProgress(previewJobUpdates, job, callbacks) {
     if (job &&
         (previewJobUpdates.running ||
             previewJobUpdates.progress ||
-            previewJobUpdates.new_logs ||
+            previewJobUpdates.log_offset ||
             previewJobUpdates.flow_status ||
-            previewJobUpdates.mem_peak)) {
+            previewJobUpdates.mem_peak ||
+            previewJobUpdates.stream_offset)) {
         callbacks?.change?.(job);
     }
 }
@@ -288,7 +309,7 @@ async function loadTestJob(id, callbacks) {
                 job = await JobService.getJob({
                     workspace: workspace,
                     id,
-                    noLogs: lazyLogs || onlyResult || noLogs,
+                    noLogs: onlyResult || noLogs,
                     noCode
                 });
             }
@@ -364,6 +385,7 @@ function isCurrentJob(id) {
 }
 async function loadTestJobWithSSE(id, attempt, callbacks) {
     let isCompleted = false;
+    let resultOnlyResultStream = '';
     if (isCurrentJob(id)) {
         try {
             // First load the job to get initial state
@@ -371,10 +393,16 @@ async function loadTestJobWithSSE(id, attempt, callbacks) {
                 job = await JobService.getJob({
                     workspace: workspace,
                     id,
-                    noLogs: lazyLogs || noLogs,
+                    noLogs: noLogs,
                     noCode
                 });
             }
+            if (!onlyResult) {
+                callbacks?.resultStreamUpdate?.({
+                    id,
+                    result_stream: undefined
+                });
+            }
             // If job is already completed, don't start SSE
             if (job?.type === 'CompletedJob') {
                 isCompleted = true;
@@ -411,6 +439,12 @@ async function loadTestJobWithSSE(id, attempt, callbacks) {
                 if (startedWatchingJob && startedWatchingJob > Date.now() - 5000) {
                     params.set('fast', 'true');
                 }
+                if (noLogs) {
+                    params.set('no_logs', 'true');
+                }
+                if (resultStreamOffset) {
+                    params.set('stream_offset', resultStreamOffset.toString());
+                }
                 const sseUrl = `/api/w/${workspace}/jobs_u/getupdate_sse/${id}?${params.toString()}`;
                 currentEventSource = new EventSource(sseUrl);
                 setNoPingTimeout(id, attempt, callbacks);
@@ -452,6 +486,14 @@ async function loadTestJobWithSSE(id, attempt, callbacks) {
                         else if (onlyResult && callbacks?.running && previewJobUpdates.running) {
                             callbacks?.running?.({ id });
                         }
+                        if (onlyResult && previewJobUpdates.new_result_stream) {
+                            resultOnlyResultStream = resultOnlyResultStream.concat(previewJobUpdates.new_result_stream);
+                            // console.log('resultOnlyResultStream', resultOnlyResultStream)
+                            callbacks?.resultStreamUpdate?.({
+                                id,
+                                result_stream: resultOnlyResultStream
+                            });
+                        }
                         // Check if job is completed
                         if (previewJobUpdates.completed) {
                             currentEventSource?.close();
@@ -468,6 +510,7 @@ async function loadTestJobWithSSE(id, attempt, callbacks) {
                             else {
                                 const njob = previewJobUpdates.job;
                                 njob.logs = job?.logs ?? '';
+                                njob.result_stream = job?.result_stream ?? '';
                                 job = njob;
                                 onJobCompleted(id, job, callbacks);
                             }

package/package/components/JobLoader.svelte.d.ts

@@ -22,10 +22,16 @@ export type Callbacks = {
     running?: ({ id }: {
         id: string;
     }) => void;
+    resultStreamUpdate?: ({ id, result_stream }: {
+        id: string;
+        result_stream?: string;
+    }) => void;
 };
 interface Props {
     isLoading?: boolean;
-    job?: Job | undefined;
+    job?: (Job & {
+        result_stream?: string;
+    }) | undefined;
     noCode?: boolean;
     noLogs?: boolean;
     workspaceOverride?: string | undefined;
@@ -33,7 +39,6 @@ interface Props {
     allowConcurentRequests?: boolean;
     jobUpdateLastFetch?: Date | undefined;
     toastError?: boolean;
-    lazyLogs?: boolean;
     onlyResult?: boolean;
     scriptProgress?: number | undefined;
     children?: import('svelte').Snippet<[any]>;

package/package/components/Login.svelte

@@ -5,9 +5,10 @@ import Google from './icons/brands/Google.svelte';
 import Microsoft from './icons/brands/Microsoft.svelte';
 import Okta from './icons/brands/Okta.svelte';
 import Auth0 from './icons/brands/Auth0.svelte';
+import NextcloudIcon from './icons/NextcloudIcon.svelte';
 import { OauthService, UserService, WorkspaceService } from '../gen';
 import { usersWorkspaceStore, workspaceStore, userStore } from '../stores';
-import { classNames, emptyString, parseQueryParams } from '../utils';
+import { classNames, emptyString, escapeHtml, parseQueryParams } from '../utils';
 import { base } from '../base';
 import { getUserExt } from '../user';
 import { sendUserToast } from '../toast';
@@ -47,6 +48,11 @@ const providers = [
         type: 'auth0',
         name: 'Auth0',
         icon: Auth0
+    },
+    {
+        type: 'nextcloud',
+        name: 'Nextcloud',
+        icon: NextcloudIcon
     }
 ];
 const providersType = providers.map((p) => p.type);
@@ -227,7 +233,7 @@ function storeRedirect(provider) {
     }
 }
 $effect(() => {
-    error && sendUserToast(error, true);
+    error && sendUserToast(escapeHtml(error), true);
 });
 </script>
 

package/package/components/MemoryFootprintViewer.svelte

@@ -49,7 +49,7 @@ $: jobUpdateLastFetch && loadMetricsData();
 
 <div class="relative max-h-100">
 	{#if !$enterpriseLicense}
-		<Alert type="error" title="Enterprise Edition only feature">
+		<Alert type="warning" title="Enterprise Edition only feature">
 			Job metrics are only available on Windmill Enterprise Edition.
 		</Alert>
 	{:else if (jobMemoryStats?.length ?? 0) === 0}

package/package/components/ModulePreviewResultViewer.svelte

@@ -15,7 +15,7 @@ const logJob = $derived(testJob ?? selectedJob);
 </script>
 
 <Splitpanes horizontal>
-	<Pane size={50} minSize={10} class="text-sm text-tertiary">
+	<Pane size={65} minSize={10} class="text-sm text-tertiary">
 		{#if scriptProgress}
 			<JobProgressBar
 				job={testJob}
@@ -50,7 +50,7 @@ const logJob = $derived(testJob ?? selectedJob);
 			{/snippet}
 		</OutputPickerInner>
 	</Pane>
-	<Pane size={50} minSize={10}>
+	<Pane size={35} minSize={10}>
 		{#if (mod.mock?.enabled && preview != 'job') || preview == 'mock'}
 			<LogViewer
 				small

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

@@ -12,13 +12,13 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     z_$$bindings?: Bindings;
 }
 declare const MoveDrawer: $$__sveltets_2_IsomorphicComponent<{
-    openDrawer?: (initialPath_l: string, summary_l: string | undefined, kind_l: "resource" | "script" | "flow" | "schedule" | "app" | "variable" | "raw_app") => Promise<void>;
+    openDrawer?: (initialPath_l: string, summary_l: string | undefined, kind_l: "resource" | "script" | "flow" | "app" | "variable" | "schedule" | "raw_app") => Promise<void>;
 }, {
     update: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
 }, {}, {
-    openDrawer: (initialPath_l: string, summary_l: string | undefined, kind_l: "resource" | "script" | "flow" | "schedule" | "app" | "variable" | "raw_app") => Promise<void>;
+    openDrawer: (initialPath_l: string, summary_l: string | undefined, kind_l: "resource" | "script" | "flow" | "app" | "variable" | "schedule" | "raw_app") => Promise<void>;
 }, string>;
 type MoveDrawer = InstanceType<typeof MoveDrawer>;
 export default MoveDrawer;

package/package/components/NextcloudSetting.svelte

@@ -0,0 +1,84 @@
+<script lang="ts">import CollapseLink from './CollapseLink.svelte';
+import IconedResourceType from './IconedResourceType.svelte';
+import Toggle from './Toggle.svelte';
+import Tooltip from './Tooltip.svelte';
+let { value = $bindable(), baseUrl } = $props();
+function changeDomain(domain) {
+    if (value && domain) {
+        // Remove http:// or https:// if user included it
+        const cleanDomain = domain.replace(/^https?:\/\//, '');
+        let baseUrl = `https://${cleanDomain}`;
+        value = {
+            ...value,
+            login_config: {
+                auth_url: `${baseUrl}/apps/oauth2/authorize`,
+                token_url: `${baseUrl}/apps/oauth2/api/v1/token`,
+                userinfo_url: `${baseUrl}/ocs/v2.php/cloud/user?format=json`,
+                scopes: []
+            },
+            connect_config: {
+                auth_url: `${baseUrl}/apps/oauth2/authorize`,
+                token_url: `${baseUrl}/apps/oauth2/api/v1/token`,
+                scopes: []
+            }
+        };
+    }
+}
+let enabled = $derived(value != undefined);
+$effect(() => {
+    changeDomain(value?.['domain']);
+});
+</script>
+
+<div class="flex flex-col gap-1">
+	<!-- svelte-ignore a11y_label_has_associated_control -->
+	<label class="text-sm font-medium text-primary flex gap-4 items-center"
+		><div class="w-[120px]"><IconedResourceType name="nextcloud" after={true} /></div><Toggle
+			checked={enabled}
+			on:change={(e) => {
+				if (e.detail) {
+					value = { id: '', secret: '', domain: '' }
+				} else {
+					value = undefined
+				}
+			}}
+		/></label
+	>
+	{#if enabled}
+		<div class="p-2 rounded border">
+			<label class="block pb-2">
+				<span class="text-primary font-semibold text-sm">Nextcloud Instance Domain</span>
+				<input type="text" placeholder="example.nextcloud.com" bind:value={value['domain']} />
+			</label>
+			<label class="block pb-2">
+				<span class="text-primary font-semibold text-sm">Custom Name</span>
+				<input type="text" placeholder="Custom Name" bind:value={value['display_name']} />
+			</label>
+			<label class="block pb-2">
+				<span class="text-primary font-semibold text-sm"
+					>Client Id <Tooltip
+						>Client ID from your Nextcloud OAuth2 app configuration</Tooltip
+					></span
+				>
+				<input type="text" placeholder="Client Id" bind:value={value['id']} />
+			</label>
+			<label class="block pb-2">
+				<span class="text-primary font-semibold text-sm"
+					>Client Secret <Tooltip
+						>Client Secret from your Nextcloud OAuth2 app configuration</Tooltip
+					></span
+				>
+				<input type="text" placeholder="Client Secret" bind:value={value['secret']} />
+			</label>
+			<CollapseLink text="Instructions">
+				<div class="text-sm text-secondary border p-2">
+					1. Go to your Nextcloud instance as an administrator<br />
+					2. Navigate to <strong>Administration settings → Security → OAuth 2.0 clients</strong><br />
+					3. Click "Add client" to create a new OAuth2 application<br />
+					4. Set the redirect URI to your Windmill instance's <code>{baseUrl || 'BASE_URL'}/user/login_callback/nextcloud</code><br />
+					5. Copy the Client ID and Client Secret to the fields above<br />
+				</div>
+			</CollapseLink>
+		</div>
+	{/if}
+</div>

package/package/components/NextcloudSetting.svelte.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    value: any;
+    baseUrl?: string;
+}
+declare const NextcloudSetting: import("svelte").Component<Props, {}, "value">;
+type NextcloudSetting = ReturnType<typeof NextcloudSetting>;
+export default NextcloudSetting;

package/package/components/ObjectResourceInput.svelte

@@ -4,7 +4,7 @@ import S3ObjectPicker from './S3ObjectPicker.svelte';
 function isString(value) {
     return typeof value === 'string' || value instanceof String;
 }
-let { format, value = $bindable(), disablePortal = false, showSchemaExplorer = false, selectFirst = false, defaultValue, editor = $bindable(undefined), onClear = undefined } = $props();
+let { format, value = $bindable(), disablePortal = false, showSchemaExplorer = false, selectFirst = false, defaultValue, editor = $bindable(undefined), disabled = false, onClear = undefined } = $props();
 function isResource() {
     return isString(value) && value.length >= '$res:'.length;
 }
@@ -21,6 +21,7 @@ function valueToPath() {
 		<S3ObjectPicker bind:value />
 	{:else if value == undefined || typeof value === 'string'}
 		<ResourcePicker
+			{disabled}
 			{selectFirst}
 			{disablePortal}
 			{onClear}
@@ -44,7 +45,7 @@ function valueToPath() {
 		{#await import('./JsonEditor.svelte')}
 			<Loader2 class="animate-spin" />
 		{:then Module}
-			<Module.default bind:editor code={JSON.stringify(value, null, 2)} bind:value />
+			<Module.default {disabled} bind:editor code={JSON.stringify(value, null, 2)} bind:value />
 		{/await}
 	{/if}
 </div>

package/package/components/ObjectResourceInput.svelte.d.ts

@@ -8,6 +8,7 @@ interface Props {
     defaultValue: any;
     editor?: SimpleEditor | undefined;
     path?: string;
+    disabled?: boolean;
     onClear?: () => void;
 }
 declare const ObjectResourceInput: import("svelte").Component<Props, {}, "value" | "editor">;

package/package/components/ParqetCsvTableRenderer.svelte

@@ -1,4 +1,4 @@
-<script lang="ts">import { GridApi, createGrid } from 'ag-grid-community';
+<script lang="ts">import { createGrid } from 'ag-grid-community';
 import 'ag-grid-community/styles/ag-grid.css';
 import 'ag-grid-community/styles/ag-theme-alpine.css';
 import { twMerge } from 'tailwind-merge';

package/package/components/ResourceEditor.svelte

@@ -225,7 +225,7 @@ run(() => {
 			{:else}
 				<TestConnection resourceType={resourceToEdit?.resource_type} {args} />
 			{/if}
-			{#if resource_type === 'git_repository' && $workspaceStore && $userStore?.is_admin}
+			{#if resource_type === 'git_repository' && $workspaceStore && ($userStore?.is_admin || $userStore?.is_super_admin)}
 				<GitHubAppIntegration
 					resourceType={resource_type}
 					{args}