windmill-components 1.389.3 → 1.394.4

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 = '';
@@ -150,9 +149,11 @@ function handleFilter(e) {
 }
 $: resolvedConfig.defaultValue && handleDefault();
 function handleDefault() {
-    if (resolvedConfig.defaultValue) {
-        value = JSON.stringify(resolvedConfig.defaultValue);
-        outputs?.result.set(resolvedConfig.defaultValue);
+    if (resolvedConfig.defaultValue != undefined) {
+        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,44 @@
 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();
+                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/copilot/prompts/edit.yaml

@@ -42,6 +42,7 @@ prompts:
       {resourceTypes}
       </resourceTypes>
       Only define the type for resources that are actually needed to achieve the function purpose. If the type name conflicts with the imported object, rename the imported object NOT THE TYPE.
+      Naming conventions are guidelines, but follow the user's naming choices in the existing code.
       </contextual_information>
       My instructions: {description}
   go:
@@ -148,6 +149,7 @@ prompts:
       {resourceTypes}
       </resourceTypes>
       Only define the type for resources that are actually needed to achieve the function purpose. The resource type name has to be exactly as specified. If the type name conflicts with the imported object, rename the imported object NOT THE TYPE.
+      Naming conventions are guidelines, but follow the user's naming choices in the existing code.
       </contextual_information>
       My instructions: {description}
   bun:
@@ -165,6 +167,7 @@ prompts:
       {resourceTypes}
       </resourceTypes>
       Only define the type for resources that are actually needed to achieve the function purpose. The resource type name has to be exactly as specified. If the type name conflicts with the imported object, rename the imported object NOT THE TYPE.
+      Naming conventions are guidelines, but follow the user's naming choices in the existing code.
       </contextual_information>
       My instructions: {description}
   php: