windmill-components 1.677.1 → 1.695.0

package/package/components/UserOffboardingModal.svelte

@@ -0,0 +1,238 @@
+<script lang="ts">import { Alert, Button } from './common';
+import { fade } from 'svelte/transition';
+import { classNames } from '../utils';
+import { AlertTriangle, CornerDownLeft, Loader2 } from 'lucide-svelte';
+import { UserService, FolderService } from '../gen';
+import { workspaceStore } from '../stores';
+import { sendUserToast } from '../toast';
+import Toggle from './Toggle.svelte';
+import OffboardWorkspaceSection from './OffboardWorkspaceSection.svelte';
+import { countPaths } from './offboarding-utils';
+let { open = $bindable(), username, reassignOnly = false, onClose, onComplete } = $props();
+let preview = $state(undefined);
+let loading = $state(false);
+let submitting = $state(false);
+let conflicts = $state([]);
+let doReassign = $state(true);
+let targetKind = $state('user');
+let selectedUser = $state(undefined);
+let selectedFolder = $state(undefined);
+let selectedOperator = $state(undefined);
+let deleteUser = $state(true);
+$effect(() => {
+    deleteUser = !reassignOnly;
+});
+let users = $state([]);
+let folders = $state([]);
+let ownedCount = $derived(preview ? countPaths(preview.owned) : 0);
+let onBehalfCount = $derived(preview ? countPaths(preview.executing_on_behalf) : 0);
+let hasItems = $derived(ownedCount > 0 || onBehalfCount > 0);
+let reassignTo = $derived(targetKind === 'user'
+    ? selectedUser
+        ? `u/${selectedUser}`
+        : undefined
+    : selectedFolder
+        ? `f/${selectedFolder}`
+        : undefined);
+let canSubmit = $derived(!doReassign || !hasItems || (reassignTo != null && selectedOperator != null));
+$effect(() => {
+    if (open) {
+        doReassign = true;
+        targetKind = 'user';
+        selectedUser = undefined;
+        selectedFolder = undefined;
+        selectedOperator = undefined;
+        conflicts = [];
+        loadPreview();
+    }
+});
+async function loadPreview() {
+    loading = true;
+    conflicts = [];
+    try {
+        const workspace = $workspaceStore ?? '';
+        const [previewResult, usernamesList, foldersList] = await Promise.all([
+            UserService.offboardPreview({ workspace, username }),
+            UserService.listUsernames({ workspace }),
+            FolderService.listFolders({ workspace })
+        ]);
+        preview = previewResult;
+        users = usernamesList.filter((u) => u !== username).map((u) => ({ label: u, value: u }));
+        folders = foldersList.map((f) => ({ label: f.name, value: f.name }));
+    }
+    catch (e) {
+        sendUserToast('Failed to load offboard preview', true);
+        onClose();
+    }
+    finally {
+        loading = false;
+    }
+}
+async function submit() {
+    submitting = true;
+    conflicts = [];
+    try {
+        if (!doReassign || !hasItems) {
+            await UserService.deleteUser({ workspace: $workspaceStore ?? '', username });
+            sendUserToast(`User ${username} removed`);
+            onComplete();
+            return;
+        }
+        if (!reassignTo)
+            return;
+        const result = await UserService.offboardWorkspaceUser({
+            workspace: $workspaceStore ?? '',
+            username,
+            requestBody: {
+                reassign_to: reassignTo,
+                new_on_behalf_of_user: selectedOperator,
+                delete_user: deleteUser
+            }
+        });
+        if (result.conflicts && result.conflicts.length > 0) {
+            conflicts = result.conflicts;
+        }
+        else {
+            sendUserToast(deleteUser
+                ? `User ${username} offboarded successfully`
+                : `Items reassigned from ${username} successfully`);
+            onComplete();
+        }
+    }
+    catch (e) {
+        sendUserToast(`Offboarding failed: ${e}`, true);
+    }
+    finally {
+        submitting = false;
+    }
+}
+function fadeFast(node) {
+    return fade(node, { duration: 100 });
+}
+</script>
+
+{#if open}
+	<div transition:fadeFast|local class="fixed top-0 bottom-0 left-0 right-0 z-[5000]" role="dialog">
+		<div
+			class={classNames(
+				'fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity',
+				'ease-out duration-300 opacity-100'
+			)}
+		></div>
+
+		<div class="fixed inset-0 z-10 overflow-y-auto">
+			<div class="flex min-h-full items-center justify-center p-4">
+				<div
+					class="relative transform overflow-hidden rounded-lg bg-surface px-4 pt-5 pb-4 text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-lg sm:p-6 max-h-[80vh] overflow-y-auto"
+				>
+					<div class="flex">
+						<div
+							class="flex h-12 w-12 items-center justify-center rounded-full bg-red-100 dark:bg-red-800/50"
+						>
+							<AlertTriangle class="text-red-500 dark:text-red-400" />
+						</div>
+						<div class="ml-4 text-left flex-1">
+							<h3 class="text-lg font-medium text-primary">
+								{reassignOnly ? 'Reassign user items' : 'Offboard user'}
+							</h3>
+							<p class="text-sm text-secondary mt-1">
+								{reassignOnly
+									? `Reassign items owned by ${username}`
+									: `Remove ${username} and reassign their items`}
+							</p>
+						</div>
+					</div>
+
+					{#if loading}
+						<div class="flex items-center justify-center py-8">
+							<Loader2 class="animate-spin" size={24} />
+							<span class="ml-2 text-sm text-secondary">Loading preview...</span>
+						</div>
+					{:else if preview}
+						<div class="mt-4 space-y-3">
+							{#if hasItems}
+								{#if !reassignOnly}
+									<Toggle
+										bind:checked={doReassign}
+										size="xs"
+										options={{ right: 'Reassign items before removing' }}
+									/>
+								{/if}
+
+								{#if doReassign}
+									<OffboardWorkspaceSection
+										{preview}
+										{username}
+										{deleteUser}
+										bind:targetKind
+										bind:selectedUser
+										bind:selectedFolder
+										bind:selectedOperator
+										{users}
+										{folders}
+									/>
+								{:else}
+									<Alert type="warning" title="Items will not be reassigned">
+										<p class="text-xs">
+											All items owned by {username} ({ownedCount} owned, {onBehalfCount} running on behalf)
+											will be left as-is. Triggers and runnables may stop working if the user is removed.
+										</p>
+									</Alert>
+								{/if}
+							{:else}
+								<p class="text-sm text-secondary">
+									This user has no items to reassign in this workspace.
+								</p>
+							{/if}
+
+							{#if conflicts.length > 0}
+								<Alert type="error" title="Path conflicts detected">
+									<p class="text-xs mb-1"
+										>These items already exist at the target. Rename or delete them, or choose a
+										different user/folder.</p
+									>
+									<ul class="text-xs list-disc list-inside max-h-32 overflow-y-auto">
+										{#each conflicts as conflict}
+											<li>{conflict}</li>
+										{/each}
+									</ul>
+								</Alert>
+							{/if}
+						</div>
+					{/if}
+
+					<div class="flex items-center space-x-2 flex-row-reverse space-x-reverse mt-4">
+						{#if hasItems || deleteUser}
+							<Button
+								disabled={submitting || !canSubmit}
+								onclick={submit}
+								variant="accent"
+								size="sm"
+								destructive
+								shortCut={{ Icon: CornerDownLeft, hide: false, withoutModifier: true }}
+							>
+								{#if submitting}
+									<Loader2 class="animate-spin" />
+								{/if}
+								<span class="min-w-20">
+									{deleteUser ? 'Offboard' : 'Reassign'}
+								</span>
+							</Button>
+						{:else if !loading}
+							<Button onclick={onClose} variant="accent" size="sm">Close</Button>
+						{/if}
+						<Button
+							disabled={submitting}
+							onclick={onClose}
+							variant="default"
+							size="sm"
+							shortCut={{ key: 'Esc', hide: false, withoutModifier: true }}
+						>
+							Cancel
+						</Button>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+{/if}

package/package/components/UserOffboardingModal.svelte.d.ts

@@ -0,0 +1,10 @@
+type Props = {
+    open: boolean;
+    username: string;
+    reassignOnly?: boolean;
+    onClose: () => void;
+    onComplete: () => void;
+};
+declare const UserOffboardingModal: import("svelte").Component<Props, {}, "open">;
+type UserOffboardingModal = ReturnType<typeof UserOffboardingModal>;
+export default UserOffboardingModal;

package/package/components/WorkspaceDeployLayout.svelte

@@ -24,7 +24,7 @@ let hasSelectableItems = $derived(selectableItems.length > 0);
 		<!-- Select all row -->
 		<div class="px-4 py-2 flex items-center justify-between">
 			<div
-				class="flex items-center gap-2 text-secondary text-sm"
+				class="flex items-center gap-2 text-secondary text-xs"
 				class:opacity-50={!hasSelectableItems}
 			>
 				<input
@@ -94,13 +94,13 @@ let hasSelectableItems = $derived(selectableItems.length > 0);
 		</div>
 	{:else}
 		<div class="flex items-center justify-center h-full">
-			<div class="text-gray-500">{emptyMessage}</div>
+			<div class="text-hint text-xs">{emptyMessage}</div>
 		</div>
 	{/if}
 
 	<!-- Footer -->
 	{#if footer}
-		<div class="p-4 bg-surface">
+		<div class="pt-4">
 			{@render footer()}
 		</div>
 	{/if}

package/package/components/WorkspaceDeployLayout.svelte.d.ts

@@ -17,6 +17,7 @@ interface Props {
     }>;
     allSelected?: boolean;
     emptyMessage?: string;
+    children?: Snippet;
     header?: Snippet;
     alerts?: Snippet;
     itemSummary?: Snippet<[DeployableItem]>;

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

@@ -84,6 +84,7 @@ declare const RunnableComponent: $$__sveltets_2_IsomorphicComponent<Props, {
             path?: string;
             lock?: string;
             cache_ttl?: number;
+            tag?: string;
         };
         id?: number;
         force_viewer_static_fields?: {
@@ -93,6 +94,8 @@ declare const RunnableComponent: $$__sveltets_2_IsomorphicComponent<Props, {
             [key: string]: unknown;
         };
         force_viewer_allow_user_resources?: Array<(string)>;
+        force_viewer_sensitive_inputs?: Array<(string)>;
+        force_viewer_delete_after_secs?: number;
         run_query_params?: {
             [key: string]: unknown;
         };

package/package/components/apps/components/helpers/executeRunnable.js

@@ -16,7 +16,8 @@ export async function executeRunnable(runnable, workspace, version, username, pa
                 language: inlineScript.language ?? '',
                 path: appPath + '/' + id,
                 lock: inlineScript.id === undefined ? inlineScript.lock : undefined,
-                cache_ttl: inlineScript.cache_ttl
+                cache_ttl: inlineScript.cache_ttl,
+                ...(inlineScript.tag ? { tag: inlineScript.tag } : {})
             };
         }
     }

package/package/components/apps/editor/AppReportsDrawerInner.svelte

@@ -47,7 +47,7 @@ $effect(() => {
 });
 let isSlackConnectedWorkspace = $state(false);
 async function getWorspaceSlackSetting() {
-    const settings = await WorkspaceService.getSettings({
+    const settings = await WorkspaceService.getPublicSettings({
         workspace: $workspaceStore
     });
     if (settings.slack_name) {

package/package/components/apps/editor/appPolicy.js

@@ -151,7 +151,8 @@ export async function processRunnable(id, runnable, fields, app) {
             {
                 static_inputs: staticInputs,
                 one_of_inputs: oneOfInputs,
-                allow_user_resources: allowUserResources
+                allow_user_resources: allowUserResources,
+                ...(runnable.inlineScript?.tag ? { tag: runnable.inlineScript.tag } : {})
             }
         ];
     }

package/package/components/apps/editor/commonAppUtils.d.ts

@@ -6,5 +6,8 @@ export type TriggerableV2 = {
     static_inputs: Record<string, any>;
     one_of_inputs?: Record<string, any[] | undefined>;
     allow_user_resources?: string[];
+    delete_after_secs?: number;
+    sensitive_inputs?: string[];
+    tag?: string;
 };
 export declare function hash(message: any): Promise<string>;

package/package/components/apps/editor/inlineScriptsPanel/CacheTtlPopup.svelte

@@ -22,7 +22,7 @@ let { cache_ttl = $bindable(), btnProps } = $props();
 			nonCaptureEvent={true}
 			btnClasses={Boolean(cache_ttl)
 				? 'bg-blue-100 text-blue-800 border border-blue-300 hover:bg-blue-200 dark:bg-frost-700 dark:text-frost-100 dark:border-frost-600'
-				: 'bg-surface text-primay hover:bg-hover'}
+				: 'bg-surface text-primary hover:bg-hover'}
 			color="light"
 			variant="contained"
 			size="xs2"

package/package/components/apps/editor/inlineScriptsPanel/InlineScriptEditor.svelte

@@ -16,6 +16,7 @@ import { scriptLangToEditorLang } from '../../../../scripts';
 import ScriptGen from '../../../copilot/ScriptGen.svelte';
 import DiffEditor from '../../../DiffEditor.svelte';
 import CacheTtlPopup from './CacheTtlPopup.svelte';
+import TagPopup from './TagPopup.svelte';
 import EditorSettings from '../../../EditorSettings.svelte';
 import { userStore, workspaceStore } from '../../../../stores';
 import TextInput from '../../../text_input/TextInput.svelte';
@@ -187,6 +188,12 @@ let extraLib = $derived(isFrontend && worldStore
 			{/if}
 			<div class="flex w-full flex-row gap-1 items-center justify-end">
 				{#if inlineScript}
+					{#if inlineScript.language != 'frontend'}
+						<TagPopup
+							bind:tag={inlineScript.tag}
+							btnProps={{ unifiedSize: 'sm', variant: 'subtle' }}
+						/>
+					{/if}
 					<CacheTtlPopup
 						bind:cache_ttl={inlineScript.cache_ttl}
 						btnProps={{ unifiedSize: 'sm', variant: 'subtle' }}

package/package/components/apps/editor/inlineScriptsPanel/InlineScriptRunnableByPath.svelte

@@ -39,7 +39,8 @@ const dispatch = createEventDispatcher();
 async function refreshScript(runnable) {
     hubFlowPreview = undefined;
     try {
-        let { schema } = await getScriptByPath(runnable.path);
+        const loaded = await getScriptByPath(runnable.path);
+        const schema = loaded.schema ?? emptySchema();
         if (!deepEqual(runnable.schema, schema)) {
             runnable.schema = schema;
             if (!runnable.schema.order) {
@@ -80,7 +81,8 @@ async function refreshFlow(runnable) {
             }
             return;
         }
-        const { schema } = (await loadSchema($workspaceStore ?? '', runnable.path, 'flow')) ?? emptySchema();
+        const loaded = await loadSchema($workspaceStore ?? '', runnable.path, 'flow');
+        const schema = loaded?.schema ?? emptySchema();
         if (!deepEqual(runnable.schema, schema)) {
             runnable.schema = schema;
             if (!runnable.schema.order) {

package/package/components/apps/editor/inlineScriptsPanel/TagPopup.svelte

@@ -0,0 +1,49 @@
+<script lang="ts">import { Button } from '../../../common';
+import { Tag } from 'lucide-svelte';
+import Popover from '../../../meltComponents/Popover.svelte';
+import { autoPlacement } from '@floating-ui/core';
+import WorkerTagSelect from '../../../WorkerTagSelect.svelte';
+let { tag = $bindable(), btnProps } = $props();
+$effect(() => {
+    if (tag === '')
+        tag = undefined;
+});
+</script>
+
+<Popover
+	floatingConfig={{
+		middleware: [
+			autoPlacement({
+				allowedPlacements: ['bottom-start', 'bottom-end', 'top-start', 'top-end', 'top', 'bottom']
+			})
+		]
+	}}
+	closeButton
+	contentClasses="block text-primary p-3 w-56"
+>
+	{#snippet trigger()}
+		<Button
+			nonCaptureEvent={true}
+			btnClasses={tag
+				? 'bg-blue-100 text-blue-800 border border-blue-300 hover:bg-blue-200 dark:bg-frost-700 dark:text-frost-100 dark:border-frost-600'
+				: 'bg-surface text-primary hover:bg-hover'}
+			color="light"
+			variant="contained"
+			size="xs2"
+			iconOnly
+			startIcon={{ icon: Tag }}
+			title={tag ? `Worker tag: ${tag}` : 'Assign a worker tag'}
+			{...btnProps}
+		/>
+	{/snippet}
+	{#snippet content()}
+		<div class="flex flex-col gap-2">
+			<span class="text-xs font-bold">Worker tag</span>
+			<span class="text-2xs text-tertiary">
+				Assign a worker tag to run this inline script on a specific worker group. Leave empty to use
+				the language default.
+			</span>
+			<WorkerTagSelect bind:tag noLabel placeholder="lang default" />
+		</div>
+	{/snippet}
+</Popover>

package/package/components/apps/editor/inlineScriptsPanel/TagPopup.svelte.d.ts

@@ -0,0 +1,9 @@
+import { Button } from '../../../common';
+import type { ComponentProps } from 'svelte';
+interface Props {
+    tag: string | undefined;
+    btnProps?: ComponentProps<typeof Button>;
+}
+declare const TagPopup: import("svelte").Component<Props, {}, "tag">;
+type TagPopup = ReturnType<typeof TagPopup>;
+export default TagPopup;

package/package/components/apps/editor/settingsPanel/mainInput/RunnableSelector.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">import { Button, Drawer, DrawerContent, Tab, Tabs } from '../../../../common';
 import PickHubScript from '../../../../flows/pickers/PickHubScript.svelte';
+import PickHubFlow from '../../../../flows/pickers/PickHubFlow.svelte';
 import { Building, Globe2, MousePointer, Plus } from 'lucide-svelte';
 import InlineScriptList from './InlineScriptList.svelte';
 import WorkspaceScriptList from './WorkspaceScriptList.svelte';
@@ -47,6 +48,14 @@ async function pickHubScript(path) {
         fields: selection.fields
     });
 }
+async function pickHubFlow(item) {
+    const path = `hub/flows/${item.flow_id}`;
+    const selection = buildPathRunnableSelection(path, 'flow', await loadSchemaFromTriggerable(path, 'flow'), defaultUserInput, rawApps);
+    dispatch('pick', {
+        runnable: selection.runnable,
+        fields: selection.fields
+    });
+}
 function pickInlineScript(name) {
     const unusedInlineScriptIndex = unusedInlineScripts?.findIndex((script) => script.name === name);
     const unusedInlineScript = unusedInlineScripts?.[unusedInlineScriptIndex];
@@ -89,6 +98,7 @@ function createScript() {
 					{#if !onlyFlow}
 						<Tab value="hubscripts" label="Hub Scripts" icon={Globe2} />
 					{/if}
+					<Tab value="hubflows" label="Hub Flows" icon={Globe2} />
 				</Tabs>
 				<div class="my-2"></div>
 				<div class="flex flex-col gap-y-16">
@@ -106,6 +116,8 @@ function createScript() {
 							<WorkspaceFlowList on:pick={(e) => pickFlow(e.detail)} />
 						{:else if tab == 'hubscripts'}
 							<PickHubScript bind:filter on:pick={(e) => pickHubScript(e.detail.path)} />
+						{:else if tab == 'hubflows'}
+							<PickHubFlow bind:filter on:pick={(e) => pickHubFlow(e.detail)} />
 						{/if}
 					</div>
 				</div>

package/package/components/apps/inputType.d.ts

@@ -21,6 +21,7 @@ export type UserInput<U> = {
     type: 'user';
     value: U | undefined;
     allowUserResources?: boolean;
+    sensitive?: boolean;
 };
 export type UploadInput = {
     type: 'upload';

package/package/components/apps/sharedTypes.d.ts

@@ -8,6 +8,7 @@ export type InlineScript = {
     schema?: Schema;
     lock?: string;
     cache_ttl?: number;
+    tag?: string;
     refreshOn?: {
         id: string;
         key: string;

package/package/components/assets/AssetsDropdownButton.svelte

@@ -28,7 +28,7 @@ $effect(() => {
         }
     }
 });
-let datatables = resource([], () => WorkspaceService.listDataTables({ workspace: $workspaceStore ?? '' }));
+let datatables = resource([], () => WorkspaceService.listDataTables({ workspace: $workspaceStore ?? '' }).then((d) => d.map((d) => d.name)));
 let ducklakes = resource([], () => WorkspaceService.listDucklakes({ workspace: $workspaceStore ?? '' }));
 $effect(() => {
     assets;

package/package/components/auditLogs/AuditLogsFilters.svelte

@@ -253,7 +253,7 @@ $effect(() => {
 });
 </script>
 
-<div class="flex flex-col items-center gap-2 2xl:flex-row mt-4 xl:mt-0 pr-2">
+<div class="flex flex-col gap-8 2xl:gap-2 2xl:flex-row mt-4 xl:mt-0 pr-2">
 	{#if $workspaceStore == 'admins'}
 		<div class="flex gap-1 relative">
 			<span class="text-xs absolute font-semibold text-emphasis -top-4">Scope</span>
@@ -286,7 +286,7 @@ $effect(() => {
 			</ToggleButtonGroup>
 		</div>
 	{/if}
-	<div class="flex relative">
+	<div class="flex relative bg-surface-input">
 		<span class="text-xs absolute font-semibold text-emphasis -top-4">From</span>
 		<input type="text" value={after ?? 'From'} disabled />
 		<CalendarPicker
@@ -302,7 +302,7 @@ $effect(() => {
 			}}
 		/>
 	</div>
-	<div class="flex relative">
+	<div class="flex relative bg-surface-input">
 		<span class="text-xs absolute font-semibold text-emphasis -top-4">To</span>
 		<input type="text" value={before ?? 'To'} disabled />
 		<CalendarPicker
@@ -322,6 +322,7 @@ $effect(() => {
 	<div class="flex relative">
 		<span class="text-xs absolute font-semibold text-emphasis -top-4">Username</span>
 		<Select
+			class="w-full"
 			bind:value={username}
 			RightIcon={ChevronDown}
 			items={usernames
@@ -342,6 +343,7 @@ $effect(() => {
 		<span class="text-xs absolute font-semibold text-emphasis -top-4">Resource</span>
 
 		<Select
+			class="w-full"
 			onCreateItem={(r) => (resources.value?.push(r), (resource = r))}
 			createText="Press enter to use this value"
 			bind:value={resource}
@@ -355,6 +357,7 @@ $effect(() => {
 		<span class="text-xs absolute font-semibold text-emphasis -top-4">Operation</span>
 
 		<Select
+			class="w-full"
 			bind:value={operation}
 			items={['all', ...Object.values(operations)].map((r) => ({ value: r, label: r }))}
 			inputClass="dark:!bg-gray-700"
@@ -366,6 +369,7 @@ $effect(() => {
 		<span class="text-xs absolute font-semibold text-emphasis -top-4">Action</span>
 
 		<Select
+			class="w-full"
 			bind:value={actionKind}
 			RightIcon={ChevronDown}
 			items={[
@@ -410,6 +414,7 @@ $effect(() => {
 				refresh++
 			}}
 			unifiedSize="md"
+			wrapperClasses="ml-auto"
 		>
 			<div class="flex flex-row gap-1 items-center">
 				{#if loading}

package/package/components/common/confirmationModal/ConfirmationModal.svelte

@@ -52,7 +52,7 @@ const Icon = $derived(theme[type].Icon ?? AlertTriangle);
 {#if open}
 	<div
 		transition:fadeFast|local
-		class={'fixed top-0 bottom-0 left-0 right-0 z-[5000]'}
+		class={'fixed top-0 bottom-0 left-0 right-0 z-[9999]'}
 		role="dialog"
 		{id}
 	>

package/package/components/common/fileUpload/S3ArgInput.svelte

@@ -4,13 +4,13 @@ import { Loader2, Pipette } from 'lucide-svelte';
 import FileUpload from './FileUpload.svelte';
 import Button from '../button/Button.svelte';
 import { userStore } from '../../../stores';
-let { multiple, value = $bindable(), defaultValue, setNewValueFromCode, onFocus, onBlur, computeS3ForceViewerPolicies, workspace, editor = $bindable(), appPath, bottom } = $props();
+let { multiple, value = $bindable(), defaultValue, setNewValueFromCode, onFocus, onBlur, computeS3ForceViewerPolicies, workspace, editor = $bindable(), appPath, bottom, hideCatalogPicker = false, hideRawInput = false } = $props();
 let s3FileUploadRawMode = $state(false);
 let s3FilePicker = $state(undefined);
 let fileUpload = $state(undefined);
 </script>
 
-{#if $userStore}
+{#if $userStore && !hideCatalogPicker}
 	<S3FilePicker
 		bind:this={s3FilePicker}
 		onSelectAndClose={(selected) => {
@@ -88,7 +88,7 @@ let fileUpload = $state(undefined);
 			initialValue={value}
 		/>
 	{/if}
-	{#if $userStore}
+	{#if $userStore && !hideCatalogPicker}
 		<Button
 			variant="default"
 			size="xs"
@@ -102,11 +102,13 @@ let fileUpload = $state(undefined);
 		</Button>
 	{/if}
 	{@render bottom?.()}
-	<Toggle
-		class="mt-1"
-		textClass="font-normal text-hint"
-		bind:checked={s3FileUploadRawMode}
-		size="xs"
-		options={{ right: `Raw S3 object${multiple ? 's' : ''} input` }}
-	/>
+	{#if !hideRawInput}
+		<Toggle
+			class="mt-1"
+			textClass="font-normal text-hint"
+			bind:checked={s3FileUploadRawMode}
+			size="xs"
+			options={{ right: `Raw S3 object${multiple ? 's' : ''} input` }}
+		/>
+	{/if}
 </div>

package/package/components/common/fileUpload/S3ArgInput.svelte.d.ts

@@ -16,6 +16,8 @@ type $$ComponentProps = {
     editor: SimpleEditor | undefined;
     appPath: string | undefined;
     bottom?: import('svelte').Snippet;
+    hideCatalogPicker?: boolean;
+    hideRawInput?: boolean;
 };
 declare const S3ArgInput: import("svelte").Component<$$ComponentProps, {}, "value" | "editor">;
 type S3ArgInput = ReturnType<typeof S3ArgInput>;