windmill-components 1.511.1 → 1.531.0

package/package/components/apps/components/display/dbtable/utils.js

@@ -9,18 +9,17 @@ export var ColumnIdentity;
     ColumnIdentity["Always"] = "Always";
     ColumnIdentity["No"] = "No";
 })(ColumnIdentity || (ColumnIdentity = {}));
-export async function loadTableMetaData(resource, workspace, table, resourceType) {
-    if (!resource || !table || !workspace) {
+export async function loadTableMetaData(input, workspace, table) {
+    if (!input || !table || !workspace)
         return undefined;
-    }
+    let language = input.type == 'ducklake' ? 'duckdb' : getLanguageByResourceType(input.resourceType);
+    let content = await makeLoadTableMetaDataQuery(input, workspace, table);
     const job = await JobService.runScriptPreview({
         workspace: workspace,
         requestBody: {
-            language: getLanguageByResourceType(resourceType),
-            content: await makeLoadTableMetaDataQuery(resource, workspace, table, resourceType),
-            args: {
-                database: resource
-            }
+            language,
+            content,
+            args: input.type === 'database' ? { database: '$res:' + input.resourcePath } : {}
         }
     });
     const maxRetries = 8;
@@ -34,7 +33,7 @@ export async function loadTableMetaData(resource, workspace, table, resourceType
             }));
             if (testResult.success) {
                 attempts = maxRetries;
-                if (resourceType === 'ms_sql_server') {
+                if (input.type === 'database' && input.resourceType === 'ms_sql_server') {
                     return testResult.result[0].map(lowercaseKeys);
                 }
                 else {
@@ -52,22 +51,20 @@ export async function loadTableMetaData(resource, workspace, table, resourceType
     console.error('Failed to load table metadata after maximum retries.');
     return undefined;
 }
-export async function loadAllTablesMetaData(resource, workspace, resourceType) {
-    if (!resource || !workspace) {
+export async function loadAllTablesMetaData(workspace, input) {
+    if (!input || !workspace)
         return undefined;
-    }
+    let language = input.type == 'ducklake' ? 'duckdb' : getLanguageByResourceType(input.resourceType);
     try {
         let result = (await runScriptAndPollResult({
             workspace: workspace,
             requestBody: {
-                language: getLanguageByResourceType(resourceType),
-                content: await makeLoadTableMetaDataQuery(resource, workspace, undefined, resourceType),
-                args: {
-                    database: resource
-                }
+                language,
+                content: await makeLoadTableMetaDataQuery(input, workspace, undefined),
+                args: input.type === 'database' ? { database: '$res:' + input.resourcePath } : {}
             }
         }));
-        if (resourceType === 'ms_sql_server') {
+        if (input.type === 'database' && input.resourceType === 'ms_sql_server') {
             result = result[0];
         }
         const map = {};
@@ -85,11 +82,25 @@ export async function loadAllTablesMetaData(resource, workspace, resourceType) {
         throw new Error('Error loading all tables metadata: ' + e);
     }
 }
-async function makeLoadTableMetaDataQuery(resource, workspace, table, resourceType) {
-    if (resourceType === 'mysql') {
+async function makeLoadTableMetaDataQuery(input, workspace, table) {
+    if (input.type === 'ducklake') {
+        return `ATTACH 'ducklake://${input.ducklake}' AS __ducklake__;
+		SELECT
+			COLUMN_NAME as field,
+			DATA_TYPE as DataType,
+			COLUMN_DEFAULT as DefaultValue,
+			false as IsPrimaryKey,
+			false as IsIdentity,
+			IS_NULLABLE as IsNullable,
+			false as IsEnum,
+			TABLE_NAME as table_name
+		FROM information_schema.columns c
+		WHERE table_catalog = '__ducklake__' AND table_schema = current_schema()`;
+    }
+    else if (input.resourceType === 'mysql') {
         const resourceObj = (await ResourceService.getResourceValue({
             workspace,
-            path: resource.split(':')[1]
+            path: input.resourcePath
         }));
         return `
 	SELECT 
@@ -116,7 +127,7 @@ async function makeLoadTableMetaDataQuery(resource, workspace, table, resourceTy
 			ORDINAL_POSITION;
 	`;
     }
-    else if (resourceType === 'postgresql') {
+    else if (input.resourceType === 'postgresql') {
         return `
 	SELECT 
 		a.attname as field,
@@ -158,7 +169,7 @@ async function makeLoadTableMetaDataQuery(resource, workspace, table, resourceTy
 	
 	`;
     }
-    else if (resourceType === 'ms_sql_server') {
+    else if (input.resourceType === 'ms_sql_server') {
         return `
 		SELECT 
     COLUMN_NAME as field,
@@ -181,7 +192,8 @@ ORDER BY
     ORDINAL_POSITION;
 	`;
     }
-    else if (resourceType === 'snowflake' || resourceType === 'snowflake_oauth') {
+    else if (input.resourceType === 'snowflake' ||
+        input.resourceType === 'snowflake_oauth') {
         return `
 		select COLUMN_NAME as field,
 		DATA_TYPE as DataType,
@@ -201,7 +213,7 @@ ORDER BY
 	order by ORDINAL_POSITION;
 	`;
     }
-    else if (resourceType === 'bigquery') {
+    else if (input.resourceType === 'bigquery') {
         // TODO: find a solution for this (query uses hardcoded dataset name)
         if (!table)
             throw new Error('Table name is required for BigQuery');
@@ -223,7 +235,7 @@ WHERE
 order by c.ORDINAL_POSITION;`;
     }
     else {
-        throw new Error('Unsupported database type:' + resourceType);
+        throw new Error('Unsupported database type:' + input.resourceType);
     }
 }
 export function resourceTypeToLang(rt) {
@@ -538,7 +550,14 @@ export function formatSchema(dbSchema) {
 export function formatGraphqlSchema(schema) {
     return printSchema(buildClientSchema(schema));
 }
-export const dbTypes = ['mysql', 'ms_sql_server', 'postgresql', 'snowflake', 'bigquery'];
+export const dbTypes = [
+    'mysql',
+    'ms_sql_server',
+    'postgresql',
+    'snowflake',
+    'bigquery',
+    'duckdb'
+];
 export const isDbType = (str) => !!str && dbTypes.includes(str);
 export function buildVisibleFieldList(columnDefs, dbType) {
     // Filter out hidden columns to avoid counting the wrong number of rows
@@ -556,6 +575,8 @@ export function buildVisibleFieldList(columnDefs, dbType) {
                 return `"${column?.field}"`; // Snowflake uses double quotes for identifiers
             case 'bigquery':
                 return `\`${column?.field}\``; // BigQuery uses backticks
+            case 'duckdb':
+                return `"${column?.field}"`; // DuckDB uses double quotes for identifiers
             default:
                 throw new Error('Unsupported database type');
         }
@@ -568,7 +589,8 @@ export function getLanguageByResourceType(name) {
         ms_sql_server: 'mssql',
         snowflake: 'snowflake',
         snowflake_oauth: 'snowflake',
-        bigquery: 'bigquery'
+        bigquery: 'bigquery',
+        duckdb: 'duckdb'
     };
     return language[name];
 }
@@ -586,6 +608,8 @@ export function buildParameters(columns, databaseType) {
                 return `-- ? ${column.field} (${column.datatype.split('(')[0]})`;
             case 'bigquery':
                 return `-- @${column.field} (${column.datatype.split('(')[0]})`;
+            case 'duckdb':
+                return `-- $${column.field} (${column.datatype.split('(')[0]})`;
         }
     })
         .join('\n');

package/package/components/apps/components/display/table/AppAggridExplorerTable.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">import { stopPropagation } from 'svelte/legacy';
-import { GridApi, createGrid } from 'ag-grid-community';
+import { createGrid } from 'ag-grid-community';
 import { sendUserToast } from '../../../../../utils';
 import { createEventDispatcher, getContext, mount, unmount, untrack } from 'svelte';
 import { deepEqual } from 'fast-equals';

package/package/components/apps/components/display/table/AppAggridInfiniteTable.svelte

@@ -4,6 +4,7 @@ import { initConfig, initOutput } from '../../../editor/appUtils';
 import { components } from '../../../editor/component';
 import ResolveConfig from '../../helpers/ResolveConfig.svelte';
 import 'ag-grid-community/styles/ag-grid.css';
+import 'ag-grid-community/styles/ag-theme-alpine.css';
 import './theme/windmill-theme.css';
 import { initCss } from '../../../utils';
 import ResolveStyle from '../../helpers/ResolveStyle.svelte';

package/package/components/apps/components/display/table/AppAggridInfiniteTable.svelte.d.ts

@@ -2,6 +2,7 @@ import type { AppInput } from '../../../inputType';
 import type { ComponentCustomCSS, RichConfigurations } from '../../../types';
 import { type TableAction } from '../../../editor/component';
 import 'ag-grid-community/styles/ag-grid.css';
+import 'ag-grid-community/styles/ag-theme-alpine.css';
 import './theme/windmill-theme.css';
 interface Props {
     id: string;

package/package/components/apps/components/display/table/AppAggridTable.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">import { stopPropagation } from 'svelte/legacy';
-import { GridApi, createGrid } from 'ag-grid-community';
+import { createGrid } from 'ag-grid-community';
 import { isObject, sendUserToast } from '../../../../../utils';
 import { getContext, mount, onDestroy, unmount, untrack } from 'svelte';
 import RunnableWrapper from '../../helpers/RunnableWrapper.svelte';
@@ -10,6 +10,7 @@ import { deepEqual } from 'fast-equals';
 import RefreshButton from '../../helpers/RefreshButton.svelte';
 import SyncColumnDefs from './SyncColumnDefs.svelte';
 import 'ag-grid-community/styles/ag-grid.css';
+import 'ag-grid-community/styles/ag-theme-alpine.css';
 import './theme/windmill-theme.css';
 import { ChevronLeft, ChevronRight, Download, Loader2, SkipBack, SkipForward } from 'lucide-svelte';
 import { twMerge } from 'tailwind-merge';
@@ -40,9 +41,9 @@ function resetValues() {
 }
 let uid = Math.random().toString(36).substring(7);
 let prevUid = undefined;
-let value = $state(Array.isArray(result)
+let value = $state(untrack(() => Array.isArray(result)
     ? result.map((x, i) => ({ ...x, __index: i.toString() + '-' + uid }))
-    : [{ error: 'input was not an array' }]);
+    : [{ error: 'input was not an array' }]));
 let loaded = $state(false);
 async function setValues() {
     value = Array.isArray(result)
@@ -124,13 +125,13 @@ function onCellValueChanged(event) {
         let idx = Number(event.node.data['__index'].split('-')[0]);
         uid = prevUid ?? '';
         outputs?.newChange?.set({
-            row: event.node.rowIndex,
+            row: idx,
             column: event.colDef.field,
             value: dataCell,
             old: result[idx][event.colDef.field]
         });
         result[idx][event.colDef.field] = dataCell;
-        let data = { ...result[event.node.rowIndex] };
+        let data = { ...result[idx] };
         outputs?.selectedRow?.set(data);
         resolvedConfig?.extraConfig?.['defaultColDef']?.['onCellValueChanged']?.(event);
     }
@@ -456,7 +457,7 @@ $effect(() => {
         untrack(() => clearActionOrder());
 });
 $effect(() => {
-    api && resolvedConfig && untrack(() => updateOptions());
+    api && resolvedConfig && updateOptions();
 });
 $effect(() => {
     value && untrack(() => updateValue());

package/package/components/apps/components/display/table/AppAggridTable.svelte.d.ts

@@ -2,6 +2,7 @@ import type { AppInput } from '../../../inputType';
 import type { ComponentCustomCSS, RichConfiguration, RichConfigurations } from '../../../types';
 import { type TableAction } from '../../../editor/component';
 import 'ag-grid-community/styles/ag-grid.css';
+import 'ag-grid-community/styles/ag-theme-alpine.css';
 import './theme/windmill-theme.css';
 interface Props {
     id: string;

package/package/components/apps/components/display/table/utils.js

@@ -79,13 +79,13 @@ export function transformColumnDefs({ columnDefs, actions, customActionsHeader,
     if (onDelete) {
         r.push({
             field: 'delete',
-            headerName: 'Delete',
+            headerName: '',
             cellRenderer: cellRendererFactory((c, p) => {
                 const btnComponent = mount(Button, {
                     target: c.eGui,
                     props: {
-                        btnClasses: 'w-12',
-                        wrapperClasses: 'flex justify-end items-center h-full',
+                        btnClasses: 'w-12 bg-transparent rounded-none h-full hover:bg-red-500',
+                        wrapperClasses: 'flex justify-center items-center absolute inset-0 h-full',
                         color: 'light',
                         size: 'sm',
                         variant: 'contained',
@@ -111,7 +111,10 @@ export function transformColumnDefs({ columnDefs, actions, customActionsHeader,
             lockPosition: 'right',
             editable: false,
             flex: 0,
-            width: 100
+            width: 50,
+            minWidth: 50,
+            resizable: false,
+            pinned: 'right'
         });
     }
     if (actions?.length) {

package/package/components/apps/components/helpers/HiddenComponent.svelte

@@ -1,4 +1,4 @@
-<script lang="ts">import { getContext, onMount } from 'svelte';
+<script lang="ts">import { getContext, onMount, untrack } from 'svelte';
 import { initOutput } from '../../editor/appUtils';
 import RunnableComponent from './RunnableComponent.svelte';
 import InitializeComponent from './InitializeComponent.svelte';
@@ -16,7 +16,7 @@ onMount(() => {
     };
 });
 let outputs = initOutput($worldStore, id, {
-    result: result,
+    result: untrack(() => result),
     loading: false,
     jobId: undefined
 });
@@ -24,7 +24,6 @@ let outputs = initOutput($worldStore, id, {
 
 {#if runnable && (runnable.type == 'runnableByPath' || (runnable.type == 'runnableByName' && runnable.inlineScript != undefined))}
 	<RunnableComponent
-		hasChildrens={false}
 		render={false}
 		{id}
 		fields={runnable.fields}

package/package/components/apps/components/helpers/InputValue.svelte

@@ -167,7 +167,12 @@ async function evalExpr(input, args) {
     }
     catch (e) {
         error = e.message;
-        console.warn("Eval error in app input '" + id + "' with key '" + key + "'", e);
+        try {
+            console.warn("Eval error in app input '" + id + "' with key '" + key + "'", e);
+        }
+        catch (e) {
+            console.warn('error warning', e);
+        }
         return value;
     }
 }

package/package/components/apps/components/helpers/NonRunnableComponent.svelte

@@ -2,7 +2,7 @@
 import InputValue from './InputValue.svelte';
 import InitializeComponent from './InitializeComponent.svelte';
 import RefreshIndicator from './RefreshIndicator.svelte';
-let { componentInput, id, result = $bindable(), render, hasChildrens, noInitialize, children } = $props();
+let { componentInput, id, result = $bindable(), render, noInitialize, children, nonRenderedPlaceholder } = $props();
 // Sync the result to the output
 const { worldStore } = getContext('AppViewerContext');
 let outputs = $derived($worldStore?.outputsById?.[id]);
@@ -38,7 +38,7 @@ function builtSubscriptions(connections) {
         }
     });
 }
-$effect.pre(() => {
+$effect(() => {
     componentInput.type === 'evalv2' &&
         componentInput.connections &&
         untrack(() => builtSubscriptions(componentInput.connections));
@@ -56,11 +56,15 @@ $effect.pre(() => {
 	<InputValue key="nonrunnable" {id} input={componentInput} bind:value={result} />
 {/if}
 
-{#if render || hasChildrens}
-	<div class={render ? 'h-full w-full' : 'invisible h-0 overflow-hidden'}>
+{#if render}
+	<div class="h-full w-full">
 		{@render children?.()}
 		<div class="flex absolute top-1 right-1 z-50 app-component-refresh-btn">
 			<RefreshIndicator {loading} />
 		</div>
 	</div>
+{:else if nonRenderedPlaceholder}
+	<div class="invisible h-0 overflow-hidden">
+		{@render nonRenderedPlaceholder?.()}
+	</div>
 {/if}

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

@@ -4,9 +4,9 @@ interface Props {
     id: string;
     result: any;
     render: boolean;
-    hasChildrens: boolean;
     noInitialize: any;
     children?: import('svelte').Snippet;
+    nonRenderedPlaceholder?: import('svelte').Snippet;
 }
 declare const NonRunnableComponent: import("svelte").Component<Props, {}, "result">;
 type NonRunnableComponent = ReturnType<typeof NonRunnableComponent>;

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

@@ -16,7 +16,7 @@ import { computeWorkspaceS3FileInputPolicy } from '../../editor/appUtilsS3';
 import { executeRunnable } from './executeRunnable';
 import SchemaForm from '../../../SchemaForm.svelte';
 import JobLoader, {} from '../../../JobLoader.svelte';
-let { id, fields, runnable, transformer, extraQueryParams = {}, autoRefresh = true, result = $bindable(undefined), forceSchemaDisplay = false, wrapperClass = '', wrapperStyle = '', render, outputs, extraKey = '', initializing = false, recomputeOnInputChanged = true, loading = $bindable(false), refreshOnStart = false, recomputableByRefreshButton, errorHandledByComponent = false, hideRefreshButton = false, hasChildrens, allowConcurentRequests = false, noInitialize = false, overrideCallback = undefined, overrideAutoRefresh = false, replaceCallback = false, children } = $props();
+let { id, fields, runnable, transformer, extraQueryParams = {}, autoRefresh = true, result = $bindable(undefined), result_stream = $bindable(undefined), forceSchemaDisplay = false, wrapperClass = '', wrapperStyle = '', render, outputs, extraKey = '', initializing = false, recomputeOnInputChanged = true, loading = $bindable(false), refreshOnStart = false, recomputableByRefreshButton, errorHandledByComponent = false, hideRefreshButton = false, allowConcurentRequests = false, noInitialize = false, overrideCallback = undefined, overrideAutoRefresh = false, replaceCallback = false, children, nonRenderedPlaceholder } = $props();
 const { worldStore, runnableComponents, workspace, appPath, isEditor, jobs, jobsById, noBackend, errorByComponent, mode, stateId, state: stateStore, componentControl, initialized, selectedComponent, app, connectingInput, bgRuns, recomputeAllContext } = getContext('AppViewerContext');
 const editorContext = getContext('AppEditorContext');
 const iterContext = getContext('ListWrapperContext');
@@ -74,6 +74,9 @@ function genCallbacks({ onDone, onCancel, onError }) {
             loading = false;
             dispatch('done', { id, result });
         },
+        resultStreamUpdate({ id, result_stream: nresult_stream }) {
+            setResult(nresult_stream, id);
+        },
         cancel({ id }) {
             onCancel?.();
             let jobId = id;
@@ -625,13 +628,8 @@ $effect(() => {
 	bind:this={resultJobLoader}
 />
 
-{#if render || hasChildrens}
-	<div
-		class="h-full flex relative flex-row flex-wrap {wrapperClass} {render
-			? 'visible'
-			: 'invisible h-0 overflow-hidden'}"
-		style={wrapperStyle}
-	>
+{#if render}
+	<div class="h-full flex relative flex-row flex-wrap {wrapperClass} visible" style={wrapperStyle}>
 		<!-- {Object.keys(schemaStripped?.properties ?? {}).length > 0} -->
 		{#if render && (autoRefresh || forceSchemaDisplay) && schemaStripped && Object.keys(schemaStripped?.properties ?? {}).length > 0}
 			<div class="px-2 h-fit min-h-0">
@@ -703,4 +701,8 @@ $effect(() => {
 			</div>
 		{/if}
 	</div>
+{:else if nonRenderedPlaceholder}
+	<div class="invisible h-0 overflow-hidden">
+		{@render nonRenderedPlaceholder?.()}
+	</div>
 {/if}

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

@@ -11,6 +11,7 @@ interface Props {
     extraQueryParams?: Record<string, any>;
     autoRefresh?: boolean;
     result?: any;
+    result_stream?: string;
     forceSchemaDisplay?: boolean;
     wrapperClass?: string;
     wrapperStyle?: string;
@@ -28,13 +29,13 @@ interface Props {
     recomputableByRefreshButton: boolean;
     errorHandledByComponent?: boolean;
     hideRefreshButton?: boolean;
-    hasChildrens: boolean;
     allowConcurentRequests?: boolean;
     noInitialize?: boolean;
     overrideCallback?: (() => CancelablePromise<void>) | undefined;
     overrideAutoRefresh?: boolean;
     replaceCallback?: boolean;
     children?: import('svelte').Snippet;
+    nonRenderedPlaceholder?: import('svelte').Snippet;
 }
 type RunnableCallback = {
     onDone?: (r: any) => void;
@@ -93,6 +94,6 @@ declare const RunnableComponent: $$__sveltets_2_IsomorphicComponent<Props, {
         force_viewer_allow_user_resources?: Array<(string)>;
     }>;
     runComponent: (noToast?: boolean, inlineScriptOverride?: InlineScript, setRunnableJobEditorPanel?: boolean, dynamicArgsOverride?: Record<string, any>, callbacks?: RunnableCallback) => Promise<string | undefined>;
-}, "result" | "loading">;
+}, "result" | "loading" | "result_stream">;
 type RunnableComponent = InstanceType<typeof RunnableComponent>;
 export default RunnableComponent;

package/package/components/apps/components/helpers/RunnableWrapper.svelte

@@ -4,7 +4,7 @@ import NonRunnableComponent from './NonRunnableComponent.svelte';
 import RunnableComponent from './RunnableComponent.svelte';
 import { sendUserToast } from '../../../../toast';
 import InitializeComponent from './InitializeComponent.svelte';
-let { componentInput = $bindable(), noInitialize = false, hideRefreshButton = undefined, overrideCallback = undefined, overrideAutoRefresh = false, replaceCallback = false, id, result = $bindable(undefined), initializing = $bindable(undefined), loading = $bindable(false), extraQueryParams = {}, autoRefresh = true, runnableComponent = $bindable(undefined), forceSchemaDisplay = false, runnableClass = '', runnableStyle = '', doOnSuccess = undefined, doOnError = undefined, render, recomputeIds = [], outputs, extraKey = undefined, refreshOnStart = false, errorHandledByComponent = false, hasChildrens = false, allowConcurentRequests = false, onSuccess = () => { }, children } = $props();
+let { componentInput = $bindable(), noInitialize = false, hideRefreshButton = undefined, overrideCallback = undefined, overrideAutoRefresh = false, replaceCallback = false, id, result = $bindable(undefined), initializing = $bindable(undefined), loading = $bindable(false), extraQueryParams = {}, autoRefresh = true, runnableComponent = $bindable(undefined), forceSchemaDisplay = false, runnableClass = '', runnableStyle = '', doOnSuccess = undefined, doOnError = undefined, render, recomputeIds = [], outputs, extraKey = undefined, refreshOnStart = false, errorHandledByComponent = false, allowConcurentRequests = false, onSuccess = () => { }, children, nonRenderedPlaceholder } = $props();
 $effect.pre(() => {
     if (initializing == undefined) {
         initializing = true;
@@ -164,6 +164,8 @@ export async function handleSideEffect(success, errorMessage) {
 	{/if}
 	{#if render}
 		{@render children?.()}
+	{:else}
+		{@render nonRenderedPlaceholder?.()}
 	{/if}
 {:else if componentInput.type === 'runnable' && isRunnableDefined(componentInput)}
 	<RunnableComponent
@@ -171,7 +173,6 @@ export async function handleSideEffect(success, errorMessage) {
 		{allowConcurentRequests}
 		{refreshOnStart}
 		{extraKey}
-		{hasChildrens}
 		{replaceCallback}
 		bind:loading
 		bind:this={runnableComponent}
@@ -216,11 +217,19 @@ export async function handleSideEffect(success, errorMessage) {
 		on:handleError={(e) => handleSideEffect(false, e.detail)}
 		{outputs}
 		{errorHandledByComponent}
+		{nonRenderedPlaceholder}
 	>
 		{@render children?.()}
 	</RunnableComponent>
 {:else}
-	<NonRunnableComponent {noInitialize} {hasChildrens} {render} bind:result {id} {componentInput}>
+	<NonRunnableComponent
+		{nonRenderedPlaceholder}
+		{noInitialize}
+		{render}
+		bind:result
+		{id}
+		{componentInput}
+	>
 		{@render children?.()}
 	</NonRunnableComponent>
 {/if}

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

@@ -71,10 +71,10 @@ interface Props {
     extraKey?: string | undefined;
     refreshOnStart?: boolean;
     errorHandledByComponent?: boolean;
-    hasChildrens?: boolean;
     allowConcurentRequests?: boolean;
     onSuccess?: (result: any) => void;
     children?: import('svelte').Snippet;
+    nonRenderedPlaceholder?: import('svelte').Snippet;
 }
 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/apps/components/inputs/AppCodeInputComponent.svelte

@@ -80,8 +80,3 @@ $componentControl[id] = {
 		{/await}
 	</div>
 {/if}
-
-<style>
-	:global(.suggest-widget) {
-		position: fixed !important;
-	}</style>

package/package/components/apps/components/inputs/AppS3FileInput.svelte

@@ -1,4 +1,4 @@
-<script lang="ts">import { getContext } from 'svelte';
+<script lang="ts">import { getContext, untrack } from 'svelte';
 import { initConfig, initOutput } from '../../editor/appUtils';
 import { initCss } from '../../utils';
 import ResolveStyle from '../helpers/ResolveStyle.svelte';
@@ -22,7 +22,7 @@ $componentControl[id] = {
 };
 let value = $state(undefined);
 const outputs = initOutput($worldStore, id, {
-    result: value ?? [],
+    result: untrack(() => value) ?? [],
     loading: false,
     jobId: undefined
 });

package/package/components/apps/components/layout/AppConditionalWrapper.svelte

@@ -88,7 +88,7 @@ $componentControl[id] = {
 					style={css?.container?.style}
 					subGridId={`${id}-${i}`}
 					containerHeight={componentContainerHeight}
-					on:focus={(e) => {
+					onFocus={() => {
 						if (!$connectingInput.opened) {
 							$selectedComponent = [id]
 						}

package/package/components/apps/components/layout/AppContainer.svelte

@@ -71,7 +71,7 @@ let css = $state(initCss($app.css?.containercomponent, customCss));
 					style={css?.container?.style}
 					subGridId={`${id}-0`}
 					containerHeight={componentContainerHeight}
-					on:focus={() => {
+					onFocus={() => {
 						if (!$connectingInput.opened) {
 							$selectedComponent = [id]
 						}