windmill-components 1.642.0 → 1.655.0

package/package/components/PermissionHistory.svelte

@@ -56,12 +56,14 @@ function removeUPrefix(username) {
 		<p class="text-primary text-sm">No permission changes recorded yet</p>
 	{:else}
 		<TableCustom>
-			<tr slot="header-row">
-				<th>Changed By</th>
-				<th>Change Type</th>
-				<th>Affected</th>
-				<th>Date</th>
-			</tr>
+			{#snippet headerRow()}
+								<tr >
+					<th>Changed By</th>
+					<th>Change Type</th>
+					<th>Affected</th>
+					<th>Date</th>
+				</tr>
+							{/snippet}
 			{#snippet body()}
 				<tbody>
 					{#each history as change}

package/package/components/PersistentScriptDrawer.svelte

@@ -8,12 +8,12 @@ import { displayDate, sleep, sendUserToast } from '../utils';
 import TableCustom from './TableCustom.svelte';
 import { Hourglass, Loader2, Play, RefreshCw } from 'lucide-svelte';
 let dispatch = createEventDispatcher();
-let drawer;
-let script;
-let loadQueuedJobs = true;
-let queuedJobsLoading = false;
-let queuedJobs = [];
-let cancellingInProgress = false;
+let drawer = $state();
+let script = $state();
+let loadQueuedJobs = $state(true);
+let queuedJobsLoading = $state(false);
+let queuedJobs = $state([]);
+let cancellingInProgress = $state(false);
 async function continuouslyLoadQueuedJobs() {
     while (loadQueuedJobs) {
         loadQueuedJobsOnce();
@@ -29,7 +29,7 @@ async function loadQueuedJobsOnce() {
     let qjs = await JobService.listQueue({
         workspace: $workspaceStore ?? '',
         orderDesc: false,
-        scriptPathExact: script.path
+        scriptPathExact: script?.path
     });
     let loadingQueuedJobs = [];
     for (const qj of qjs) {
@@ -51,12 +51,12 @@ async function scaleToZero() {
     cancellingInProgress = true;
     await JobService.cancelPersistentQueuedJobs({
         workspace: $workspaceStore ?? '',
-        path: script.path,
+        path: script?.path ?? '',
         requestBody: {
             reason: undefined
         }
     });
-    sendUserToast(`All jobs cancelled for ${script.path}`);
+    sendUserToast(`All jobs cancelled for ${script?.path}`);
     cancellingInProgress = false;
 }
 export async function open(persistentScript) {
@@ -67,11 +67,11 @@ export async function open(persistentScript) {
     script = persistentScript;
     loadQueuedJobs = true;
     continuouslyLoadQueuedJobs();
-    drawer.openDrawer?.();
+    drawer?.openDrawer?.();
 }
 async function exit() {
     loadQueuedJobs = false;
-    drawer.closeDrawer?.();
+    drawer?.closeDrawer?.();
 }
 onDestroy(() => {
     loadQueuedJobs = false;
@@ -94,51 +94,57 @@ onDestroy(() => {
 	>
 		<div class="flex gap-2 items-center justify-between">
 			<h2>
-				Queued jobs for {script.path}
+				Queued jobs for {script?.path}
 			</h2>
 			<Button size="md" btnClasses="w-full h-8" variant="default" on:click={loadQueuedJobsOnce}>
 				<RefreshCw class={queuedJobsLoading ? 'animate-spin' : ''} size={14} />
 			</Button>
 		</div>
 		<TableCustom>
-			<tr slot="header-row">
-				<th class="text-xs">Script Hash</th>
-				<th class="text-xs">Job ID</th>
-				<th class="text-xs">Status</th>
-				<th class="text-xs">Scheduled For</th>
-			</tr>
-			<tbody slot="body">
-				{#each queuedJobs as { jobId, status, scriptHash, scheduledFor }}
-					<tr class="">
-						<td class="text-xs">
-							<a
-								class="pr-3"
-								href="{base}/scripts/get/{scriptHash}?workspace={$workspaceStore}"
-								target="_blank"
-							>
-								{scriptHash}
-							</a>
-						</td>
-						<td class="text-xs">
-							<a class="pr-3" href="{base}/run/{jobId}?workspace={$workspaceStore}" target="_blank"
-								>{jobId.substring(24)}</a
-							>
-						</td>
-						<td class="text-xs">
-							{#if status === 'running'}
-								<Badge color="yellow" baseClass="!px-1.5">
-									<Play size={14} />
-								</Badge>
-							{:else}
-								<Badge baseClass="!px-1.5">
-									<Hourglass size={14} />
-								</Badge>
-							{/if}
-						</td>
-						<td class="text-xs">{scheduledFor}</td>
-					</tr>
-				{/each}
-			</tbody>
+			{#snippet headerRow()}
+				<tr>
+					<th class="text-xs">Script Hash</th>
+					<th class="text-xs">Job ID</th>
+					<th class="text-xs">Status</th>
+					<th class="text-xs">Scheduled For</th>
+				</tr>
+			{/snippet}
+			{#snippet body()}
+				<tbody>
+					{#each queuedJobs as { jobId, status, scriptHash, scheduledFor }}
+						<tr class="">
+							<td class="text-xs">
+								<a
+									class="pr-3"
+									href="{base}/scripts/get/{scriptHash}?workspace={$workspaceStore}"
+									target="_blank"
+								>
+									{scriptHash}
+								</a>
+							</td>
+							<td class="text-xs">
+								<a
+									class="pr-3"
+									href="{base}/run/{jobId}?workspace={$workspaceStore}"
+									target="_blank">{jobId.substring(24)}</a
+								>
+							</td>
+							<td class="text-xs">
+								{#if status === 'running'}
+									<Badge color="yellow" baseClass="!px-1.5">
+										<Play size={14} />
+									</Badge>
+								{:else}
+									<Badge baseClass="!px-1.5">
+										<Hourglass size={14} />
+									</Badge>
+								{/if}
+							</td>
+							<td class="text-xs">{scheduledFor}</td>
+						</tr>
+					{/each}
+				</tbody>
+			{/snippet}
 		</TableCustom>
 
 		{#snippet actions()}

package/package/components/PersistentScriptDrawer.svelte.d.ts

@@ -3,7 +3,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
     } & Exports;
-    (internal: unknown, props: Props & {
+    (internal: unknown, props: {
         $$events?: Events;
         $$slots?: Slots;
     }): Exports & {
@@ -12,14 +12,12 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const PersistentScriptDrawer: $$__sveltets_2_IsomorphicComponent<{
-    open?: (persistentScript: Script | undefined) => Promise<void>;
-}, {
+declare const PersistentScriptDrawer: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
     close: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
 }, {}, {
     open: (persistentScript: Script | undefined) => Promise<void>;
-}, string>;
+}, "">;
 type PersistentScriptDrawer = InstanceType<typeof PersistentScriptDrawer>;
 export default PersistentScriptDrawer;

package/package/components/Popover.svelte

@@ -8,9 +8,9 @@ import { twMerge } from 'tailwind-merge';
 import { ExternalLink } from 'lucide-svelte';
 import { untrack } from 'svelte';
 let { placement = 'bottom-end', notClickable = false, popupClass = '', disablePopup = false, disappearTimeout = 100, appearTimeout = 300, documentationLink = undefined, style = undefined, forceOpen = false, class: classNames = '', children, text, onClick } = $props();
-const [popperRef, popperContent] = createPopperActions({ placement });
+const [popperRef, popperContent] = createPopperActions({ placement: untrack(() => placement) });
 const popperOptions = {
-    placement,
+    placement: untrack(() => placement),
     strategy: 'fixed',
     modifiers: [
         { name: 'offset', options: { offset: [8, 8] } },

package/package/components/PrefixedInput.svelte

@@ -1,7 +1,7 @@
-<script lang="ts">"use strict";
+<script lang="ts">import { untrack } from 'svelte';
 let { prefix = '', value = $bindable(''), placeholder = '', class: className = '', ...restProps } = $props();
 let inputElement = $state(null);
-let internalValue = $state(prefix + value);
+let internalValue = $state(untrack(() => prefix) + value);
 // Update internal value when prop changes
 $effect(() => {
     internalValue = prefix + value;

package/package/components/QueueMetricsDrawer.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">import { Drawer, DrawerContent } from './common';
 import QueueMetricsDrawerInner from './QueueMetricsDrawerInner.svelte';
 import QueueAlerts from './QueueAlerts.svelte';
-let drawer;
+let drawer = $state();
 export function openDrawer() {
     drawer?.openDrawer();
 }

package/package/components/QueueMetricsDrawer.svelte.d.ts

@@ -1,22 +1,5 @@
-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 QueueMetricsDrawer: $$__sveltets_2_IsomorphicComponent<{
-    openDrawer?: () => void;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {
+declare const QueueMetricsDrawer: import("svelte").Component<Record<string, never>, {
     openDrawer: () => void;
-}, string>;
-type QueueMetricsDrawer = InstanceType<typeof QueueMetricsDrawer>;
+}, "">;
+type QueueMetricsDrawer = ReturnType<typeof QueueMetricsDrawer>;
 export default QueueMetricsDrawer;

package/package/components/QueueMetricsDrawerInner.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">import 'chartjs-adapter-date-fns';
+<script lang="ts">import { run } from 'svelte/legacy';
+import 'chartjs-adapter-date-fns';
 import { Line } from './chartjs-wrappers/chartJs';
 import { Chart as ChartJS, Title, Tooltip, Legend, LineElement, CategoryScale, LinearScale, PointElement, LogarithmicScale, TimeScale } from 'chart.js';
 import { WorkerService } from '../gen';
@@ -6,7 +7,7 @@ import Skeleton from './common/skeleton/Skeleton.svelte';
 import DarkModeObserver from './DarkModeObserver.svelte';
 import Alert from './common/alert/Alert.svelte';
 import { Section } from './common';
-let loading = true;
+let loading = $state(true);
 const colorTuples = [
     ['#7EB26D', 'rgba(126, 178, 109, 0.2)'],
     ['#EAB839', 'rgba(234, 184, 57, 0.2)'],
@@ -34,10 +35,10 @@ function getColors(labels) {
     return Object.fromEntries(colors.map((c, i) => [labels[i], c]));
 }
 ChartJS.register(Title, Tooltip, Legend, LineElement, LinearScale, PointElement, CategoryScale, TimeScale, LogarithmicScale);
-let countData = undefined;
-let delayData = undefined;
-let minDate = new Date();
-let noMetrics = false;
+let countData = $state(undefined);
+let delayData = $state(undefined);
+let minDate = $state(new Date());
+let noMetrics = $state(false);
 function fillData(data, zero = 0) {
     // fill holes with 0
     const sorted = [];
@@ -122,9 +123,13 @@ async function loadMetrics() {
     loading = false;
 }
 loadMetrics();
-let darkMode = false;
-$: ChartJS.defaults.color = darkMode ? '#ccc' : '#666';
-$: ChartJS.defaults.borderColor = darkMode ? 'rgba(255, 255, 255, 0.1)' : 'rgba(0, 0, 0, 0.1)';
+let darkMode = $state(false);
+run(() => {
+    ChartJS.defaults.color = darkMode ? '#ccc' : '#666';
+});
+run(() => {
+    ChartJS.defaults.borderColor = darkMode ? 'rgba(255, 255, 255, 0.1)' : 'rgba(0, 0, 0, 0.1)';
+});
 </script>
 
 <DarkModeObserver bind:darkMode />

package/package/components/QueueMetricsDrawerInner.svelte.d.ts

@@ -1,19 +1,4 @@
 import 'chartjs-adapter-date-fns';
-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: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const QueueMetricsDrawerInner: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type QueueMetricsDrawerInner = InstanceType<typeof QueueMetricsDrawerInner>;
+declare const QueueMetricsDrawerInner: import("svelte").Component<Record<string, never>, {}, "">;
+type QueueMetricsDrawerInner = ReturnType<typeof QueueMetricsDrawerInner>;
 export default QueueMetricsDrawerInner;

package/package/components/RadioButton.svelte

@@ -1,11 +1,6 @@
-<script lang="ts">export let label = '';
-export let options;
-export let value;
-export let disabled = false;
-export let labelClass = '';
-export let inputClass = '';
-import { createEventDispatcher } from 'svelte';
+<script lang="ts">import { createEventDispatcher } from 'svelte';
 import Tooltip from './Tooltip.svelte';
+let { label = '', options, value = $bindable(), disabled = false, labelClass = '', inputClass = '' } = $props();
 const dispatch = createEventDispatcher();
 </script>
 
@@ -25,7 +20,7 @@ const dispatch = createEventDispatcher();
 					class="sr-only"
 					bind:group={value}
 					aria-labelledby="memory-option-0-label"
-					on:click={() => dispatch('change', val)}
+					onclick={() => dispatch('change', val)}
 				/>
 				<p>
 					{#if typeof label !== 'string'}

package/package/components/RadioButton.svelte.d.ts

@@ -1,3 +1,14 @@
+interface Props {
+    label?: string;
+    options: [string | {
+        title: string;
+        desc: string;
+    }, any][];
+    value: any;
+    disabled?: boolean;
+    labelClass?: string;
+    inputClass?: string;
+}
 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;
@@ -11,20 +22,10 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const RadioButton: $$__sveltets_2_IsomorphicComponent<{
-    label?: string;
-    options: [string | {
-        title: string;
-        desc: string;
-    }, any][];
-    value: any;
-    disabled?: boolean;
-    labelClass?: string;
-    inputClass?: string;
-}, {
+declare const RadioButton: $$__sveltets_2_IsomorphicComponent<Props, {
     change: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+}, {}, {}, "value">;
 type RadioButton = InstanceType<typeof RadioButton>;
 export default RadioButton;

package/package/components/Range.svelte

@@ -1,22 +1,19 @@
-<script lang="ts">import RangeSlider from 'svelte-range-slider-pips';
-export let min = 0;
-export let max = 100;
-export let initialValue = 0;
-export let value = typeof initialValue === 'string' ? parseInt(initialValue) : initialValue;
-export let disabled = false;
-export let defaultValue = undefined;
-export let format = (v) => `${v}`;
-export let hideInput = false;
+<script lang="ts">import { run, createBubbler, stopPropagation } from 'svelte/legacy';
+const bubble = createBubbler();
+import RangeSlider from 'svelte-range-slider-pips';
+let { min = 0, max = 100, initialValue = 0, value = $bindable(typeof initialValue === 'string' ? parseInt(initialValue) : initialValue), disabled = false, defaultValue = undefined, format = (v) => `${v}`, hideInput = false } = $props();
 let step = 1;
-let slider;
+let slider = $state();
 function calculateAxisStep(min, max) {
     const range = max - min;
     return range < 100 ? 1 : range / 20;
 }
-$: if (value === null) {
-    value = 0;
-}
-$: axisStep = calculateAxisStep(min, max);
+run(() => {
+    if (value === null) {
+        value = 0;
+    }
+});
+let axisStep = $derived(calculateAxisStep(min, max));
 function handleKeyDown(event) {
     if (disabled)
         return;
@@ -35,17 +32,17 @@ function handleKeyDown(event) {
     event.preventDefault();
 }
 // Calculate the handle width based on the length of the max value
-$: handleWidth = `${Math.max(max.toString().length ?? 2, 2)}em`;
+let handleWidth = $derived(`${Math.max(max.toString().length ?? 2, 2)}em`);
 </script>
 
 <div class="flex flex-row w-full mx-2 items-center gap-8">
-	<!-- svelte-ignore a11y-no-static-element-interactions -->
+	<!-- svelte-ignore a11y_no_static_element_interactions -->
 
 	<div
 		class={'grow'}
 		style="--range-handle-focus: {'#7e9abd'}; --range-handle: {'#7e9abd'}; --handle-width: {handleWidth}; --handle-border: 4px;"
-		on:pointerdown|stopPropagation
-		on:keydown={handleKeyDown}
+		onpointerdown={stopPropagation(bubble('pointerdown'))}
+		onkeydown={handleKeyDown}
 		>{#if max <= min}
 			<div class="text-secondary text-sm"
 				>Impossible to display range: {`max (${max}) <= min (${min})`}</div

package/package/components/Range.svelte.d.ts

@@ -1,29 +1,13 @@
-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 Range: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     min?: number;
     max?: number;
     initialValue?: number;
-    value?: number;
+    value?: any;
     disabled?: boolean;
     defaultValue?: number | undefined;
     format?: (value: number) => string;
     hideInput?: boolean;
-}, {
-    pointerdown: PointerEvent;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Range = InstanceType<typeof Range>;
+}
+declare const Range: import("svelte").Component<Props, {}, "value">;
+type Range = ReturnType<typeof Range>;
 export default Range;

package/package/components/RepositorySelector.svelte

@@ -1,8 +1,9 @@
-<script lang="ts">import { GitSyncService } from '../gen';
+<script lang="ts">import { untrack } from 'svelte';
+import { GitSyncService } from '../gen';
 import Select from './select/Select.svelte';
 let { disabled = false, selectedRepository = $bindable(), accountId, initialRepositories, totalCount, perPage, containerClass = 'flex-1', minWidth = '160px', onError } = $props();
 // Track all loaded repositories across pages
-let loadedRepositories = $state(initialRepositories);
+let loadedRepositories = $state(untrack(() => initialRepositories));
 let currentPage = $state(1);
 let isLoadingMore = $state(false);
 // Client-side filtered repositories based on search text

package/package/components/Required.svelte

@@ -1,11 +1,11 @@
-<script lang="ts">export let required;
-export let detail = '';
+<script lang="ts">"use strict";
+let { required, detail = '', class: className = '' } = $props();
 </script>
 
 {#if required}
-	<span class="text-red-500 dark:text-red-400 text-sm font-normal {$$props.class}">*</span>
+	<span class="text-red-500 dark:text-red-400 text-sm font-normal {className}">*</span>
 {:else if detail || detail != ''}
-	<span class="text-sm text-primary ml-2 font-normal {$$props.class}"
+	<span class="text-sm text-primary ml-2 font-normal {className}"
 		>({detail != '' ? `${detail}` : ''})</span
 	>
 {/if}

package/package/components/Required.svelte.d.ts

@@ -1,22 +1,8 @@
-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 Required: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: any;
+interface Props {
     required: boolean;
-    detail?: string | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Required = InstanceType<typeof Required>;
+    detail?: string;
+    class?: string;
+}
+declare const Required: import("svelte").Component<Props, {}, "">;
+type Required = ReturnType<typeof Required>;
 export default Required;

package/package/components/ResourceEditor.svelte

@@ -20,7 +20,8 @@ import TestTriggerConnection from './triggers/TestTriggerConnection.svelte';
 import GitHubAppIntegration from './GitHubAppIntegration.svelte';
 import Button from './common/button/Button.svelte';
 import { clearJsonSchemaResourceCache } from './schema/jsonSchemaResource.svelte';
-let { canSave = $bindable(true), resource_type = $bindable(undefined), path = $bindable(''), newResource = false, hidePath = false, onChange, defaultValues = undefined } = $props();
+import ResourceGen from './copilot/ResourceGen.svelte';
+let { canSave = $bindable(true), resource_type = $bindable(undefined), path = $bindable(''), hidePath = false, onChange, defaultValues = undefined } = $props();
 let isValid = $state(true);
 let jsonError = $state('');
 let can_write = $state(true);
@@ -35,6 +36,7 @@ let linkedVars = $state([]);
 let resourceTypeInfo = $state(undefined);
 let editDescription = $state(false);
 let viewJsonSchema = $state(false);
+let newResource = $derived(!path);
 const dispatch = createEventDispatcher();
 let rawCode = $state(undefined);
 async function initEdit() {
@@ -50,7 +52,7 @@ async function initEdit() {
         .filter(([_, v]) => typeof v == 'string' && v == `$var:${initialPath}`)
         .map(([k, _]) => k);
 }
-if (!newResource) {
+if (!untrack(() => newResource)) {
     initEdit();
 }
 else if (resource_type) {
@@ -237,6 +239,13 @@ run(() => {
 						right: 'As JSON'
 					}}
 				/>
+				<ResourceGen
+					bind:args
+					resourceType={resource_type}
+					resourceName={path}
+					resourceDescription={description}
+					{resourceSchema}
+				/>
 				{#if resourceToEdit?.resource_type === 'nats' || resourceToEdit?.resource_type === 'kafka'}
 					<TestTriggerConnection kind={resourceToEdit?.resource_type} args={{ connection: args }} />
 				{:else}
@@ -263,9 +272,17 @@ run(() => {
 				{#if loadingSchema}
 					<Skeleton layout={[[4]]} />
 				{:else if !viewJsonSchema && resourceTypeInfo?.is_fileset}
-					<h5 class="mt-1 inline-flex items-center gap-4">
-						Fileset
-					</h5>
+					<div class="mt-1 flex items-center gap-2">
+						<h5 class="inline-flex items-center gap-4">Fileset</h5>
+						<ResourceGen
+							bind:args
+							resourceType={resource_type}
+							resourceName={path}
+							resourceDescription={description}
+							{resourceSchema}
+							isFileset
+						/>
+					</div>
 					<FilesetEditor bind:args />
 				{:else if !viewJsonSchema && resourceSchema && resourceSchema?.properties}
 					{#if resourceTypeInfo?.format_extension}

package/package/components/ResourceEditor.svelte.d.ts

@@ -2,7 +2,6 @@ interface Props {
     canSave?: boolean;
     resource_type?: string | undefined;
     path?: string;
-    newResource?: boolean;
     hidePath?: boolean;
     onChange?: (args: {
         path: string;