windmill-components 1.511.1 → 1.531.0

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/RelativeLineNumbers.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">import { RELATIVE_LINE_NUMBERS_SETTING_NAME, relativeLineNumbers } from '../stores';
+import { storeLocalSetting } from '../utils';
+import Toggle from './Toggle.svelte';
+function storeSetting() {
+    storeLocalSetting(RELATIVE_LINE_NUMBERS_SETTING_NAME, $relativeLineNumbers.toString());
+}
+</script>
+
+<Toggle
+	size="xs"
+	bind:checked={$relativeLineNumbers}
+	on:change={() => {
+		storeSetting()
+	}}
+	options={{ right: 'relative line numbers' }}
+/>

package/package/components/RelativeLineNumbers.svelte.d.ts

@@ -0,0 +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: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const RelativeLineNumbers: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type RelativeLineNumbers = InstanceType<typeof RelativeLineNumbers>;
+export default RelativeLineNumbers;

package/package/components/ResourceEditor.svelte

@@ -17,6 +17,7 @@ import autosize from '../autosize';
 import GfmMarkdown from './GfmMarkdown.svelte';
 import TestTriggerConnection from './triggers/TestTriggerConnection.svelte';
 import GitHubAppIntegration from './GitHubAppIntegration.svelte';
+import Button from './common/button/Button.svelte';
 let { canSave = $bindable(true), resource_type = $bindable(undefined), path = $bindable(''), newResource = false, hidePath = false, onChange, defaultValues = undefined } = $props();
 let isValid = $state(true);
 let jsonError = $state('');
