windmill-components 1.542.5 → 1.555.0

package/package/components/copilot/PredicateGen.svelte

@@ -7,14 +7,17 @@ import YAML from 'yaml';
 import { sliceModules } from '../flows/flowStateUtils.svelte';
 import { dfs } from '../flows/dfs';
 import { yamlStringifyExceptKeys } from './utils';
-import { copilotInfo, stepInputCompletionEnabled } from '../../stores';
+import { stepInputCompletionEnabled } from '../../stores';
 import Popover from '../meltComponents/Popover.svelte';
-let loading = false;
-export let pickableProperties = undefined;
-let instructions = '';
-let instructionsField = undefined;
-$: instructionsField && setTimeout(() => instructionsField?.focus(), 100);
-let abortController = new AbortController();
+import { copilotInfo } from '../../aiStore';
+let loading = $state(false);
+let { pickableProperties = undefined } = $props();
+let instructions = $state('');
+let instructionsField = $state(undefined);
+$effect(() => {
+    instructionsField && setTimeout(() => instructionsField?.focus(), 100);
+});
+let abortController = $state(new AbortController());
 const { flowStore, selectedId } = getContext('FlowEditorContext');
 const dispatch = createEventDispatcher();
 async function generatePredicate() {
@@ -73,7 +76,7 @@ Only return the expression without any wrapper. Do not explain or discuss.`;
 		floatingConfig={{ strategy: 'absolute', placement: 'bottom-end' }}
 		contentClasses="p-4 flex w-96"
 	>
-		<svelte:fragment slot="trigger">
+		{#snippet trigger()}
 			<Button
 				color={loading ? 'red' : 'light'}
 				size="xs"
@@ -86,14 +89,14 @@ Only return the expression without any wrapper. Do not explain or discuss.`;
 				clickableWhileLoading
 				on:click={loading ? () => abortController?.abort() : () => {}}
 			/>
-		</svelte:fragment>
-		<svelte:fragment slot="content" let:close>
+		{/snippet}
+		{#snippet content({ close })}
 			<input
 				bind:this={instructionsField}
 				type="text"
 				placeholder="Predicate description"
 				bind:value={instructions}
-				on:keypress={({ key }) => {
+				onkeypress={({ key }) => {
 					if (key === 'Enter' && instructions.length > 0) {
 						close()
 						generatePredicate()
@@ -116,6 +119,6 @@ Only return the expression without any wrapper. Do not explain or discuss.`;
 				disabled={instructions.length == 0}
 				startIcon={{ icon: Wand2 }}
 			/>
-		</svelte:fragment>
+		{/snippet}
 	</Popover>
 {/if}

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

@@ -1,4 +1,7 @@
 import type { PickableProperties } from '../flows/previousResults';
+interface Props {
+    pickableProperties?: PickableProperties | undefined;
+}
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,13 +15,11 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const PredicateGen: $$__sveltets_2_IsomorphicComponent<{
-    pickableProperties?: PickableProperties | undefined;
-}, {
+declare const PredicateGen: $$__sveltets_2_IsomorphicComponent<Props, {
     setExpr: CustomEvent<any>;
     updateSummary: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+}, {}, {}, "">;
 type PredicateGen = InstanceType<typeof PredicateGen>;
 export default PredicateGen;

package/package/components/copilot/RegexGen.svelte

@@ -3,10 +3,10 @@ import { Button } from '../common';
 import { getNonStreamingCompletion } from './lib';
 import { sendUserToast } from '../../toast';
 import Popover from '../meltComponents/Popover.svelte';
-import { copilotInfo } from '../../stores';
 import { autoPlacement } from '@floating-ui/core';
 import { ExternalLink, HistoryIcon, Wand2 } from 'lucide-svelte';
 import { createEventDispatcher } from 'svelte';
+import { copilotInfo } from '../../aiStore';
 // state
 let funcDesc = '';
 let genLoading = false;

package/package/components/copilot/ScriptFix.svelte

@@ -5,7 +5,7 @@ import Popover from '../meltComponents/Popover.svelte';
 import { autoPlacement } from '@floating-ui/core';
 import { WandSparkles } from 'lucide-svelte';
 import { aiChatManager } from './chat/AIChatManager.svelte';
-import { copilotInfo } from '../../stores';
+import { copilotInfo } from '../../aiStore';
 let { lang } = $props();
 </script>
 

package/package/components/copilot/ScriptGen.svelte

@@ -4,7 +4,7 @@ import { MAX_SCHEMA_LENGTH, SUPPORTED_LANGUAGES, addThousandsSeparator, copilot
 import { sendUserToast } from '../../toast';
 import Popover from '../meltComponents/Popover.svelte';
 import TooltipV2 from '../meltComponents/Tooltip.svelte';
-import { dbSchemas, copilotInfo, workspaceStore } from '../../stores';
+import { dbSchemas, workspaceStore } from '../../stores';
 import { scriptLangToEditorLang } from '../../scripts';
 import Tooltip from '../Tooltip.svelte';
 import ToggleButtonGroup from '../common/toggleButton-v2/ToggleButtonGroup.svelte';
@@ -20,6 +20,7 @@ import { isInitialCode } from '../../script_helpers';
 import { twMerge } from 'tailwind-merge';
 import { onDestroy } from 'svelte';
 import ProviderModelSelector from './chat/ProviderModelSelector.svelte';
+import { copilotInfo } from '../../aiStore';
 let { iconOnly = false, lang = $bindable(), editor, diffEditor, inlineScript = false, args, transformer = false } = $props();
 $effect.pre(() => {
     if (lang == 'bunnative') {

package/package/components/copilot/StepGenQuick.svelte

@@ -3,15 +3,10 @@ import { ScriptService } from '../../gen';
 import { Wand2, Loader2 } from 'lucide-svelte';
 import SearchItems from '../SearchItems.svelte';
 import { emptyString } from '../../utils';
-import { createEventDispatcher, onMount } from 'svelte';
-export let funcDesc;
-export let trigger = false;
-export let loading = false;
-export let preFilter;
-export let disableAi = false;
-let scripts = undefined;
-export let filteredItems = [];
-$: prefilteredItems = scripts ?? [];
+import { createEventDispatcher, onMount, untrack } from 'svelte';
+let scripts = $state(undefined);
+let { funcDesc = $bindable(), trigger = false, loading = false, preFilter, disableAi = false, filteredItems = $bindable([]) } = $props();
+let prefilteredItems = $derived(scripts ?? []);
 const dispatch = createEventDispatcher();
 async function loadScripts() {
     const loadedScripts = await ScriptService.listScripts({
@@ -21,12 +16,16 @@ async function loadScripts() {
     });
     scripts = loadedScripts;
 }
-$: scripts == undefined && funcDesc?.length > 1 && loadScripts();
-let input;
-$: preFilter &&
-    setTimeout(() => {
-        input?.focus();
-    }, 50);
+$effect(() => {
+    scripts == undefined && funcDesc?.length > 1 && untrack(() => loadScripts());
+});
+let input = $state();
+$effect(() => {
+    preFilter &&
+        setTimeout(() => {
+            input?.focus();
+        }, 50);
+});
 onMount(() => {
     input?.focus();
 });
@@ -44,7 +43,7 @@ onMount(() => {
 		<input
 			bind:this={input}
 			type="text"
-			on:keydown={(e) => {
+			onkeydown={(e) => {
 				if (e.key === 'Escape') {
 					dispatch('escape')
 				}

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

@@ -1,4 +1,16 @@
 import { type Script } from '../../gen';
+interface Props {
+    funcDesc: string;
+    trigger?: boolean;
+    loading?: boolean;
+    preFilter: string;
+    disableAi?: boolean;
+    filteredItems?: (Script & {
+        marked?: string;
+    })[] | (Item & {
+        marked?: string;
+    })[];
+}
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,21 +24,10 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const StepGenQuick: $$__sveltets_2_IsomorphicComponent<{
-    funcDesc: string;
-    trigger?: boolean;
-    loading?: boolean;
-    preFilter: string;
-    disableAi?: boolean;
-    filteredItems?: (Script & {
-        marked?: string;
-    })[] | (Item & {
-        marked?: string;
-    })[];
-}, {
+declare const StepGenQuick: $$__sveltets_2_IsomorphicComponent<Props, {
     escape: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+}, {}, {}, "filteredItems" | "funcDesc">;
 type StepGenQuick = InstanceType<typeof StepGenQuick>;
 export default StepGenQuick;

package/package/components/copilot/StepInputGen.svelte

@@ -1,33 +1,38 @@
-<script lang="ts">import { Check, Loader2, Wand2 } from 'lucide-svelte';
+<script lang="ts" module>export function stepInputGenButtonClasses(selected) {
+    return twMerge('text-violet-500 dark:text-violet-400 border', selected
+        ? 'bg-green-50 hover:bg-green-50 dark:bg-green-400/15 dark:hover:bg-green-400/15 text-green-800 border-green-200 dark:border-green-300/60 dark:text-green-400 '
+        : 'hover:bg-violet-50 border-violet-100 dark:hover:bg-violet-400/15 dark:border-violet-400/20');
+}
+</script>
+
+<script lang="ts">import { run } from 'svelte/legacy';
+import { Check, Loader2, Wand2 } from 'lucide-svelte';
 import Button from '../common/button/Button.svelte';
 import { getNonStreamingCompletion } from './lib';
 import { sendUserToast } from '../../toast';
 import ManualPopover from '../ManualPopover.svelte';
-import { createEventDispatcher, getContext } from 'svelte';
+import { createEventDispatcher, getContext, untrack } from 'svelte';
 import YAML from 'yaml';
 import { sliceModules } from '../flows/flowStateUtils.svelte';
 import { dfs } from '../flows/dfs';
 import { yamlStringifyExceptKeys } from './utils';
-import { copilotInfo, stepInputCompletionEnabled } from '../../stores';
+import { stepInputCompletionEnabled } from '../../stores';
 import FlowCopilotInputsModal from './FlowCopilotInputsModal.svelte';
 import { twMerge } from 'tailwind-merge';
-import { createDispatcherIfMounted } from '../../createDispatcherIfMounted';
-let generatedContent = '';
-let loading = false;
-export let focused = false;
-export let arg;
-export let schemaProperty;
-export let pickableProperties = undefined;
-export let argName;
-export let showPopup;
-let empty = false;
-$: empty =
-    Object.keys(arg ?? {}).length === 0 ||
-        (arg.type === 'static' && !arg.value) ||
-        (arg.type === 'javascript' && !arg.expr);
-let btnFocused = false;
+import { copilotInfo } from '../../aiStore';
+let generatedContent = $state('');
+let loading = $state(false);
+let { focused = false, arg, schemaProperty, pickableProperties = undefined, argName, showPopup, btnClass = '' } = $props();
+let empty = $state(false);
+run(() => {
+    empty =
+        Object.keys(arg ?? {}).length === 0 ||
+            (arg.type === 'static' && !arg.value) ||
+            (arg.type === 'javascript' && !arg.expr);
+});
+let btnFocused = $state(false);
 let abortController = new AbortController();
-let newFlowInput = '';
+let newFlowInput = $state('');
 const { flowStore, selectedId } = getContext('FlowEditorContext');
 const { stepInputsLoading, generatedExprs } = getContext('FlowCopilotContext') || {};
 function createFlowInput() {
@@ -132,7 +137,6 @@ export function onKeyUp(event) {
     }
 }
 const dispatch = createEventDispatcher();
-const dispatchIfMounted = createDispatcherIfMounted(dispatch);
 function cancel() {
     abortController.abort();
     generatedContent = '';
@@ -150,16 +154,28 @@ function cancelOnOutOfFocus() {
         }
     }, 150);
 }
-$: if (!focused) {
-    cancelOnOutOfFocus();
-}
-$: if ($copilotInfo.enabled && $stepInputCompletionEnabled && focused) {
-    automaticGeneration();
-}
-$: dispatchIfMounted('showExpr', generatedContent);
-$: dispatchIfMounted('showExpr', $generatedExprs?.[argName] || '');
-let out = true; // hack to prevent regenerating answer when accepting the answer due to mouseenter on new icon
-let openInputsModal = false;
+$effect(() => {
+    if (!focused) {
+        untrack(() => {
+            cancelOnOutOfFocus();
+        });
+    }
+});
+$effect(() => {
+    if ($copilotInfo.enabled && $stepInputCompletionEnabled && focused) {
+        untrack(() => {
+            automaticGeneration();
+        });
+    }
+});
+$effect(() => {
+    dispatch('showExpr', generatedContent);
+});
+$effect(() => {
+    dispatch('showExpr', $generatedExprs?.[argName] || '');
+});
+let out = $state(true); // hack to prevent regenerating answer when accepting the answer due to mouseenter on new icon
+let openInputsModal = $state(false);
 </script>
 
 {#if $copilotInfo.enabled && $stepInputCompletionEnabled}
@@ -179,10 +195,8 @@ let openInputsModal = false;
 			size="xs"
 			color="light"
 			btnClasses={twMerge(
-				'text-violet-800 dark:text-violet-400 bg-violet-100 dark:bg-gray-700 dark:hover:bg-surface-hover',
-				!loading && generatedContent.length > 0
-					? 'bg-green-100 text-green-800 hover:bg-green-100 dark:text-green-400 dark:bg-green-700 dark:hover:bg-green-700'
-					: ''
+				stepInputGenButtonClasses(!loading && generatedContent.length > 0),
+				btnClass
 			)}
 			on:click={() => {
 				if (!loading && generatedContent.length > 0) {
@@ -227,10 +241,10 @@ let openInputsModal = false;
 				{/if}
 			{/if}
 		</Button>
-		<svelte:fragment slot="content">
+		{#snippet content()}
 			<div class="text-sm text-tertiary">
 				{generatedContent || $generatedExprs?.[argName]}
 			</div>
-		</svelte:fragment>
+		{/snippet}
 	</ManualPopover>
 {/if}

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

@@ -1,6 +1,16 @@
+export declare function stepInputGenButtonClasses(selected: boolean): string;
 import type { InputTransform } from '../../gen';
 import type { PickableProperties } from '../flows/previousResults';
 import type { SchemaProperty } from '../../common';
+interface Props {
+    focused?: boolean;
+    arg: InputTransform | any;
+    schemaProperty: SchemaProperty;
+    pickableProperties?: PickableProperties | undefined;
+    argName: string;
+    showPopup: boolean;
+    btnClass?: string;
+}
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -14,20 +24,13 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const StepInputGen: $$__sveltets_2_IsomorphicComponent<{
-    focused?: boolean;
-    arg: InputTransform | any;
-    schemaProperty: SchemaProperty;
-    pickableProperties?: PickableProperties | undefined;
-    argName: string;
-    showPopup: boolean;
-    onKeyUp?: (event: KeyboardEvent) => void;
-}, {
+declare const StepInputGen: $$__sveltets_2_IsomorphicComponent<Props, {
     setExpr: CustomEvent<any>;
+    showExpr: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
 }, {}, {
     onKeyUp: (event: KeyboardEvent) => void;
-}, string>;
+}, "">;
 type StepInputGen = InstanceType<typeof StepInputGen>;
 export default StepInputGen;

package/package/components/copilot/StepInputsGen.svelte

@@ -8,20 +8,20 @@ import { getNonStreamingCompletion } from './lib';
 import { sendUserToast } from '../../toast';
 import Button from '../common/button/Button.svelte';
 import { Check, ExternalLink, Loader2, Wand2 } from 'lucide-svelte';
-import { copilotInfo, stepInputCompletionEnabled } from '../../stores';
+import { stepInputCompletionEnabled } from '../../stores';
+import { copilotInfo } from '../../aiStore';
 import Popover from '../meltComponents/Popover.svelte';
 import FlowCopilotInputsModal from './FlowCopilotInputsModal.svelte';
 import { twMerge } from 'tailwind-merge';
-let loading = false;
-export let pickableProperties = undefined;
-export let argNames = [];
-export let schema = undefined;
+import { stepInputGenButtonClasses } from './StepInputGen.svelte';
+let loading = $state(false);
+let { pickableProperties = undefined, argNames = [], schema = undefined } = $props();
 const { flowStore, selectedId } = getContext('FlowEditorContext');
 const { exprsToSet, stepInputsLoading, generatedExprs } = getContext('FlowCopilotContext') || {};
 let generatedContent = '';
 let parsedInputs = [];
-let newFlowInputs = [];
-let abortController = new AbortController();
+let newFlowInputs = $state([]);
+let abortController = $state(new AbortController());
 async function generateStepInputs() {
     if (Object.keys($generatedExprs || {}).length > 0 || loading) {
         return;
@@ -135,8 +135,8 @@ function applyExprs() {
         openInputsModal = true;
     }
 }
-let out = true; // hack to prevent regenerating answer when accepting the answer due to mouseenter on new icon
-let openInputsModal = false;
+let out = $state(true); // hack to prevent regenerating answer when accepting the answer due to mouseenter on new icon
+let openInputsModal = $state(false);
 </script>
 
 <div class="flex flex-row justify-end">
@@ -151,11 +151,9 @@ let openInputsModal = false;
 		<Button
 			size="xs"
 			color="light"
+			wrapperClasses="flex-1"
 			btnClasses={twMerge(
-				'text-violet-800 dark:text-violet-400',
-				!loading && Object.keys($generatedExprs || {}).length > 0
-					? 'bg-green-100 text-green-800 hover:bg-green-100 dark:text-green-400 dark:bg-green-700 dark:hover:bg-green-700'
-					: ''
+				stepInputGenButtonClasses(!loading && Object.keys($generatedExprs || {}).length > 0)
 			)}
 			on:mouseenter={(ev) => {
 				if (out) {
@@ -192,12 +190,13 @@ let openInputsModal = false;
 			floatingConfig={{
 				placement: 'top-end'
 			}}
+			class="w-full"
 		>
-			<svelte:fragment slot="trigger">
+			{#snippet trigger()}
 				<Button
 					size="xs"
 					color="light"
-					btnClasses="text-violet-800 dark:text-violet-400"
+					btnClasses="text-violet-800 dark:text-violet-400 border border-violet-200 hover:bg-violet-50"
 					nonCaptureEvent
 					startIcon={{
 						icon: Wand2
@@ -205,8 +204,8 @@ let openInputsModal = false;
 				>
 					Fill inputs
 				</Button>
-			</svelte:fragment>
-			<svelte:fragment slot="content" let:close>
+			{/snippet}
+			{#snippet content({ close })}
 				<div class="p-4">
 					<p class="text-sm">
 						{#if !$copilotInfo.enabled}
@@ -223,7 +222,7 @@ let openInputsModal = false;
 							<a
 								href="#user-settings"
 								class="inline-flex flex-row items-center gap-1"
-								on:click={() => {
+								onclick={() => {
 									close()
 								}}
 							>
@@ -232,7 +231,7 @@ let openInputsModal = false;
 						{/if}
 					</p>
 				</div>
-			</svelte:fragment>
+			{/snippet}
 		</Popover>
 	{/if}
 </div>

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

@@ -1,26 +1,12 @@
 import type { PickableProperties } from '../flows/previousResults';
 import type { Schema } from '../../common';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const StepInputsGen: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     pickableProperties?: PickableProperties | undefined;
     argNames?: string[];
     schema?: Schema | {
         properties?: Record<string, any>;
     } | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type StepInputsGen = InstanceType<typeof StepInputsGen>;
+}
+declare const StepInputsGen: import("svelte").Component<Props, {}, "">;
+type StepInputsGen = ReturnType<typeof StepInputsGen>;
 export default StepInputsGen;

package/package/components/copilot/autocomplete/Autocompletor.js

@@ -5,7 +5,7 @@ import { autocompleteRequest } from './request';
 import { FIM_MAX_TOKENS, getModelContextWindow } from '../lib';
 import { setGlobalCSS } from '../shared';
 import { get } from 'svelte/store';
-import { copilotInfo } from '../../../stores';
+import { copilotInfo } from '../../../aiStore';
 // max ratio of completions to context window
 const COMPLETIONS_MAX_RATIO = 0.1;
 // hard limit to max number of completions to fetch details for, to avoid performance overhead

package/package/components/copilot/autocomplete/request.js

@@ -1,9 +1,9 @@
-import { copilotInfo } from '../../../stores';
 import { get } from 'svelte/store';
 import { getFimCompletion } from '../lib';
 import { getLangContext } from '../chat/script/core';
 import {} from '../../../gen/types.gen';
 import { getCommentSymbol } from '../utils';
+import { copilotInfo } from '../../../aiStore';
 function comment(commentSymbol, text) {
     return text
         .split('\n')

package/package/components/copilot/chat/AIChat.svelte

@@ -1,11 +1,12 @@
 <script lang="ts">import AIChatDisplay from './AIChatDisplay.svelte';
 import { onDestroy, untrack } from 'svelte';
 import {} from '../../../gen';
-import { copilotInfo, copilotSessionModel, dbSchemas, userStore, workspaceStore } from '../../../stores';
+import { dbSchemas, userStore, workspaceStore } from '../../../stores';
 import { aiChatManager, AIMode } from './AIChatManager.svelte';
 import { base } from '../../../base';
 import HideButton from '../../apps/editor/settingsPanel/HideButton.svelte';
 import { SUPPORTED_CHAT_SCRIPT_LANGUAGES } from './script/core';
+import { copilotInfo, copilotSessionModel } from '../../../aiStore';
 const isAdmin = $derived($userStore?.is_admin || $userStore?.is_super_admin);
 const hasCopilot = $derived($copilotInfo.enabled);
 const disabled = $derived(!hasCopilot ||

package/package/components/copilot/chat/AIChatManager.svelte.js

@@ -13,11 +13,12 @@ import { dfs } from '../../flows/previousResults';
 import { getStringError } from './utils';
 import { untrack } from 'svelte';
 import { get } from 'svelte/store';
-import { getCurrentModel, copilotInfo } from '../../../stores';
+import {} from '../../../stores';
 import { askTools, prepareAskSystemMessage, prepareAskUserMessage } from './ask/core';
 import { chatState, DEFAULT_SIZE, triggerablesByAi } from './sharedChatState.svelte';
 import { prepareApiSystemMessage, prepareApiUserMessage } from './api/core';
 import { getAnthropicCompletion, parseAnthropicCompletion } from './anthropic';
+import { copilotInfo, getCurrentModel } from '../../../aiStore';
 // If the estimated token usage is greater than the model context window - the threshold, we delete the oldest message
 const MAX_TOKENS_THRESHOLD_PERCENTAGE = 0.05;
 const MAX_TOKENS_HARD_LIMIT = 5000;
@@ -153,11 +154,12 @@ class AIChatManager {
         this.pendingPrompt = pendingPrompt ?? '';
         if (mode === AIMode.SCRIPT) {
             const customPrompt = get(copilotInfo).customPrompts?.[mode];
-            this.systemMessage = prepareScriptSystemMessage(customPrompt);
+            const currentModel = getCurrentModel();
+            this.systemMessage = prepareScriptSystemMessage(currentModel, customPrompt);
             this.systemMessage.content = this.NAVIGATION_SYSTEM_PROMPT + this.systemMessage.content;
             const context = this.contextManager.getSelectedContext();
             const lang = this.scriptEditorOptions?.lang ?? 'bun';
-            this.tools = [this.changeModeTool, ...prepareScriptTools(lang, context)];
+            this.tools = [this.changeModeTool, ...prepareScriptTools(currentModel, lang, context)];
             this.helpers = {
                 getScriptOptions: () => {
                     return {

package/package/components/copilot/chat/AiChatLayout.svelte

@@ -2,8 +2,9 @@
 import { Pane, Splitpanes } from 'svelte-splitpanes';
 import AiChat from './AIChat.svelte';
 import { zIndexes } from '../../../zIndexes';
-import { loadCopilot, userStore, workspaceStore } from '../../../stores';
+import { userStore, workspaceStore } from '../../../stores';
 import { chatState } from './sharedChatState.svelte';
+import { loadCopilot } from '../../../aiStore';
 let { noPadding: noBorder = false, isCollapsed = false, children, onMenuOpen, disableAi } = $props();
 $effect(() => {
     if (disableAi) {