windmill-components 1.389.2 → 1.394.3

package/package/components/apps/components/inputs/AppSelect.svelte

@@ -49,6 +49,14 @@ let value = noDefault
         : undefined;
 $: resolvedConfig.items && handleItems();
 let listItems = [];
+function setContextValue(value) {
+    if (iterContext && listInputs) {
+        listInputs.set(id, value);
+    }
+    if (rowContext && rowInputs) {
+        rowInputs.set(id, value);
+    }
+}
 function handleItems() {
     listItems = Array.isArray(resolvedConfig.items)
         ? resolvedConfig.items.map((item) => {
@@ -65,6 +73,9 @@ function handleItems() {
             };
         })
         : [];
+    if (value != undefined && listItems.some((x) => x.value === value)) {
+        return;
+    }
     let rawValue;
     if (resolvedConfig.defaultValue !== undefined) {
         rawValue = resolvedConfig.defaultValue;
@@ -76,12 +87,7 @@ function handleItems() {
         value = JSON.stringify(rawValue);
         outputs?.result.set(rawValue);
     }
-    if (iterContext && listInputs) {
-        listInputs.set(id, rawValue);
-    }
-    if (rowContext && rowInputs) {
-        rowInputs.set(id, rawValue);
-    }
+    setContextValue(rawValue);
 }
 onDestroy(() => {
     listInputs?.remove(id);
@@ -114,12 +120,7 @@ function setValue(nvalue) {
     catch (_) { }
     value = nvalue;
     outputs?.result.set(result);
-    if (iterContext && listInputs) {
-        listInputs.set(id, result);
-    }
-    if (rowContext && rowInputs) {
-        rowInputs.set(id, result);
-    }
+    setContextValue(result);
     if (recomputeIds) {
         recomputeIds.forEach((id) => $runnableComponents?.[id]?.cb?.forEach((f) => f()));
     }
@@ -127,9 +128,7 @@ function setValue(nvalue) {
 function onClear() {
     value = undefined;
     outputs?.result.set(undefined, true);
-    if (iterContext && listInputs) {
-        listInputs.set(id, undefined);
-    }
+    setContextValue(undefined);
 }
 let css = initCss($app.css?.selectcomponent, customCss);
 let previsousFilter = '';
@@ -151,8 +150,10 @@ function handleFilter(e) {
 $: resolvedConfig.defaultValue && handleDefault();
 function handleDefault() {
     if (resolvedConfig.defaultValue) {
-        value = JSON.stringify(resolvedConfig.defaultValue);
-        outputs?.result.set(resolvedConfig.defaultValue);
+        const nvalue = resolvedConfig.defaultValue;
+        value = JSON.stringify(nvalue);
+        outputs?.result.set(nvalue);
+        setContextValue(nvalue);
     }
 }
 let filterText = '';

package/package/components/apps/editor/AppEditor.svelte

@@ -552,7 +552,7 @@ let jobToWatch = undefined;
 			{/if}
 
 			<SplitPanesWrapper>
-				<Splitpanes id="o1" class="max-w-full">
+				<Splitpanes id="o1" class="max-w-full overflow-hidden">
 					<Pane bind:size={leftPanelSize} minSize={5} maxSize={33}>
 						<div
 							class={twMerge(

package/package/components/apps/editor/AppPreview.svelte

@@ -1,5 +1,5 @@
 <script>import { getContext, setContext } from 'svelte';
-import { writable } from 'svelte/store';
+import { get, writable } from 'svelte/store';
 import { buildWorld } from '../rx';
 import Button from '../../common/button/Button.svelte';
 import { Unlock } from 'lucide-svelte';
@@ -58,11 +58,8 @@ $: onContextChange(context);
 function onContextChange(context) {
     Object.assign(ncontext, context);
     ncontext = ncontext;
-    worldStore.update((x) => {
-        Object.entries(context).forEach(([key, value]) => {
-            x.outputsById?.['ctx']?.[key].set(value, true);
-        });
-        return x;
+    Object.entries(context).forEach(([key, value]) => {
+        get(worldStore).outputsById?.['ctx']?.[key].set(value, true);
     });
 }
 function hashchange(e) {

package/package/components/apps/editor/AppReportsDrawer.svelte

@@ -115,19 +115,25 @@ async function disableAppReporting() {
 const appPreviewScript = `import puppeteer from 'puppeteer-core';
 import dayjs from 'dayjs';
 export async function main(app_path: string, startup_duration = 5, kind: 'pdf' | 'png' = 'pdf') {
-  const browser = await puppeteer.launch({ headless: 'new', executablePath: '/usr/bin/chromium', args: ['--no-sandbox'] });
+  let browser = null
+  try {
+  browser = await puppeteer.launch({ headless: true, executablePath: '/usr/bin/chromium', args: ['--no-sandbox',
+      '--no-zygote',
+      '--disable-setuid-sandbox',
+      '--disable-dev-shm-usage',
+      '--disable-gpu'] });
   const page = await browser.newPage();
   await page.setCookie({
     "name": "token",
     "value": Bun.env["WM_TOKEN"],
-    "domain": Bun.env["WM_BASE_URL"]?.replace(/https?:\\/\\//, '')
+    "domain": Bun.env["BASE_URL"]?.replace(/https?:\\/\\//, '')
   })
   page
     .on('console', msg =>
       console.log(dayjs().format("HH:mm:ss") + " " + msg.type().substr(0, 3).toUpperCase() + " " + msg.text()))
     .on('pageerror', ({ msg }) => console.log(dayjs().format("HH:mm:ss") + " " + msg));
   await page.setViewport({ width: 1200, height: 2000 });
-  await page.goto(Bun.env["WM_BASE_URL"] + '/apps/get/' + app_path + '?workspace=' + Bun.env["WM_WORKSPACE"] + "&hideRefreshBar=true&hideEditBtn=true");
+  await page.goto(Bun.env["BASE_URL"] + '/apps/get/' + app_path + '?workspace=' + Bun.env["WM_WORKSPACE"] + "&hideRefreshBar=true&hideEditBtn=true");
 	await page.waitForSelector("#app-content", { timeout: 20000 })
   await new Promise((resolve, _) => {
 		setTimeout(resolve, startup_duration * 1000)
@@ -151,8 +157,14 @@ export async function main(app_path: string, startup_duration = 5, kind: 'pdf' |
 		type: "png",
     captureBeyondViewport: false
 	});
-  await browser.close();
-  return Buffer.from(screenshot).toString('base64');
+	await browser.close();
+	return Buffer.from(screenshot).toString('base64');
+  } catch (err) {
+	if (browser) {
+	  await browser.close();
+	}
+	throw err;
+  }
 }`;
 const notificationScripts = {
     discord: {

package/package/components/apps/editor/DeploymentHistory.svelte

@@ -62,6 +62,7 @@ loadVersions();
 						<div class="flex gap-2 flex-col">
 							{#each versions ?? [] as version}
 								<!-- svelte-ignore a11y-click-events-have-key-events -->
+								<!-- svelte-ignore a11y-no-static-element-interactions -->
 								<div
 									class={classNames(
 										'border flex gap-1 truncate justify-between flex-row w-full items-center p-2 rounded-md cursor-pointer hover:bg-blue-50 hover:text-blue-400',

package/package/components/apps/editor/component/Component.svelte

@@ -390,7 +390,6 @@ function mouseOut() {
 				componentInput={component.componentInput}
 				customCss={component.customCss}
 				actions={component.actions ?? []}
-				actionsOrder={component.actionsOrder ?? undefined}
 				{render}
 			/>
 		{:else if component.type === 'aggridinfinitecomponentee'}
@@ -402,7 +401,6 @@ function mouseOut() {
 				componentInput={component.componentInput}
 				customCss={component.customCss}
 				actions={component.actions ?? []}
-				actionsOrder={component.actionsOrder ?? undefined}
 				{render}
 			/>
 		{:else if component.type === 'textcomponent'}

package/package/components/apps/editor/componentsPanel/themeUtils.js

@@ -1,7 +1,7 @@
 import { ResourceService, AppService } from '../../../../gen';
 import { sendUserToast } from '../../../../toast';
 export const DEFAULT_THEME = 'f/app_themes/theme_0';
-export function createTheme(workspace, theme) {
+export async function createTheme(workspace, theme) {
     const createThemeRequest = {
         workspace,
         requestBody: {
@@ -10,7 +10,12 @@ export function createTheme(workspace, theme) {
             value: theme.value || ''
         }
     };
-    return ResourceService.createResource(createThemeRequest);
+    try {
+        return await ResourceService.createResource(createThemeRequest);
+    }
+    catch (e) {
+        throw Error(`Error saving theme at resource ${theme.path}, you do not have enough permission`);
+    }
 }
 export async function getTheme(workspace, path) {
     try {
@@ -55,11 +60,17 @@ export async function resolveTheme(theme, workspace) {
         css = theme.css;
     }
     else if (theme?.type === 'path' && theme.path && workspace) {
-        let loadedCss = await ResourceService.getResourceValue({
-            workspace: workspace,
-            path: theme.path
-        });
-        css = loadedCss.value ?? '';
+        let loadedCss = { value: '' };
+        try {
+            loadedCss = await ResourceService.getResourceValue({
+                workspace: workspace,
+                path: theme.path
+            });
+        }
+        catch (e) {
+            console.error('Error loading theme', e);
+        }
+        css = loadedCss?.['value'] ?? '';
     }
     return css;
 }

package/package/components/apps/editor/contextPanel/SubGridOutput.svelte

@@ -31,6 +31,7 @@ function subscribeToOutput() {
 	<div class="ml-2 my-2">
 		{#if subGrids.length > 1}
 			<!-- svelte-ignore a11y-click-events-have-key-events -->
+			<!-- svelte-ignore a11y-no-static-element-interactions -->
 			<div
 				class={classNames(
 					'px-1 py-0.5 flex justify-between items-center font-semibold text-xs border-l border-y w-full cursor-pointer',

package/package/components/apps/editor/contextPanel/components/IdEditor.svelte

@@ -1,35 +1,12 @@
 <script>import { allItems } from '../../../utils';
-import { forbiddenIds } from '../../../../flows/idUtils';
-import { ArrowRight, Pencil } from 'lucide-svelte';
+import { Pencil } from 'lucide-svelte';
 import { createEventDispatcher, getContext } from 'svelte';
-import { slide } from 'svelte/transition';
-import { Button, Popup } from '../../../../common';
+import IdEditorInput from '../../../../IdEditorInput.svelte';
+import { Popup } from '../../../../common';
 const { app, selectedComponent } = getContext('AppViewerContext');
 export let id;
 const dispatch = createEventDispatcher();
-const regex = /^[a-zA-Z][a-zA-Z0-9]*$/;
-let value = id;
-let error = '';
-$: if (!regex.test(value)) {
-    error = 'The ID must include only letters and numbers and start with a letter';
-}
-else if (forbiddenIds.includes(value)) {
-    error = 'This ID is reserved';
-}
-else if (allItems($app.grid, $app.subgrids).some((item) => item.id === value && item.id !== id)) {
-    error = 'This ID is already in use';
-}
-else {
-    error = '';
-}
-function save() {
-    if (error != '') {
-        return;
-    }
-    if (value != id) {
-        dispatch('change', value);
-    }
-}
+$: reservedIds = allItems($app.grid, $app.subgrids).map((item) => item.id);
 </script>
 
 <Popup let:close floatingConfig={{ strategy: 'absolute', placement: 'bottom-start' }}>
@@ -45,44 +22,13 @@ function save() {
 			<Pencil size={14} />
 		</button>
 	</svelte:fragment>
-	<label class="block text-primary">
-		<div class="pb-1 text-sm text-secondary">Component ID</div>
-		<div class="flex w-full">
-			<input
-				type="text"
-				bind:value
-				class="!w-auto grow"
-				on:click|stopPropagation={() => {}}
-				on:keydown|stopPropagation
-				on:keypress|stopPropagation={({ key }) => {
-					if (key === 'Enter') {
-						save()
-						close(null)
-					}
-				}}
-			/>
-			<Button
-				size="xs"
-				color="blue"
-				buttonType="button"
-				btnClasses="!p-1 !w-[34px] !ml-1"
-				aria-label="Save ID"
-				disabled={error != ''}
-				on:click={() => {
-					save()
-					close(null)
-				}}
-			>
-				<ArrowRight size={18} />
-			</Button>
-		</div>
-		{#if error != ''}
-			<div
-				transition:slide|local={{ duration: 100 }}
-				class="w-full text-sm text-red-600 whitespace-pre-wrap pt-1"
-			>
-				{error}
-			</div>
-		{/if}
-	</label>
+	<IdEditorInput
+		initialId={id}
+		on:close={() => close(null)}
+		on:save={(e) => {
+			dispatch('save', e.detail)
+			close(null)
+		}}
+		{reservedIds}
+	/>
 </Popup>

package/package/components/apps/editor/contextPanel/components/IdEditor.svelte.d.ts

@@ -4,8 +4,7 @@ declare const __propDef: {
         id: string;
     };
     events: {
-        keydown: KeyboardEvent;
-        change: CustomEvent<any>;
+        save: CustomEvent<any>;
     } & {
         [evt: string]: CustomEvent<any>;
     };

package/package/components/apps/editor/settingsPanel/ComponentPanel.svelte

@@ -374,7 +374,6 @@ function transformToFrontend() {
 			<DecisionTreeGraphEditor
 				bind:nodes={componentSettings.item.data.nodes}
 				bind:component={componentSettings.item.data}
-				rebuildOnChange={componentSettings.item.data.nodes}
 			/>
 		{:else if componentSettings.item.data.type === 'verticalsplitpanescomponent' || componentSettings.item.data.type === 'horizontalsplitpanescomponent'}
 			<GridPane

package/package/components/apps/editor/settingsPanel/DecisionTreeGraphEditor.svelte

@@ -12,7 +12,6 @@ import { debounce } from '../../../../utils';
 import Badge from '../../../common/badge/Badge.svelte';
 export let component;
 export let nodes;
-export let rebuildOnChange = undefined;
 let drawer = undefined;
 let paneWidth = 0;
 let paneHeight = 0;

package/package/components/apps/editor/settingsPanel/DecisionTreeGraphEditor.svelte.d.ts

@@ -4,7 +4,6 @@ declare const __propDef: {
     props: {
         component: AppComponent;
         nodes: DecisionTreeNode[];
-        rebuildOnChange?: any;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package/components/apps/editor/settingsPanel/DecisionTreeGraphNode.svelte

@@ -24,7 +24,7 @@ $: selected = $selectedNodeId === data.node.id;
 			style="width: 275px; height: 34px; background-color: {getStateColor(
 				undefined,
 				darkMode,
-				'#fff'
+				true
 			)};"
 			on:click={() => {
 				selected = true

package/package/components/apps/editor/settingsPanel/decisionTree/InsertDecisionTreeNode.svelte

@@ -14,7 +14,7 @@ export let canAddNode = true;
 				dispatch('node')
 			}}
 			type="button"
-			class="text-primary bg-surface border-[1px] mx-[1px] border-gray-300 dark:border-gray-500 focus:outline-none hover:bg-surface-hover focus:ring-4 focus:ring-surface-selected font-medium rounded-full text-sm w-[25px] h-[25px] flex items-center justify-center"
+			class="text-primary bg-surface outline-[1px] outline dark:outline-gray-500 outline-gray-300 focus:outline-none hover:bg-surface-hover focus:ring-4 focus:ring-surface-selected font-medium rounded-full text-sm w-[25px] h-[25px] flex items-center justify-center"
 		>
 			<Cross class="mx-[5px]" size={15} />
 		</button>
@@ -25,7 +25,7 @@ export let canAddNode = true;
 			type="button"
 			on:click={() => dispatch('addBranch')}
 			class={twMerge(
-				'text-primary bg-surface border-[1px] mx-[1px] border-gray-300 dark:border-gray-500 focus:outline-none hover:bg-surface-hover focus:ring-4 focus:ring-surface-selected font-medium rounded-full text-sm w-[25px] h-[25px] flex items-center justify-center',
+				'text-secondary bg-surface outline-[1px] outline dark:outline-gray-500 outline-gray-300 focus:outline-none hover:bg-surface-hover focus:ring-4 focus:ring-surface-selected font-medium rounded-full text-sm w-[25px] h-[25px] flex items-center justify-center',
 				!canAddNode && 'ml-16 mb-2'
 			)}
 		>

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

@@ -78,6 +78,7 @@ export let shouldUsePortal = true;
 									hover:bg-gray-100 focus:bg-gray-100 rounded duration-200 dark:hover:bg-frost-900 dark:focus:bg-frost-900
 									{label === value ? 'text-blue-600 bg-blue-50 pointer-events-none' : ''}"
 						>
+							<!-- svelte-ignore a11y-missing-attribute -->
 							<img
 								class="dark:invert"
 								loading="lazy"

package/package/components/apps/svelte-select/lib/Select.svelte

@@ -582,6 +582,7 @@
 
 <svelte:window on:click={handleClickOutside} on:keydown={handleKeyDown} />
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
 	class={twMerge('svelte-select', containerClasses)}
 	class:disabled

package/package/components/build_workers.js

@@ -1,39 +1,45 @@
 import { useWorkerFactory } from 'monaco-editor-wrapper/workerFactory';
-import cssWorker from 'monaco-editor-wrapper/workers/module/css?worker';
-import htmlWorker from 'monaco-editor-wrapper/workers/module/html?worker';
-import tsWorker from 'monaco-editor-wrapper/workers/module/ts?worker';
-import jsonWorker from 'monaco-editor-wrapper/workers/module/json?worker';
-import editorWorker from 'monaco-editor-wrapper/workers/module/editor?worker';
+import tsWorker from 'monaco-editor-wrapper/workers/module/ts?url';
+import cssWorker from 'monaco-editor-wrapper/workers/module/css?url';
+import htmlWorker from 'monaco-editor-wrapper/workers/module/html?url';
+import jsonWorker from 'monaco-editor-wrapper/workers/module/json?url';
+import editorWorker from 'monaco-editor-wrapper/workers/module/editor?url';
 export function buildWorkerDefinition(workerPath, basePath, ...args) {
     useWorkerFactory({
         ignoreMapping: true,
         workerLoaders: {
             editorWorkerService: () => {
-                console.log('editorWorkerService');
-                return new editorWorker();
+                return new Worker(new URL(editorWorker, import.meta.url), {
+                    type: 'module'
+                });
             },
             javascript: () => {
-                console.log('javascript');
-                return new tsWorker();
+                return new Worker(new URL(tsWorker, import.meta.url), {
+                    type: 'module'
+                });
             },
             typescript: () => {
-                console.log('typescript');
-                return new tsWorker();
+                console.log('tsWorker', tsWorker);
+                return new Worker(new URL(tsWorker, import.meta.url), {
+                    type: 'module'
+                });
             },
             json: () => {
-                console.log('json');
-                return new jsonWorker();
+                return new Worker(new URL(jsonWorker, import.meta.url), {
+                    type: 'module'
+                });
             },
             html: () => {
-                console.log('html');
-                return new htmlWorker();
+                return new Worker(new URL(htmlWorker, import.meta.url), {
+                    type: 'module'
+                });
             },
             css: () => {
-                console.log('html');
-                return new cssWorker();
+                return new Worker(new URL(cssWorker, import.meta.url), {
+                    type: 'module'
+                });
             },
             graphql: () => {
-                console.log('graphql');
                 const workerFilename = `graphql.worker.bundle.js`;
                 const workerPathLocal = `${workerPath}/${workerFilename}`;
                 const workerUrl = new URL(workerPathLocal, basePath);

package/package/components/common/button/Button.svelte

@@ -106,6 +106,7 @@ function getColorClass(color, variant) {
 }
 $: buttonClass = twMerge('w-full', getColorClass(color, variant), variant === 'border' ? 'border' : '', ButtonType.FontSizeClasses[size], ButtonType.SpacingClasses[spacingSize][variant], 'focus-visible:ring-2 font-semibold', dropdownItems && dropdownItems.length > 0 ? 'rounded-l-md h-full' : 'rounded-md', 'justify-center items-center text-center whitespace-nowrap inline-flex gap-2', btnClasses, 'active:opacity-80 transition-all', disabled ? '!bg-surface-disabled !text-tertiary cursor-not-allowed' : '', loading ? 'cursor-wait' : '');
 const iconMap = {
+    xs3: 12,
     xs2: 14,
     xs: 14,
     sm: 16,
@@ -114,6 +115,7 @@ const iconMap = {
     xl: 18
 };
 const iconOnlyPadding = {
+    xs3: 'm-[0.5px] qhd:m-[1px]',
     xs2: 'm-[1px] qhd:m-[1.125px]',
     xs: 'm-[1px] qhd:m-[1.125px]',
     sm: 'm-[2px] qhd:m-[2.25px]',
@@ -121,12 +123,9 @@ const iconOnlyPadding = {
     lg: 'm-[5px] qhd:m-[5.625px]',
     xl: 'm-[5px] qhd:m-[5.625px]'
 };
-let innerWidth = 0;
-$: lucideIconSize = (iconMap[size] ?? 12) * (innerWidth > 2500 ? 1.125 : 1);
+$: lucideIconSize = (iconMap[size] ?? 12) * 1;
 </script>
 
-<svelte:window bind:innerWidth />
-
 <div
 	class="{dropdownItems && dropdownItems.length > 0 && variant === 'contained'
 		? colorVariants[color].divider

package/package/components/common/button/model.d.ts

@@ -1,6 +1,6 @@
 export declare const BUTTON_COLORS: readonly ["blue", "red", "dark", "light", "green", "gray", "none"];
 export declare namespace ButtonType {
-    type Size = 'xs2' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    type Size = 'xs3' | 'xs2' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     type Color = string;
     type Variant = 'contained' | 'border' | 'divider';
     type Target = '_self' | '_blank';

package/package/components/common/button/model.js

@@ -2,6 +2,7 @@ export const BUTTON_COLORS = ['blue', 'red', 'dark', 'light', 'green', 'gray', '
 export var ButtonType;
 (function (ButtonType) {
     ButtonType.FontSizeClasses = {
+        xs3: 'text-2xs',
         xs2: 'text-xs',
         xs: 'text-xs',
         sm: 'text-sm',
@@ -10,6 +11,11 @@ export var ButtonType;
         xl: 'text-xl'
     };
     ButtonType.SpacingClasses = {
+        xs3: {
+            border: 'px-0.5 py-[1px] !rounded-xs',
+            contained: 'px-0.5 py-[1px]',
+            divider: ''
+        },
         xs2: {
             border: 'px-2 py-[4px]',
             contained: 'px-2 py-[4px]',

package/package/components/common/clearableInput/ClearableInput.svelte

@@ -21,6 +21,7 @@ $: if (value === undefined)
     value = '';
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
 	class="relative grow {wrapperClass}"
 	on:mouseenter={() => (isHovered = true)}

package/package/components/common/menu/MenuItem.svelte

@@ -1,4 +1,5 @@
 <!-- svelte-ignore a11y-click-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div on:click class="py-1">
 	<span
 		class="text-secondary block px-4 py-2 text-sm hover:bg-surface-hover hover:text-primary"

package/package/components/common/modal/AlwaysMountedModal.svelte

@@ -53,6 +53,7 @@ export function open() {
 				</div>
 
 				<!-- svelte-ignore a11y-click-events-have-key-events -->
+				<!-- svelte-ignore a11y-no-static-element-interactions -->
 				<div class="relative bg-surface rounded-md" on:click|stopPropagation={() => {}}>
 					<div
 						class={twMerge(

package/package/components/common/stepper/Stepper.svelte

@@ -50,6 +50,7 @@ function getStepColor(index, selectedIndex, statusByStep, maxReachedIndex) {
 	<ol class="relative z-20 flex justify-between items-centers text-sm font-medium text-tertiary">
 		{#each tabs ?? [] as step, index}
 			<!-- svelte-ignore a11y-click-events-have-key-events -->
+			<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 			<li
 				class={classNames(
 					'flex items-center gap-2 px-2 py-1 hover:bg-gray-1200 rounded-md m-0.5',

package/package/components/copilot/StepInputsGen.svelte

@@ -15,7 +15,7 @@ import { twMerge } from 'tailwind-merge';
 let loading = false;
 export let pickableProperties = undefined;
 export let argNames = [];
-export let schema;
+export let schema = undefined;
 const { flowStore, selectedId } = getContext('FlowEditorContext');
 const { exprsToSet, stepInputsLoading, generatedExprs } = getContext('FlowCopilotContext') || {};
 let generatedContent = '';
@@ -104,7 +104,7 @@ function createFlowInputs() {
     const properties = {
         ...$flowStore.schema?.properties,
         ...newFlowInputs.reduce((acc, x) => {
-            acc[x] = (schema.properties ?? {})[x];
+            acc[x] = (schema?.properties ?? {})[x];
             return acc;
         }, {})
     };

package/package/components/copilot/StepInputsGen.svelte.d.ts

@@ -5,7 +5,9 @@ declare const __propDef: {
     props: {
         pickableProperties?: PickableProperties | undefined;
         argNames?: string[] | undefined;
-        schema: Schema;
+        schema?: Schema | {
+            properties?: Record<string, any>;
+        } | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package/components/copilot/lib.js

@@ -6,8 +6,8 @@ import { buildClientSchema, printSchema } from 'graphql';
 export const SUPPORTED_LANGUAGES = new Set(Object.keys(GEN_CONFIG.prompts));
 const openaiConfig = {
     temperature: 0,
-    max_tokens: 4096,
-    model: 'gpt-4o-2024-05-13',
+    max_tokens: 16384,
+    model: 'gpt-4o-2024-08-06',
     seed: 42,
     stream: true,
     messages: []

package/package/components/details/ClipboardPanel.svelte

@@ -9,6 +9,7 @@ export let title = undefined;
 {/if}
 
 <!-- svelte-ignore a11y-click-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
 	class="px-2 py-1 border flex items-center cursor-pointer bg-surface-secondary text-primary justify-between rounded-md"
 	on:click={(e) => {

package/package/components/flows/content/DynamicInputHelpBox.svelte

@@ -26,7 +26,10 @@ $: opened = false;
 	>
 		Single JavaScript expression. The following functions and objects are available:
 		<ul class="ml-4">
-			<li><b>{'results.<id>'}</b>: the result of step at id 'id'</li>
+			<li
+				><b>{'results.<id>'}</b>: the result of step at id 'id' (use <b>{'results?.<id>'}</b> if id may
+				not exist because branch was not chosen)</li
+			>
 			<li><b>flow_input</b>: the object containing the flow input arguments</li>
 			<li><b>params</b>: the object containing the current step static values</li>
 			<li>