@@ -190,10 +191,14 @@ run(() => {
 		<h4 class="mt-4 inline-flex items-center gap-4"
 			>Resource description <Required required={false} />
 			{#if can_write}
-				<div class="flex gap-1 items-center">
-					<Toggle size="xs" bind:checked={editDescription} />
-					<Pen size={14} />
-				</div>
+				<Button
+					size="xs2"
+					variant="contained"
+					color="light"
+					btnClasses={editDescription ? 'bg-surface-hover' : ''}
+					startIcon={{ icon: Pen }}
+					on:click={() => (editDescription = !editDescription)}
+				/>
 			{/if}</h4
 		>
 		{#if can_write && editDescription}
@@ -225,7 +230,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}

package/package/components/ResourcePicker.svelte

@@ -9,7 +9,7 @@ import { sendUserToast } from '../toast';
 import Select from './select/Select.svelte';
 import DbManagerDrawer from './DBManagerDrawer.svelte';
 import ExploreAssetButton, { assetCanBeExplored } from './ExploreAssetButton.svelte';
-let { initialValue = $bindable(undefined), value = $bindable(undefined), valueType = $bindable(undefined), resourceType = undefined, disabled = false, disablePortal = false, showSchemaExplorer = false, selectFirst = false, expressOAuthSetup = false, defaultValues = undefined, placeholder = undefined, onClear = undefined } = $props();
+let { initialValue = $bindable(undefined), value = $bindable(undefined), valueType = $bindable(undefined), resourceType = undefined, disabled = false, disablePortal = false, showSchemaExplorer = false, selectFirst = false, expressOAuthSetup = false, defaultValues = undefined, placeholder = undefined, onClear = undefined, excludedValues = undefined } = $props();
 if (initialValue && value == undefined) {
     console.log('initialValue', initialValue);
     value = initialValue;
@@ -62,6 +62,7 @@ async function loadResources(resourceType) {
         const nc = resources
             .flat()
             .filter((x) => x.resource_type != 'state' && x.resource_type != 'cache')
+            .filter((x) => !excludedValues || !excludedValues.includes(x.path))
             .map((x) => ({
             value: x.path,
             label: x.path,
@@ -95,6 +96,12 @@ $effect(() => {
     });
     untrack(() => loadResources(resourceType));
 });
+$effect(() => {
+    excludedValues;
+    if ($workspaceStore && resourceType && !disabled) {
+        untrack(() => loadResources(resourceType));
+    }
+});
 let appConnect = $state();
 let resourceEditor = $state();
 let dbManagerDrawer = $state();

package/package/components/ResourcePicker.svelte.d.ts

@@ -11,6 +11,7 @@ interface Props {
     defaultValues?: Record<string, any> | undefined;
     placeholder?: string | undefined;
     onClear?: () => void;
+    excludedValues?: string[];
 }
 declare const ResourcePicker: import("svelte").Component<Props, {
     askNewResource: () => Promise<void>;

package/package/components/ResultStreamDisplay.svelte

@@ -0,0 +1,5 @@
+<script lang="ts">"use strict";
+let { result_stream } = $props();
+</script>
+
+<pre class="text-xs">{result_stream}</pre>

package/package/components/ResultStreamDisplay.svelte.d.ts

@@ -0,0 +1,5 @@
+declare const ResultStreamDisplay: import("svelte").Component<{
+    result_stream: any;
+}, {}, "">;
+type ResultStreamDisplay = ReturnType<typeof ResultStreamDisplay>;
+export default ResultStreamDisplay;

package/package/components/RunForm.svelte

@@ -12,6 +12,7 @@ import JsonInputs from './JsonInputs.svelte';
 import { triggerableByAI } from '../actions/triggerableByAI.svelte';
 import InputSelectedBadge from './schema/InputSelectedBadge.svelte';
 import { untrack } from 'svelte';
+import {} from '../gen';
 let reloadArgs = $state(0);
 let jsonEditor = $state(undefined);
 let schemaHeight = $state(0);
@@ -190,7 +191,14 @@ $effect(() => {
 									type: 'hash',
 									hash: runnable.hash
 								}
-							: undefined}
+							: runnable.schema?.['x-windmill-dyn-select-code'] &&
+								  runnable.schema?.['x-windmill-dyn-select-lang']
+								? {
+										type: 'inline',
+										code: runnable.schema['x-windmill-dyn-select-code'] as string,
+										lang: runnable.schema['x-windmill-dyn-select-lang'] as ScriptLang
+									}
+								: undefined}
 						prettifyHeader
 						{noVariablePicker}
 						{autofocus}

package/package/components/SchemaForm.svelte

@@ -203,7 +203,7 @@ const actions_render = $derived(actions);
 								title={formerProperty?.title}
 								placeholder={formerProperty?.placeholder}
 								orderEditable={dndConfig != undefined}
-								otherArgs={args}
+								otherArgs={{ ...args, [argName]: undefined }}
 								{helperScript}
 								{lightHeader}
 								hideNested={typeof diff[argName].diff === 'object'}
@@ -276,7 +276,7 @@ const actions_render = $derived(actions);
 									title={schema.properties[argName].title}
 									placeholder={schema.properties[argName].placeholder}
 									orderEditable={dndConfig != undefined}
-									otherArgs={args}
+									otherArgs={{ ...args, [argName]: undefined }}
 									{helperScript}
 									{lightHeader}
 									diffStatus={diff[argName] ?? undefined}

package/package/components/SchemaForm.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { Schema } from '../common';
-import { type Script } from '../gen';
+import { type DynamicSelect } from '../utils';
 import { type Options as DndOptions } from '@windmill-labs/svelte-dnd-action';
 import type { SchemaDiff } from './schema/schemaUtils.svelte';
 import type { ComponentCustomCSS } from './apps/types';
@@ -30,15 +30,7 @@ interface Props {
         id: string;
         value: string;
     }[] | undefined;
-    helperScript?: {
-        type: 'inline';
-        path?: string;
-        lang: Script['language'];
-        code: string;
-    } | {
-        type: 'hash';
-        hash: string;
-    } | undefined;
+    helperScript?: DynamicSelect.HelperScript;
     lightHeader?: boolean;
     diff?: Record<string, SchemaDiff>;
     nestedParent?: {

package/package/components/ScriptBuilder.svelte

@@ -5,7 +5,7 @@ import { inferArgs } from '../infer';
 import { initialCode } from '../script_helpers';
 import AIFormSettings from './copilot/AIFormSettings.svelte';
 import { defaultScripts, enterpriseLicense, usedTriggerKinds, userStore, workerTags, workspaceStore } from '../stores';
-import { cleanValueProperties, emptySchema, emptyString, encodeState, generateRandomString, orderedJsonStringify, replaceFalseWithUndefined } from '../utils';
+import { cleanValueProperties, emptySchema, emptyString, encodeState, generateRandomString, orderedJsonStringify, readFieldsRecursively, replaceFalseWithUndefined } from '../utils';
 import Path from './Path.svelte';
 import ScriptEditor from './ScriptEditor.svelte';
 import { Alert, Badge, Button, Drawer, SecondsInput, Tab, TabContent, Tabs } from './common';
@@ -41,7 +41,7 @@ import { deployTriggers, filterDraftTriggers, handleSelectTriggerFromKind } from
 import DraftTriggersConfirmationModal from './common/confirmationModal/DraftTriggersConfirmationModal.svelte';
 import { Triggers } from './triggers/triggers.svelte';
 import WorkerTagSelect from './WorkerTagSelect.svelte';
-let { script, fullyLoaded = true, initialPath = $bindable(''), template = $bindable('script'), initialArgs = {}, lockedLanguage = false, showMeta = false, neverShowMeta = false, diffDrawer = undefined, savedScript = $bindable(undefined), searchParams = new URLSearchParams(), disableHistoryChange = false, replaceStateFn = (url) => window.history.replaceState(null, '', url), customUi = {}, savedPrimarySchedule = undefined, functionExports = undefined, children, onDeploy, onDeployError, onSaveInitial, onSeeDetails, onSaveDraftError, onSaveDraft, disableAi } = $props();
+let { script = $bindable(), fullyLoaded = true, initialPath = $bindable(''), template = $bindable('script'), initialArgs = {}, lockedLanguage = false, showMeta = false, neverShowMeta = false, diffDrawer = undefined, savedScript = $bindable(undefined), searchParams = new URLSearchParams(), disableHistoryChange = false, replaceStateFn = (url) => window.history.replaceState(null, '', url), customUi = {}, savedPrimarySchedule = undefined, functionExports = undefined, children, onDeploy, onDeployError, onSaveInitial, onSeeDetails, onSaveDraftError, onSaveDraft, disableAi } = $props();
 export function getInitialAndModifiedValues() {
     return {
         savedValue: savedScript,
@@ -186,12 +186,16 @@ const scriptKindOptions = [
 let pathError = $state('');
 let loadingSave = $state(false);
 let loadingDraft = $state(false);
+let timeout2 = undefined;
 function encodeScriptState(script) {
-    replaceStateFn('#' +
-        encodeState({
-            ...script,
-            draft_triggers: structuredClone(triggersState.getDraftTriggersSnapshot())
-        }));
+    untrack(() => timeout2 && clearTimeout(timeout2));
+    timeout2 = setTimeout(() => {
+        replaceStateFn('#' +
+            encodeState({
+                ...script,
+                draft_triggers: structuredClone(triggersState.getDraftTriggersSnapshot())
+            }));
+    }, 500);
 }
 let timeout = undefined;
 function saveSessionDraft() {
@@ -715,7 +719,8 @@ $effect(() => {
     });
 });
 $effect(() => {
-    !disableHistoryChange && untrack(() => encodeScriptState(script));
+    readFieldsRecursively(script);
+    !disableHistoryChange && encodeScriptState(script);
 });
 loadWorkerTags();
 async function loadWorkerTags() {
@@ -903,7 +908,7 @@ async function loadWorkerTags() {
 														>
 															<LanguageIcon {lang} />
 															<span class="ml-2 py-2 truncate">{label}</span>
-															{#if lang === 'nu'}
+															{#if lang === 'nu' || lang === 'ruby'}
 																<span class="text-tertiary !text-xs"> BETA </span>
 															{/if}
 														</Button>
@@ -1482,16 +1487,18 @@ async function loadWorkerTags() {
 				{/if}
 
 				<div class="flex flex-row gap-x-1 lg:gap-x-2">
-					{#if $workerTags}
-						{#if $workerTags?.length ?? 0 > 0}
-							<div class="max-w-[200px] pr-8">
-								<WorkerTagSelect
-									inputClass="text-sm text-secondary !placeholder-secondary"
-									nullTag={script.language}
-									placeholder={customUi?.tagSelectPlaceholder}
-									bind:tag={script.tag}
-								/>
-							</div>
+					{#if customUi?.topBar?.tagEdit != false}
+						{#if $workerTags}
+							{#if $workerTags?.length ?? 0 > 0}
+								<div class="max-w-[200px] pr-8">
+									<WorkerTagSelect
+										inputClass="text-sm text-secondary !placeholder-secondary"
+										nullTag={script.language}
+										placeholder={customUi?.tagSelectPlaceholder}
+										bind:tag={script.tag}
+									/>
+								</div>
+							{/if}
 						{/if}
 					{/if}
 					{#if customUi?.topBar?.settings != false}

package/package/components/ScriptBuilder.svelte.d.ts

@@ -7,6 +7,6 @@ declare const ScriptBuilder: import("svelte").Component<ScriptBuilderProps, {
     setPrimarySchedule: (schedule: ScheduleTrigger | undefined | false) => void;
     setDraftTriggers: (triggers: Trigger[] | undefined) => void;
     setCode: (code: string) => void;
-}, "template" | "initialPath" | "savedScript">;
+}, "script" | "template" | "initialPath" | "savedScript">;
 type ScriptBuilder = ReturnType<typeof ScriptBuilder>;
 export default ScriptBuilder;

package/package/components/ScriptEditor.svelte

@@ -295,9 +295,9 @@ $effect(() => {
     };
     untrack(() => {
         aiChatManager.scriptEditorOptions = options;
-        aiChatManager.scriptEditorApplyCode = (code) => {
+        aiChatManager.scriptEditorApplyCode = (code, applyAll = false) => {
             hideDiffMode();
-            editor?.reviewAndApplyCode(code);
+            editor?.reviewAndApplyCode(code, applyAll);
         };
         aiChatManager.scriptEditorShowDiffMode = showDiffMode;
     });

package/package/components/ScriptEditor.svelte.d.ts

@@ -74,6 +74,6 @@ declare const ScriptEditor: $$__sveltets_2_IsomorphicComponent<Props, {
     setCollaborationMode: () => Promise<void>;
     disableCollaboration: () => void;
     updateArgs: (newArgs: Record<string, any>) => Promise<void>;
-}, "args" | "code" | "assets" | "schema" | "editor" | "selectedTab" | "diffEditor" | "hasPreprocessor" | "captureTable">;
+}, "args" | "code" | "assets" | "schema" | "selectedTab" | "editor" | "diffEditor" | "hasPreprocessor" | "captureTable">;
 type ScriptEditor = InstanceType<typeof ScriptEditor>;
 export default ScriptEditor;

package/package/components/ScriptWrapper.svelte

@@ -5,5 +5,5 @@ let script = $state(oldScript);
 </script>
 
 <AiChatLayout noPadding {disableAi}>
-	<ScriptBuilder {script} {disableAi} {...props} />
+	<ScriptBuilder bind:script {disableAi} {...props} />
 </AiChatLayout>

package/package/components/ShareModal.svelte.d.ts

@@ -16,7 +16,7 @@ declare const ShareModal: $$__sveltets_2_IsomorphicComponent<Record<string, neve
 } & {
     [evt: string]: CustomEvent<any>;
 }, {}, {
-    openDrawer: (newPath: string, kind_l: "resource" | "script" | "flow" | "schedule" | "app" | "variable" | "group_" | "raw_app" | "http_trigger" | "websocket_trigger" | "kafka_trigger" | "nats_trigger" | "postgres_trigger" | "mqtt_trigger" | "gcp_trigger" | "sqs_trigger") => Promise<void>;
+    openDrawer: (newPath: string, kind_l: "resource" | "script" | "flow" | "app" | "variable" | "schedule" | "group_" | "raw_app" | "http_trigger" | "websocket_trigger" | "kafka_trigger" | "nats_trigger" | "postgres_trigger" | "mqtt_trigger" | "gcp_trigger" | "sqs_trigger") => Promise<void>;
 }, "">;
 type ShareModal = InstanceType<typeof ShareModal>;
 export default ShareModal;

package/package/components/SimpleAgTable.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">import { sendUserToast } from '../toast';
+import 'ag-grid-community/styles/ag-grid.css';
+import 'ag-grid-community/styles/ag-theme-alpine.css';
 import { createGrid } from 'ag-grid-community';
 import DarkModeObserver from './DarkModeObserver.svelte';
 import { untrack } from 'svelte';

package/package/components/SimpleAgTable.svelte.d.ts

@@ -1,3 +1,5 @@
+import 'ag-grid-community/styles/ag-grid.css';
+import 'ag-grid-community/styles/ag-theme-alpine.css';
 type Props = {
     data: Record<string, any>[];
     class?: string;

package/package/components/SimpleEditor.svelte

@@ -72,7 +72,7 @@ import libStdContent from '../es6.d.ts.txt?raw';
 import domContent from '../dom.d.ts.txt?raw';
 import { initializeVscode, keepModelAroundToAvoidDisposalOfWorkers } from './vscode';
 import EditorTheme from './EditorTheme.svelte';
-import { vimMode } from '../stores';
+import { vimMode, relativeLineNumbers } from '../stores';
 import { initVim } from './monaco_keybindings';
 import FakeMonacoPlaceHolder from './FakeMonacoPlaceHolder.svelte';
 import { editorPositionMap } from '../utils';
@@ -89,7 +89,7 @@ let suggestion = $state('');
 let placeholderVisible = $state(false);
 let mounted = $state(false);
 let valueAfterDispose = undefined;
-let { lang, code = $bindable(), hash = createHash(), cmdEnterAction, formatAction, automaticLayout = true, extraLib = '', placeholder = '', disableSuggestions = false, disableLinting = false, hideLineNumbers = false, shouldBindKey = true, autoHeight = false, fixedOverflowWidgets = true, small = false, domLib = false, autofocus = false, allowVim = false, tailwindClasses = [], class: className = '', loadAsync = false, key, disabled = false } = $props();
+let { lang, code = $bindable(), hash = createHash(), cmdEnterAction, formatAction, automaticLayout = true, extraLib = '', placeholder = '', disableSuggestions = false, disableLinting = false, hideLineNumbers = false, shouldBindKey = true, autoHeight = false, fixedOverflowWidgets = true, small = false, domLib = false, autofocus = false, allowVim = false, tailwindClasses = [], class: className = '', loadAsync = false, key, disabled = false, minHeight = 1000 } = $props();
 const dispatch = createEventDispatcher();
 const uri = `file:///${hash}.${langToExt(lang)}`;
 export function getCode() {
@@ -186,6 +186,11 @@ $effect(() => {
         untrack(() => onVimDisable());
     }
 });
+$effect(() => {
+    editor?.updateOptions({
+        lineNumbers: $relativeLineNumbers ? 'relative' : 'on'
+    });
+});
 function onVimDisable() {
     vimDisposable?.dispose();
 }
@@ -284,8 +289,9 @@ async function loadMonaco() {
         return;
     }
     try {
+        console.log('fixedOverflowWidgets', fixedOverflowWidgets);
         editor = meditor.create(divEl, {
-            ...editorConfig(code ?? '', lang, automaticLayout, fixedOverflowWidgets),
+            ...editorConfig(code ?? '', lang, automaticLayout, fixedOverflowWidgets, $relativeLineNumbers),
             model,
             lineDecorationsWidth: 6,
             lineNumbersMinChars: 2,
@@ -346,7 +352,7 @@ async function loadMonaco() {
         const updateHeight = () => {
             if (!editor)
                 return;
-            const contentHeight = Math.min(1000, editor.getContentHeight());
+            const contentHeight = Math.min(minHeight, editor.getContentHeight());
             if (divEl) {
                 divEl.style.height = `${contentHeight}px`;
             }

package/package/components/SimpleEditor.svelte.d.ts

@@ -29,6 +29,7 @@ type $$ComponentProps = {
     initialCursorPos?: IPosition;
     key?: string;
     disabled?: boolean;
+    minHeight?: number;
 };
 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> & {

package/package/components/SqlRepl.svelte

@@ -33,6 +33,12 @@ function splitSqlStatements(code) {
     }
     return statements;
 }
+function pruneComments(code) {
+    return code
+        .replace(/--.*?(\r?\n|$)/g, '')
+        .replace(/\/\*[\s\S]*?\*\//g, '')
+        .trim();
+}
 </script>
 
 <script lang="ts">import { CornerDownLeft, Loader2 } from 'lucide-svelte';
@@ -44,7 +50,9 @@ import { untrack } from 'svelte';
 import { getLanguageByResourceType } from './apps/components/display/dbtable/utils';
 import StepHistory, {} from './flows/propPicker/StepHistory.svelte';
 import { Pane, Splitpanes } from 'svelte-splitpanes';
-let { resourcePath, resourceType, onData, placeholderTableName } = $props();
+import { getDbType, wrapDucklakeQuery } from './dbOps';
+let { input, onData, placeholderTableName } = $props();
+let dbType = $derived(getDbType(input));
 const DEFAULT_SQL = 'SELECT * FROM _';
 let code = $state(DEFAULT_SQL);
 $effect(() => {
@@ -60,7 +68,11 @@ async function run({ doPostgresRowToJsonFix } = {}) {
         return;
     isRunning = true;
     try {
-        const statements = splitSqlStatements(code);
+        const statements = splitSqlStatements(pruneComments(code));
+        if (statements.length === 0) {
+            sendUserToast('Nothing to run', true);
+            return;
+        }
         // Transform all to JSON in case of select. This fixes the issue of
         // custom postgres enum type failing to convert to a rust type in the backend.
         // We don't always put the fix by default for row ordering concerns
@@ -75,14 +87,16 @@ async function run({ doPostgresRowToJsonFix } = {}) {
             })
                 .join(';');
         }
+        const dbArg = input?.type === 'database' ? { database: '$res:' + input.resourcePath } : {};
+        if (input?.type === 'ducklake') {
+            transformedCode = wrapDucklakeQuery(transformedCode, input.ducklake);
+        }
         let { job, result } = (await runScriptAndPollResult({
             workspace: $workspaceStore,
             requestBody: {
-                language: getLanguageByResourceType(resourceType),
+                language: getLanguageByResourceType(dbType),
                 content: transformedCode,
-                args: {
-                    database: '$res:' + resourcePath
-                }
+                args: dbArg
             }
         }, { withJobData: true }));
         if (statements.length > 1) {
@@ -113,7 +127,7 @@ async function run({ doPostgresRowToJsonFix } = {}) {
     }
     catch (e) {
         console.error(e);
-        if (resourceType === 'postgresql' && !doPostgresRowToJsonFix) {
+        if (dbType === 'postgresql' && !doPostgresRowToJsonFix) {
             console.error('Error running query, trying with row_to_json fix');
             isRunning = false;
             return await run({ doPostgresRowToJsonFix: true });

package/package/components/SqlRepl.svelte.d.ts

@@ -1,6 +1,6 @@
+import { type DbInput } from './dbOps';
 type Props = {
-    resourceType: string;
-    resourcePath: string;
+    input: DbInput;
     onData: (data: Record<string, any>[]) => void;
     placeholderTableName?: string;
 };