windmill-components 1.558.4 → 1.596.0

package/package/components/apps/editor/settingsPanel/inputEditor/RunnableInputEditor.svelte

@@ -2,12 +2,16 @@
 import { getContext } from 'svelte';
 import RunnableSelector from '../mainInput/RunnableSelector.svelte';
 import SelectedRunnable from '../SelectedRunnable.svelte';
+import { convertManagedFieldsToEvalv2 } from '../../../components/componentManagedFields';
 let { appInput = $bindable(), defaultUserInput = false, appComponent } = $props();
 const { selectedComponentInEditor } = getContext('AppEditorContext');
 const { app } = getContext('AppViewerContext');
 function onPick({ runnable, fields }) {
     if (appInput.type === 'runnable') {
-        appInput = { ...appInput, runnable, fields };
+        // Convert component-managed fields from static to evalv2 type
+        // This ensures they are properly handled at runtime and not added to force_viewer_static_fields
+        const convertedFields = convertManagedFieldsToEvalv2(appComponent.type, appComponent.id, fields);
+        appInput = { ...appInput, runnable, fields: convertedFields };
         $selectedComponentInEditor = appComponent.id;
     }
     else {

package/package/components/apps/editor/settingsPanel/inputEditor/StaticInputEditor.svelte

@@ -30,8 +30,9 @@ const appContext = getContext('AppViewerContext');
 $effect(() => {
     componentInput && appContext?.onchange?.();
 });
-let s3FileUploadRawMode = $state(false);
+let s3FileUploadRawMode = $state(componentInput?.value && typeof componentInput.value == 'object' && !!componentInput.value?.s3);
 let s3FilePicker = $state(undefined);
+let s3JsonEditor = $state();
 </script>
 
 {#key subFieldType}
@@ -190,6 +191,7 @@ let s3FilePicker = $state(undefined);
 							<Module.default
 								code={JSON.stringify(componentInput.value ?? { s3: '' }, null, 2)}
 								bind:value={componentInput.value}
+								bind:editor={s3JsonEditor}
 							/>
 						{/await}
 					{:else}
@@ -215,8 +217,7 @@ let s3FilePicker = $state(undefined);
 						/>
 					{/if}
 					<Button
-						variant="border"
-						color="light"
+						variant="default"
 						size="xs"
 						btnClasses="mt-1"
 						on:click={() => {
@@ -230,13 +231,12 @@ let s3FilePicker = $state(undefined);
 				<S3FilePicker
 					bind:this={s3FilePicker}
 					readOnlyMode={false}
-					on:close={(e) => {
-						if (e.detail) {
-							if (componentInput) {
-								componentInput.value = e.detail
-							}
-							s3FileUploadRawMode = true
+					onSelectAndClose={(selected) => {
+						if (componentInput) {
+							componentInput.value = selected
+							s3JsonEditor?.setCode(JSON.stringify(selected, null, 2))
 						}
+						s3FileUploadRawMode = true
 					}}
 				/>
 			{:else if format?.startsWith('resource-') && (componentInput.value == undefined || typeof componentInput.value == 'string')}

package/package/components/apps/editor/settingsPanel/inputEditor/TabSelectInput.svelte

@@ -1,5 +1,5 @@
-<script lang="ts">import { allItems } from '../../../utils';
-import { getContext } from 'svelte';
+<script lang="ts">import { getContext } from 'svelte';
+import { allItems } from '../../appUtilsCore';
 let { componentInput = $bindable() } = $props();
 const { app } = getContext('AppViewerContext');
 const tabComponents = allItems($app.grid, $app.subgrids).filter((component) => component.data.type === 'tabscomponent' ||
@@ -40,5 +40,5 @@ const tabComponents = allItems($app.grid, $app.subgrids).filter((component) => c
 		</div>
 	</div>
 {:else}
-	<div class="text-xs text-tertiary"> No tab component found in the app </div>
+	<div class="text-xs text-primary"> No tab component found in the app </div>
 {/if}

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

@@ -30,7 +30,7 @@ async function pickScript(path) {
     const schema = await loadSchemaFromTriggerable(path, 'script');
     const fields = schemaToInputsSpec(schema.schema, defaultUserInput);
     const runnable = {
-        type: 'runnableByPath',
+        type: 'path',
         path,
         runType: 'script',
         schema: schema.schema,
@@ -45,7 +45,7 @@ async function pickFlow(path) {
     const schema = await loadSchemaFromTriggerable(path, 'flow');
     const fields = schemaToInputsSpec(schema.schema, defaultUserInput);
     const runnable = {
-        type: 'runnableByPath',
+        type: 'path',
         path,
         runType: 'flow',
         schema,
@@ -60,7 +60,7 @@ async function pickHubScript(path) {
     const schema = await loadSchemaFromTriggerable(path, 'hubscript');
     const fields = schemaToInputsSpec(schema.schema, defaultUserInput);
     const runnable = {
-        type: 'runnableByPath',
+        type: 'path',
         path,
         runType: 'hubscript',
         schema: schema.schema,
@@ -76,7 +76,7 @@ function pickInlineScript(name) {
     const unusedInlineScript = unusedInlineScripts?.[unusedInlineScriptIndex];
     dispatch('pick', {
         runnable: {
-            type: 'runnableByName',
+            type: 'inline',
             name,
             inlineScript: unusedInlineScript.inlineScript
         },
@@ -89,7 +89,7 @@ function createScript() {
     let newScriptName = `Inline Script`;
     dispatch('pick', {
         runnable: {
-            type: 'runnableByName',
+            type: 'inline',
             name: newScriptName,
             inlineScript: undefined
         },
@@ -105,33 +105,13 @@ function createScript() {
 				<Tabs bind:selected={tab}>
 					{#if !onlyFlow}
 						{#if !rawApps}
-							<Tab size="sm" value="inlinescripts">
-								<div class="flex gap-2 items-center my-1">
-									<Building size={18} strokeWidth={1.5} />
-									Detached Inline Scripts
-								</div>
-							</Tab>
+							<Tab value="inlinescripts" label="Detached Inline Scripts" icon={Building} />
 						{/if}
-						<Tab size="sm" value="workspacescripts">
-							<div class="flex gap-2 items-center my-1">
-								<Building size={18} strokeWidth={1.5} />
-								Workspace Scripts
-							</div>
-						</Tab>
+						<Tab value="workspacescripts" label="Workspace Scripts" icon={Building} />
 					{/if}
-					<Tab size="sm" value="workspaceflows">
-						<div class="flex gap-2 items-center my-1">
-							<Building size={18} strokeWidth={1.5} />
-							Workspace Flows
-						</div>
-					</Tab>
+					<Tab value="workspaceflows" label="Workspace Flows" icon={Building} />
 					{#if !onlyFlow}
-						<Tab size="sm" value="hubscripts">
-							<div class="flex gap-2 items-center my-1">
-								<Globe2 size={18} strokeWidth={1.5} />
-								Hub Scripts
-							</div>
-						</Tab>
+						<Tab value="hubscripts" label="Hub Scripts" icon={Globe2} />
 					{/if}
 				</Tabs>
 				<div class="my-2"></div>
@@ -162,9 +142,8 @@ function createScript() {
 	{#if !hideCreateScript}
 		<Button
 			on:click={createScript}
-			size="xs"
-			color="light"
-			variant="border"
+			unifiedSize="md"
+			variant="default"
 			startIcon={{ icon: Plus }}
 			btnClasses="truncate w-full"
 			id="app-editor-create-inline-script"
@@ -174,8 +153,7 @@ function createScript() {
 	{/if}
 	<Button
 		on:click={() => picker?.openDrawer()}
-		size="xs"
-		color="blue"
+		unifiedSize="md"
 		variant={rawApps ? 'contained' : 'border'}
 		startIcon={{ icon: MousePointer }}
 		btnClasses="truncate w-full"

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

@@ -1,5 +1,4 @@
-import type { Runnable, StaticAppInput } from '../../../inputType';
-import type { InlineScript } from '../../../types';
+import type { InlineScript, Runnable, StaticAppInput } from '../../../inputType';
 interface Props {
     defaultUserInput?: boolean;
     hideCreateScript?: boolean;

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

@@ -16,7 +16,8 @@ const dispatch = createEventDispatcher();
 async function loadFlow() {
     const loadedFlows = await FlowService.listFlows({
         workspace: $workspaceStore,
-        perPage: 300
+        perPage: 300,
+        withoutDescription: true
     });
     flows = loadedFlows;
 }
@@ -64,7 +65,7 @@ onMount(() => {
 										{!item.summary || item.summary.length == 0 ? item.path : item.summary}
 									{/if}
 								</div>
-								<div class="text-tertiary text-xs">
+								<div class="text-primary text-xs">
 									{item.path}
 								</div>
 							</div>

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

@@ -16,7 +16,8 @@ const dispatch = createEventDispatcher();
 async function loadScripts() {
     const loadedScripts = await ScriptService.listScripts({
         workspace: $workspaceStore,
-        perPage: 300
+        perPage: 300,
+        withoutDescription: true
     });
     scripts = loadedScripts;
 }
@@ -64,7 +65,7 @@ onMount(() => {
 										{!item.summary || item.summary.length == 0 ? item.path : item.summary}
 									{/if}
 								</div>
-								<div class="text-tertiary text-xs">
+								<div class="text-primary text-xs">
 									{item.path}
 								</div>
 							</div>

package/package/components/apps/editor/settingsPanel/script/BackgroundScriptSettings.svelte

@@ -4,6 +4,7 @@ import BackgroundScriptTriggerBy from './shared/BackgroundScriptTriggerBy.svelte
 import { getContext } from 'svelte';
 import ScriptSettingsSection from './shared/ScriptSettingsSection.svelte';
 import ScriptTransformer from './shared/ScriptTransformer.svelte';
+import { isRunnableByPath } from '../../../inputType';
 let { runnable = $bindable(), id } = $props();
 const { runnableComponents } = getContext('AppViewerContext');
 function updateAutoRefresh() {
@@ -21,11 +22,11 @@ function updateAutoRefresh() {
 	<ScriptSettingHeader name={runnable.name} noBorder />
 	<div class="p-2">
 		<ScriptTransformer bind:appInput={runnable} {id} />
-		{#if runnable.type == 'runnableByPath' || runnable.inlineScript}
+		{#if isRunnableByPath(runnable) || runnable.inlineScript}
 			<ScriptRunConfiguration
 				bind:autoRefresh={runnable.autoRefresh}
 				bind:recomputeOnInputChanged={runnable.recomputeOnInputChanged}
-				canConfigureRecomputeOnInputChanged={runnable.type == 'runnableByPath' ||
+				canConfigureRecomputeOnInputChanged={isRunnableByPath(runnable) ||
 					runnable.inlineScript?.language !== 'frontend'}
 				on:updateAutoRefresh={updateAutoRefresh}
 			>

package/package/components/apps/editor/settingsPanel/script/ComponentScriptSettings.svelte

@@ -1,7 +1,8 @@
 <script lang="ts" module>export {};
 </script>
 
-<script lang="ts">import { isTriggerable, isFrontend } from './utils';
+<script lang="ts">import { isRunnableByName, isRunnableByPath } from '../../../inputType';
+import { isTriggerable, isFrontend } from './utils';
 import ScriptTransformer from './shared/ScriptTransformer.svelte';
 import ScriptRunConfiguration from './shared/ScriptRunConfiguration.svelte';
 import ComponentScriptTriggerBy from './shared/ComponentScriptTriggerBy.svelte';
@@ -29,9 +30,9 @@ function updateAutoRefresh() {
 	{#key $stateId}
 		{@const runnable = appInput.runnable}
 		<ScriptSettingHeader
-			name={runnable?.type === 'runnableByName'
+			name={isRunnableByName(runnable)
 				? runnable.name
-				: runnable?.type === 'runnableByPath'
+				: isRunnableByPath(runnable)
 					? runnable.path
 					: ''}
 			{actions}

package/package/components/apps/editor/settingsPanel/script/ComponentScriptSettings.svelte.d.ts

@@ -4,7 +4,7 @@ export type ActionType = {
     color: ButtonType.Color;
     callback: () => void;
 };
-import type { ResultAppInput } from '../../../inputType';
+import { type ResultAppInput } from '../../../inputType';
 import type { ButtonType } from '../../../../common/button/model';
 import type { AppComponent } from '../../component';
 interface Props {

package/package/components/apps/editor/settingsPanel/script/shared/BackgroundScriptTriggerBy.svelte

@@ -1,11 +1,12 @@
-<script lang="ts">import { getDependencies } from '../utils';
+<script lang="ts">import { isRunnableByName } from '../../../../inputType';
+import { getDependencies } from '../utils';
 import ScriptTriggers from './ScriptTriggers.svelte';
 let { script = $bindable(), recomputeOnInputChanged = undefined, id } = $props();
-let isFrontend = $derived(script.type == 'runnableByName' && script.inlineScript?.language === 'frontend');
+let isFrontend = $derived(isRunnableByName(script) && script.inlineScript?.language === 'frontend');
 let triggerEvents = $derived(script.autoRefresh ? ['start', 'refresh'] : []);
 </script>
 
-{#if script.type == 'runnableByName' && script.inlineScript}
+{#if isRunnableByName(script) && script.inlineScript}
 	<ScriptTriggers
 		{id}
 		bind:inlineScript={script.inlineScript}
@@ -14,7 +15,7 @@ let triggerEvents = $derived(script.autoRefresh ? ['start', 'refresh'] : []);
 		{isFrontend}
 		shoudlDisplayChangeEvents={recomputeOnInputChanged || isFrontend}
 	/>
-{:else if script.type === 'runnableByName'}
+{:else if isRunnableByName(script)}
 	<ScriptTriggers
 		{id}
 		dependencies={getDependencies(script.fields)}

package/package/components/apps/editor/settingsPanel/script/shared/ComponentScriptTriggerBy.svelte

@@ -1,13 +1,13 @@
-<script lang="ts">import { getAllTriggerEvents, isTriggerable, getDependencies } from '../utils';
+<script lang="ts">import { isRunnableByName } from '../../../../inputType';
+import { getAllTriggerEvents, isTriggerable, getDependencies } from '../utils';
 import ScriptTriggers from './ScriptTriggers.svelte';
 let { appComponent, appInput = $bindable() } = $props();
 let triggerEvents = $derived(getAllTriggerEvents(appComponent, appInput.autoRefresh));
-let isFrontend = $derived(appInput.runnable?.type == 'runnableByName' &&
-    appInput.runnable?.inlineScript?.language === 'frontend');
+let isFrontend = $derived(isRunnableByName(appInput.runnable) && appInput.runnable?.inlineScript?.language === 'frontend');
 let shoudlDisplayChangeEvents = $derived(appInput.recomputeOnInputChanged && !isTriggerable(appComponent.type));
 </script>
 
-{#if appInput?.runnable?.type === 'runnableByName'}
+{#if isRunnableByName(appInput.runnable)}
 	<ScriptTriggers
 		id={appComponent.id}
 		bind:inlineScript={appInput.runnable.inlineScript}

package/package/components/apps/editor/settingsPanel/script/shared/ComponentScriptTriggerBy.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { ResultAppInput } from '../../../../inputType';
+import { type ResultAppInput } from '../../../../inputType';
 import type { AppComponent } from '../../../component';
 interface Props {
     appComponent: AppComponent;

package/package/components/apps/editor/settingsPanel/script/shared/ScriptSettingsActions.svelte

@@ -9,7 +9,7 @@ let { actions = [] } = $props();
 			{#snippet text()}
 				{action.label}
 			{/snippet}
-			<Button color={action.color} on:click={action.callback} size="xs2" variant="border">
+			<Button color={action.color} on:click={action.callback} size="xs2" variant="default">
 				<div class="flex flex-row gap-1 items-center">
 					{#if action.icon}
 						<action.icon size={12} />

package/package/components/apps/editor/settingsPanel/script/shared/ScriptTransformer.svelte

@@ -17,7 +17,7 @@ let checked = $derived(Boolean(appInput.transformer));
 			<Button
 				size="xs"
 				color={checked ? 'red' : 'light'}
-				variant="border"
+				variant="default"
 				on:click={() => {
 					if (appInput.transformer) {
 						appInput.transformer = undefined

package/package/components/apps/editor/settingsPanel/script/shared/ScriptTransformer.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { InlineScript } from '../../../../types';
+import type { InlineScript } from '../../../../sharedTypes';
 interface Props {
     appInput: {
         transformer?: InlineScript & {

package/package/components/apps/editor/settingsPanel/script/shared/ScriptTriggers.svelte

@@ -136,7 +136,7 @@ let hasNoTriggers = $derived(triggerEvents.length === 0 &&
 	<div class="flex my-4">
 		<Button
 			size="xs2"
-			color="dark"
+			variant="accent"
 			on:click={() => {
 				$connectingInput = {
 					opened: true,

package/package/components/apps/editor/settingsPanel/script/shared/ScriptTriggers.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { InlineScript } from '../../../../types';
+import type { InlineScript } from '../../../../inputType';
 interface Props {
     triggerEvents?: string[];
     inlineScript?: InlineScript | undefined;

package/package/components/apps/editor/settingsPanel/script/utils.d.ts

@@ -1,4 +1,4 @@
-import type { EvalAppInput, Runnable } from '../../../inputType';
+import { type EvalAppInput, type Runnable } from '../../../inputType';
 import type { AppComponent } from '../../component';
 import type { StaticAppInput, ConnectedAppInput, RowAppInput, UserAppInput } from '../../../inputType';
 export declare function getDependencies(fields: Record<string, StaticAppInput | ConnectedAppInput | RowAppInput | UserAppInput | EvalAppInput> | undefined): string[];

package/package/components/apps/editor/settingsPanel/script/utils.js

@@ -1,3 +1,4 @@
+import { isRunnableByName } from '../../../inputType';
 export function getDependencies(fields) {
     let dependencies = [];
     if (!fields)
@@ -13,10 +14,10 @@ export function getDependencies(fields) {
     return dependencies;
 }
 export function isFrontend(runnable) {
-    return runnable?.type === 'runnableByName' && runnable.inlineScript?.language === 'frontend';
+    return isRunnableByName(runnable) && runnable.inlineScript?.language === 'frontend';
 }
 export function isTriggerable(componentType) {
-    return ['buttoncomponent', 'formbuttoncomponent', 'formcomponent', 'steppercomponent'].includes(componentType);
+    return ['buttoncomponent', 'formbuttoncomponent', 'formcomponent', 'steppercomponent', 'chatcomponent'].includes(componentType);
 }
 export function isTriggerOnAppLoad(appComponent) {
     return Boolean(appComponent?.configuration?.triggerOnAppLoad != undefined &&
@@ -28,7 +29,13 @@ export function getAllTriggerEvents(appComponent, autoRefresh) {
     const triggerOnAppLoad = isTriggerOnAppLoad(appComponent);
     const isTriggerableComponent = isTriggerable(appComponent.type);
     if (isTriggerableComponent) {
-        events.push('click');
+        // Use 'send' for chat component, 'click' for others
+        if (appComponent.type === 'chatcomponent') {
+            events.push('send');
+        }
+        else {
+            events.push('click');
+        }
         if (triggerOnAppLoad) {
             events.push('start');
         }

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

@@ -1,6 +1,7 @@
 import type { ReadFileAs } from '../common/fileInput/model';
 import type { DecisionTreeNode, TypedComponent } from './editor/component';
-import type { InlineScript } from './types';
+import type { InlineScript } from './sharedTypes';
+export type { InlineScript } from './sharedTypes';
 export type InputType = 'integer' | 'text' | 'textarea' | 'template' | 'number' | 'boolean' | 'select' | 'icon-select' | 'color' | 'date' | 'time' | 'datetime' | 'object' | 'array' | 'any' | 'labeledresource' | 'labeledselect' | 'tab-select' | 'schema' | 'ag-grid' | 'table-column' | 'plotly' | 'chartjs' | 'DecisionTreeNode' | 'ag-chart' | 'resource' | 'db-explorer' | 'db-table' | 's3' | 'number-tuple' | 'postgres' | 'mysql' | 'ms_sql_server' | 'snowflake' | 'snowflake_oauth' | 'bigquery' | 'oracledb' | 'ducklake' | 'app-path';
 export type InputConnection = {
     componentType?: TypedComponent['type'];
@@ -71,16 +72,18 @@ export type RunnableByPath = {
     path: string;
     schema: any;
     runType: 'script' | 'flow' | 'hubscript';
-    type: 'runnableByPath';
+    type: 'runnableByPath' | 'path';
 };
+export declare function isRunnableByPath(runnable: Runnable): runnable is RunnableByPath;
+export declare function isRunnableByName(runnable: Runnable): runnable is RunnableByName;
 export type RunnableByName = {
     name: string;
     inlineScript: InlineScript | undefined;
-    type: 'runnableByName';
+    type: 'runnableByName' | 'inline';
 };
 export type Runnable = RunnableByPath | RunnableByName | undefined;
 export type RunnableWithFields = Runnable & {
-    fields?: Record<string, StaticAppInput>;
+    fields?: Record<string, StaticAppInput | UserAppInput>;
 };
 export type ResultInput = {
     runnable: Runnable;
@@ -173,4 +176,3 @@ export type RichAppInput = AppInput | {
     configuration: Record<string, AppInput>;
 };
 export type AppInputs = Record<string, AppInput>;
-export {};

package/package/components/apps/inputType.js

@@ -1 +1,6 @@
-export {};
+export function isRunnableByPath(runnable) {
+    return runnable?.type == 'runnableByPath' || runnable?.type == 'path';
+}
+export function isRunnableByName(runnable) {
+    return runnable?.type == 'runnableByName' || runnable?.type == 'inline';
+}

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

@@ -0,0 +1,21 @@
+import type { Schema } from '../../common';
+import type { Preview } from '../../gen';
+import type { AssetWithAltAccessType } from '../assets/lib';
+export type InlineScript = {
+    content: string;
+    language: Preview['language'] | 'frontend';
+    path?: string;
+    schema?: Schema;
+    lock?: string;
+    cache_ttl?: number;
+    refreshOn?: {
+        id: string;
+        key: string;
+    }[];
+    suggestedRefreshOn?: {
+        id: string;
+        key: string;
+    }[];
+    id?: number;
+    assets?: AssetWithAltAccessType[];
+};

package/package/components/apps/sharedTypes.js

@@ -0,0 +1 @@
+export {};

package/package/components/apps/types.d.ts

@@ -1,9 +1,8 @@
-import type { Schema } from '../../common';
-import type { Policy, Preview } from '../../gen';
+import type { Policy } from '../../gen';
 import type { History } from '../../history.svelte';
 import type { Writable } from 'svelte/store';
 import type { AppComponent, PresetComponentConfig, RecomputeOthersSource, components } from './editor/component/components';
-import type { AppInput, ConnectedAppInput, ConnectedInput, EvalAppInput, EvalV2AppInput, InputConnection, ResultAppInput, RowAppInput, Runnable, StaticAppInput, TemplateV2AppInput, UploadAppInput, UploadS3AppInput, UserAppInput } from './inputType';
+import type { AppInput, ConnectedAppInput, ConnectedInput, EvalAppInput, EvalV2AppInput, InlineScript, InputConnection, ResultAppInput, RowAppInput, Runnable, StaticAppInput, TemplateV2AppInput, UploadAppInput, UploadS3AppInput, UserAppInput } from './inputType';
 import type { World } from './rx';
 import type { FilledItem } from './svelte-grid/types';
 export type HorizontalAlignment = 'left' | 'center' | 'right';
@@ -57,23 +56,6 @@ export type AppSection = {
     id: SectionID;
 };
 export type GridItem = FilledItem<AppComponent>;
-export type InlineScript = {
-    content: string;
-    language: Preview['language'] | 'frontend';
-    path?: string;
-    schema?: Schema;
-    lock?: string;
-    cache_ttl?: number;
-    refreshOn?: {
-        id: string;
-        key: string;
-    }[];
-    suggestedRefreshOn?: {
-        id: string;
-        key: string;
-    }[];
-    id?: number;
-};
 export type AppCssItemName = 'viewer' | 'grid' | AppComponent['type'];
 export type HiddenRunnable = {
     name: string;
@@ -230,6 +212,7 @@ export type AppViewerContext = {
         invalidate?: (key: string, error: string) => void;
         validateAll?: () => void;
         clearFiles?: () => void;
+        sendMessage?: (message: string) => void;
         showToast?: (message: string, error?: boolean) => void;
         recompute?: () => void;
         askNewResource?: () => void;

package/package/components/apps/utils.d.ts

@@ -1,12 +1,10 @@
 import type { Schema } from '../../common';
 import { type AppComponent } from './editor/component';
-import type { AppInput, InputType, ResultAppInput, StaticAppInput } from './inputType';
+import { type AppInput, type InputType, type ResultAppInput, type StaticAppInput } from './inputType';
 import type { Output } from './rx';
-import type { App, ComponentCssProperty, GridItem, HorizontalAlignment, VerticalAlignment } from './types';
-export declare const BG_PREFIX = "bg_";
+import type { App, ComponentCssProperty, HorizontalAlignment, VerticalAlignment } from './types';
 export declare function migrateApp(app: App): void;
 export declare function processSubcomponents(data: AppComponent, fn: (data: AppComponent) => void): void;
-export declare function allItems(grid: GridItem[], subgrids: Record<string, GridItem[]> | undefined): GridItem[];
 export declare function schemaToInputsSpec(schema: Schema, defaultUserInput: boolean): Record<string, StaticAppInput>;
 export declare function accessPropertyByPath<T>(object: T, path: string): any;
 export declare function fieldTypeToTsType(inputType: InputType): string;