windmill-components 1.309.7 → 1.352.0

package/package/components/details/createAppFromScript.d.ts

@@ -6,6 +6,7 @@ export declare function createAppFromScript(path: string, schema: Record<string,
             y: number;
             w: number;
             h: number;
+            fullHeight: boolean;
         };
         '12': {
             fixed: boolean;
@@ -13,6 +14,7 @@ export declare function createAppFromScript(path: string, schema: Record<string,
             y: number;
             w: number;
             h: number;
+            fullHeight: boolean;
         };
         data: {
             type: string;
@@ -37,6 +39,7 @@ export declare function createAppFromScript(path: string, schema: Record<string,
                 y: number;
                 w: number;
                 h: number;
+                fullHeight: boolean;
             };
             '12': {
                 fixed: boolean;
@@ -44,6 +47,7 @@ export declare function createAppFromScript(path: string, schema: Record<string,
                 y: number;
                 w: number;
                 h: number;
+                fullHeight: boolean;
             };
             data: {
                 type: string;
@@ -90,6 +94,7 @@ export declare function createAppFromScript(path: string, schema: Record<string,
                 y: number;
                 w: number;
                 h: number;
+                fullHeight: boolean;
             };
             '12': {
                 fixed: boolean;
@@ -97,6 +102,7 @@ export declare function createAppFromScript(path: string, schema: Record<string,
                 y: number;
                 w: number;
                 h: number;
+                fullHeight: boolean;
             };
             data: {
                 type: string;
@@ -278,6 +284,7 @@ export declare function createAppFromScript(path: string, schema: Record<string,
                 y: number;
                 w: number;
                 h: number;
+                fullHeight: boolean;
             };
             '12': {
                 fixed: boolean;
@@ -285,6 +292,7 @@ export declare function createAppFromScript(path: string, schema: Record<string,
                 y: number;
                 w: number;
                 h: number;
+                fullHeight: boolean;
             };
             data: {
                 type: string;
@@ -313,6 +321,7 @@ export declare function createAppFromScript(path: string, schema: Record<string,
                 y: number;
                 w: number;
                 h: number;
+                fullHeight: boolean;
             };
             '12': {
                 fixed: boolean;
@@ -320,6 +329,7 @@ export declare function createAppFromScript(path: string, schema: Record<string,
                 y: number;
                 w: number;
                 h: number;
+                fullHeight: boolean;
             };
             data: {
                 type: string;
@@ -344,6 +354,7 @@ export declare function createAppFromScript(path: string, schema: Record<string,
                 y: number;
                 w: number;
                 h: number;
+                fullHeight: boolean;
             };
             '12': {
                 fixed: boolean;
@@ -351,6 +362,7 @@ export declare function createAppFromScript(path: string, schema: Record<string,
                 y: number;
                 w: number;
                 h: number;
+                fullHeight: boolean;
             };
             data: {
                 type: string;
@@ -374,10 +386,12 @@ type Field = {
     type: 'static' | 'connected';
     value: any;
     fieldType?: string;
+    format?: string;
     connection?: {
         componentId: string;
         path: string;
     };
+    allowUserResources?: boolean;
 };
 export declare function createAppFromFlow(path: string, schema: Record<string, any> | undefined): {
     grid: {
@@ -387,6 +401,7 @@ export declare function createAppFromFlow(path: string, schema: Record<string, a
             y: number;
             w: number;
             h: number;
+            fullHeight: boolean;
         };
         '12': {
             fixed: boolean;
@@ -394,6 +409,7 @@ export declare function createAppFromFlow(path: string, schema: Record<string, a
             y: number;
             w: number;
             h: number;
+            fullHeight: boolean;
         };
         data: {
             type: string;
@@ -418,6 +434,7 @@ export declare function createAppFromFlow(path: string, schema: Record<string, a
                 y: number;
                 w: number;
                 h: number;
+                fullHeight: boolean;
             };
             '12': {
                 fixed: boolean;
@@ -425,6 +442,7 @@ export declare function createAppFromFlow(path: string, schema: Record<string, a
                 y: number;
                 w: number;
                 h: number;
+                fullHeight: boolean;
             };
             data: {
                 type: string;
@@ -471,6 +489,7 @@ export declare function createAppFromFlow(path: string, schema: Record<string, a
                 y: number;
                 w: number;
                 h: number;
+                fullHeight: boolean;
             };
             '12': {
                 fixed: boolean;
@@ -478,6 +497,7 @@ export declare function createAppFromFlow(path: string, schema: Record<string, a
                 y: number;
                 w: number;
                 h: number;
+                fullHeight: boolean;
             };
             data: {
                 type: string;
@@ -659,6 +679,7 @@ export declare function createAppFromFlow(path: string, schema: Record<string, a
                 y: number;
                 w: number;
                 h: number;
+                fullHeight: boolean;
             };
             '12': {
                 fixed: boolean;
@@ -666,6 +687,7 @@ export declare function createAppFromFlow(path: string, schema: Record<string, a
                 y: number;
                 w: number;
                 h: number;
+                fullHeight: boolean;
             };
             data: {
                 type: string;
@@ -694,6 +716,7 @@ export declare function createAppFromFlow(path: string, schema: Record<string, a
                 y: number;
                 w: number;
                 h: number;
+                fullHeight: boolean;
             };
             '12': {
                 fixed: boolean;
@@ -701,6 +724,7 @@ export declare function createAppFromFlow(path: string, schema: Record<string, a
                 y: number;
                 w: number;
                 h: number;
+                fullHeight: boolean;
             };
             data: {
                 type: string;
@@ -726,6 +750,7 @@ export declare function createAppFromFlow(path: string, schema: Record<string, a
                 y: number;
                 w: number;
                 h: number;
+                fullHeight: boolean;
             };
             '12': {
                 fixed: boolean;
@@ -733,6 +758,7 @@ export declare function createAppFromFlow(path: string, schema: Record<string, a
                 y: number;
                 w: number;
                 h: number;
+                fullHeight: boolean;
             };
             data: {
                 type: string;

package/package/components/details/createAppFromScript.js

@@ -7,14 +7,16 @@ export function createAppFromScript(path, schema) {
                     x: 0,
                     y: 0,
                     w: 2,
-                    h: 8
+                    h: 8,
+                    fullHeight: false
                 },
                 '12': {
                     fixed: false,
                     x: 0,
                     y: 0,
                     w: 12,
-                    h: 21
+                    h: 21,
+                    fullHeight: false
                 },
                 data: {
                     type: 'verticalsplitpanescomponent',
@@ -40,14 +42,16 @@ export function createAppFromScript(path, schema) {
                         x: 0,
                         y: 1,
                         w: 3,
-                        h: 8
+                        h: 8,
+                        fullHeight: false
                     },
                     '12': {
                         fixed: false,
                         x: 0,
                         y: 0,
                         w: 12,
-                        h: 19
+                        h: 19,
+                        fullHeight: false
                     },
                     data: {
                         type: 'schemaformcomponent',
@@ -77,14 +81,16 @@ export function createAppFromScript(path, schema) {
                         x: 0,
                         y: 0,
                         w: 1,
-                        h: 1
+                        h: 1,
+                        fullHeight: false
                     },
                     '12': {
                         fixed: false,
                         x: 0,
                         y: 19,
                         w: 12,
-                        h: 1
+                        h: 1,
+                        fullHeight: false
                     },
                     data: {
                         type: 'buttoncomponent',
@@ -262,14 +268,16 @@ export function createAppFromScript(path, schema) {
                         x: 0,
                         y: 0,
                         w: 2,
-                        h: 8
+                        h: 8,
+                        fullHeight: false
                     },
                     '12': {
                         fixed: false,
                         x: 0,
                         y: 0,
                         w: 12,
-                        h: 20
+                        h: 20,
+                        fullHeight: false
                     },
                     data: {
                         type: 'tabscomponent',
@@ -306,14 +314,16 @@ export function createAppFromScript(path, schema) {
                         x: 0,
                         y: 0,
                         w: 2,
-                        h: 8
+                        h: 8,
+                        fullHeight: false
                     },
                     '12': {
                         fixed: false,
                         x: 0,
                         y: 0,
                         w: 12,
-                        h: 18
+                        h: 18,
+                        fullHeight: false
                     },
                     data: {
                         type: 'displaycomponent',
@@ -339,14 +349,16 @@ export function createAppFromScript(path, schema) {
                         x: 0,
                         y: 0,
                         w: 2,
-                        h: 8
+                        h: 8,
+                        fullHeight: false
                     },
                     '12': {
                         fixed: false,
                         x: 0,
                         y: 0,
                         w: 12,
-                        h: 18
+                        h: 18,
+                        fullHeight: false
                     },
                     data: {
                         type: 'jobidlogcomponent',
@@ -378,6 +390,8 @@ function convertSchemaToFields(schema) {
             type: 'connected',
             value: fieldInfo.default,
             fieldType: fieldInfo.type,
+            format: fieldInfo.format,
+            allowUserResources: true,
             connection: {
                 componentId: 'c',
                 path: `values.${fieldName}`
@@ -395,14 +409,16 @@ export function createAppFromFlow(path, schema) {
                     x: 0,
                     y: 0,
                     w: 2,
-                    h: 8
+                    h: 8,
+                    fullHeight: false
                 },
                 '12': {
                     fixed: false,
                     x: 0,
                     y: 0,
                     w: 12,
-                    h: 21
+                    h: 21,
+                    fullHeight: false
                 },
                 data: {
                     type: 'verticalsplitpanescomponent',
@@ -428,14 +444,16 @@ export function createAppFromFlow(path, schema) {
                         x: 0,
                         y: 1,
                         w: 3,
-                        h: 8
+                        h: 8,
+                        fullHeight: false
                     },
                     '12': {
                         fixed: false,
                         x: 0,
                         y: 0,
                         w: 12,
-                        h: 19
+                        h: 19,
+                        fullHeight: false
                     },
                     data: {
                         type: 'schemaformcomponent',
@@ -465,14 +483,16 @@ export function createAppFromFlow(path, schema) {
                         x: 0,
                         y: 0,
                         w: 1,
-                        h: 1
+                        h: 1,
+                        fullHeight: false
                     },
                     '12': {
                         fixed: false,
                         x: 0,
                         y: 19,
                         w: 12,
-                        h: 1
+                        h: 1,
+                        fullHeight: false
                     },
                     data: {
                         type: 'buttoncomponent',
@@ -650,14 +670,16 @@ export function createAppFromFlow(path, schema) {
                         x: 0,
                         y: 0,
                         w: 2,
-                        h: 8
+                        h: 8,
+                        fullHeight: false
                     },
                     '12': {
                         fixed: false,
                         x: 0,
                         y: 0,
                         w: 12,
-                        h: 20
+                        h: 20,
+                        fullHeight: false
                     },
                     data: {
                         type: 'tabscomponent',
@@ -694,14 +716,16 @@ export function createAppFromFlow(path, schema) {
                         x: 0,
                         y: 0,
                         w: 2,
-                        h: 8
+                        h: 8,
+                        fullHeight: false
                     },
                     '12': {
                         fixed: false,
                         x: 0,
                         y: 0,
                         w: 12,
-                        h: 18
+                        h: 18,
+                        fullHeight: false
                     },
                     data: {
                         type: 'jobidflowstatuscomponent',
@@ -728,14 +752,16 @@ export function createAppFromFlow(path, schema) {
                         x: 0,
                         y: 0,
                         w: 2,
-                        h: 8
+                        h: 8,
+                        fullHeight: false
                     },
                     '12': {
                         fixed: false,
                         x: 0,
                         y: 0,
                         w: 12,
-                        h: 18
+                        h: 18,
+                        fullHeight: false
                     },
                     data: {
                         type: 'jobidlogcomponent',

package/package/components/flows/CreateActionsApp.svelte

@@ -44,6 +44,7 @@ async function importRawApp() {
 		spacingSize="xl"
 		startIcon={{ icon: Plus }}
 		href="/apps/add?nodraft=true"
+		color="marine"
 		dropdownItems={[
 			{
 				label: 'Import low-code app from YAML',

package/package/components/flows/CreateActionsFlow.svelte

@@ -25,6 +25,7 @@ async function importRaw() {
 		startIcon={{ icon: Plus }}
 		endIcon={{ icon: BarsStaggered }}
 		href="/flows/add?nodraft=true"
+		color="marine"
 		dropdownItems={[
 			{
 				label: 'Import from YAML',

package/package/components/flows/content/FlowEditorPanel.svelte

@@ -1,12 +1,13 @@
-<script>import { getContext } from 'svelte';
+<script>import { getContext, onMount } from 'svelte';
 import FlowModuleWrapper from './FlowModuleWrapper.svelte';
 import FlowSettings from './FlowSettings.svelte';
 import FlowInput from './FlowInput.svelte';
 import FlowFailureModule from './FlowFailureModule.svelte';
 import FlowConstants from './FlowConstants.svelte';
+import { initRequiredInputFilled } from '../utils';
 export let noEditor = false;
 export let enableAi = false;
-const { selectedId, flowStore } = getContext('FlowEditorContext');
+const { selectedId, flowStore, flowStateStore, flowInputsStore } = getContext('FlowEditorContext');
 function checkDup(modules) {
     let seenModules = [];
     for (const m of modules) {
@@ -17,6 +18,19 @@ function checkDup(modules) {
         seenModules.push(m.id);
     }
 }
+onMount(() => {
+    $flowStore?.value?.modules?.forEach((module) => {
+        if (!module) {
+            return;
+        }
+        if (!$flowStateStore) {
+            $flowInputsStore = {};
+        }
+        $flowInputsStore[module?.id] = {
+            requiredInputsFilled: initRequiredInputFilled(module.value, $flowStateStore?.[module?.id]?.schema ?? {})
+        };
+    });
+});
 </script>
 
 {#if $selectedId?.startsWith('settings')}

package/package/components/flows/content/FlowInput.svelte

@@ -1,5 +1,4 @@
 <script>import { Button, DrawerContent } from '../../common';
-import SchemaEditor from '../../SchemaEditor.svelte';
 import { getContext } from 'svelte';
 import FlowCard from '../common/FlowCard.svelte';
 import { copyFirstStepSchema } from '../flowStore';
@@ -10,12 +9,14 @@ import { convert } from '@redocly/json-to-json-schema';
 import { sendUserToast } from '../../../toast';
 import SavedInputs from '../../SavedInputs.svelte';
 import EditableSchemaForm from '../../EditableSchemaForm.svelte';
+import AddProperty from '../../schema/AddProperty.svelte';
 export let noEditor;
 const { flowStore, flowStateStore, previewArgs, initialPath } = getContext('FlowEditorContext');
 let capturePayload;
 let inputLibraryDrawer;
 let jsonPayload;
 let pendingJson;
+let addProperty = undefined;
 function importJson() {
     const parsed = JSON.parse(pendingJson);
     if (!parsed) {
@@ -25,64 +26,73 @@ function importJson() {
     $flowStore.schema = { required: [], properties: {}, ...convert(parsed) };
     jsonPayload.closeDrawer();
 }
+const yOffset = 191;
 </script>
 
 <CapturePayload bind:this={capturePayload} />
+
 <FlowCard {noEditor} title="Flow Input">
-	<div class="p-6">
-		<div class="flex flex-row items-center gap-2 pb-2 border-b border-gray-400">
-			<div>Copy input's schema from</div>
-			<Button
-				color="dark"
-				size="xs"
-				on:click={() => {
-					capturePayload.openDrawer()
-				}}
-			>
-				A request
-			</Button>
-			<Button
-				color="dark"
-				size="xs"
-				on:click={() => {
-					jsonPayload.openDrawer()
-				}}
-			>
-				A JSON
-			</Button>
-			<Button
-				color="dark"
-				size="xs"
-				on:click={() => {
-					inputLibraryDrawer.openDrawer()
-				}}
-			>
-				Past Runs/Input library
-			</Button>
-			<Button
-				color="dark"
-				size="xs"
-				disabled={$flowStore.value.modules.length === 0 ||
-					$flowStore.value.modules[0].value.type == 'identity'}
-				on:click={() => copyFirstStepSchema($flowStateStore, flowStore)}
-			>
-				First step's inputs
-			</Button>
-		</div>
-		<div class="pt-6">
-			<SchemaEditor
-				isFlowInput
-				bind:schema={$flowStore.schema}
-				on:change={() => {
-					$flowStore = $flowStore
-				}}
-			/>
-		</div>
+	<div class="flex flex-row items-center gap-2 px-4 py-2 border-b">
+		<div>Copy input's schema from</div>
+		<Button
+			color="dark"
+			size="xs"
+			on:click={() => {
+				capturePayload.openDrawer()
+			}}
+		>
+			A request
+		</Button>
+		<Button
+			color="dark"
+			size="xs"
+			on:click={() => {
+				jsonPayload.openDrawer()
+			}}
+		>
+			A JSON
+		</Button>
+		<Button
+			color="dark"
+			size="xs"
+			on:click={() => {
+				inputLibraryDrawer.openDrawer()
+			}}
+		>
+			Past Runs/Input library
+		</Button>
+		<Button
+			color="dark"
+			size="xs"
+			disabled={$flowStore.value.modules.length === 0 ||
+				$flowStore.value.modules[0].value.type == 'identity'}
+			on:click={() => copyFirstStepSchema($flowStateStore, flowStore)}
+		>
+			First step's inputs
+		</Button>
 	</div>
-	<div class="p-6">
-		<h2 class="mb-4">Customize Flow Inputs</h2>
-		<EditableSchemaForm bind:schema={$flowStore.schema} />
+	<div class="p-4 border-b">
+		<AddProperty
+			bind:schema={$flowStore.schema}
+			bind:this={addProperty}
+			on:change={() => {
+				$flowStore = $flowStore
+			}}
+		/>
 	</div>
+
+	<EditableSchemaForm
+		bind:schema={$flowStore.schema}
+		isFlowInput
+		on:edit={(e) => {
+			addProperty?.openDrawer(e.detail)
+		}}
+		on:delete={(e) => {
+			addProperty?.handleDeleteArgument([e.detail])
+		}}
+		offset={yOffset}
+		displayWebhookWarning
+	/>
 </FlowCard>
 
 <Drawer bind:this={jsonPayload} size="800px">

package/package/components/flows/content/FlowInputs.svelte

@@ -151,7 +151,7 @@ function displayLang(lang, kind) {
 		{/if}
 		<h3 class="pb-2 pt-4 flex gap-x-8 flex-wrap">
 			<div>
-				Inline new <span class="text-blue-500">{kind == 'script' ? 'action' : kind}</span> script
+				Inline new <span class="text-blue-500 dark:text-blue-400">{kind == 'script' ? 'action' : kind}</span> script
 				<Tooltip
 					documentationLink={kind === 'script'
 						? 'https://www.windmill.dev/docs/flows/editor_components#flow-actions'
@@ -219,7 +219,7 @@ function displayLang(lang, kind) {
 		</div>
 
 		<h3 class="mb-2 mt-6"
-			>Use pre-made <span class="text-blue-500">{kind == 'script' ? 'action' : kind}</span> script</h3
+			>Use pre-made <span class="text-blue-500 dark:text-blue-400">{kind == 'script' ? 'action' : kind}</span> script</h3
 		>
 		{#if pick_existing == 'hub'}
 			<PickHubScript bind:filter {kind} on:pick>