windmill-components 1.537.1 → 1.542.4

package/package/components/chartjs-wrappers/Chart.svelte.d.ts

@@ -1,15 +1,22 @@
-import { Chart, type ChartData, type ChartType } from 'chart.js';
+import { Chart, type ChartData, type ChartOptions, type ChartType } from 'chart.js';
 import type { HTMLCanvasAttributes } from 'svelte/elements';
 import 'chart.js/auto';
 import 'chartjs-adapter-date-fns';
-declare class __sveltets_Render<T extends ChartType> {
-    props(): HTMLCanvasAttributes & {
+declare function $$render<T extends ChartType>(): {
+    props: HTMLCanvasAttributes & {
         type: T;
-        data: ChartData<T, import("chart.js/dist/types/utils").DistributiveArray<import("chart.js").ChartTypeRegistry[T]["defaultDataPoint"]>, unknown>;
-        options: Exclude<import("chart.js/dist/types/utils").DeepPartial<import("chart.js").CoreChartOptions<T> & import("chart.js").ElementChartOptions<T> & import("chart.js").PluginChartOptions<T> & import("chart.js").DatasetChartOptions<T> & import("chart.js").ScaleChartOptions<T> & import("chart.js").ChartTypeRegistry[T]["chartOptions"]>, import("chart.js/dist/types/utils")._DeepPartialArray<unknown>>;
+        data: ChartData<T>;
+        options: ChartOptions<T>;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends ChartType> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/package/components/common/OnChange.svelte.d.ts

@@ -1,11 +1,18 @@
-declare class __sveltets_Render<T> {
-    props(): {
+declare function $$render<T>(): {
+    props: {
         key: T;
         onChange: () => void;
         runFirstEffect?: boolean;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/package/components/common/badge/Badge.svelte

@@ -11,6 +11,7 @@ export let wrapperClass = '';
 export let baseClass = 'text-center';
 export let capitalize = false;
 export let icon = undefined;
+export let verySmall = false;
 let hidden = false;
 const colors = {
     gray: 'bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300',
@@ -40,8 +41,14 @@ const hovers = {
     orange: 'hover:bg-orange-200 dark:hover:bg-orange-300',
     violet: 'hover:bg-violet-200 dark:hover:bg-violet-300'
 };
-$: badgeClass = classNames(baseClass, small ? 'text-xs' : large ? 'text-sm font-medium' : 'text-xs font-semibold', colors[color], href &&
-    (color.startsWith(ColorModifier) ? hovers[color.replace(ColorModifier, '')] : hovers[color]), rounded ? 'rounded-full px-2 py-1' : 'rounded px-2.5 py-0.5', 'flex flex-row gap-1 items-center', $$props.class);
+$: badgeClass = classNames(baseClass, small
+    ? 'text-xs'
+    : verySmall
+        ? 'text-2xs'
+        : large
+            ? 'text-sm font-medium'
+            : 'text-xs font-semibold', colors[color], href &&
+    (color.startsWith(ColorModifier) ? hovers[color.replace(ColorModifier, '')] : hovers[color]), rounded ? 'rounded-full px-2 py-1' : 'rounded px-2.5 py-0.5', verySmall ? 'px-0.5 py-0.5' : '', 'flex flex-row gap-1 items-center', $$props.class);
 const handleHide = () => (hidden = !hidden);
 </script>
 

package/package/components/common/badge/Badge.svelte.d.ts

@@ -29,10 +29,11 @@ declare const Badge: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWith
     baseClass?: string | undefined;
     capitalize?: boolean | undefined;
     icon?: BadgeIconProps | undefined;
+    verySmall?: boolean | undefined;
 }, {
     default: {};
 }>, {
-    click: MouseEvent;
+    click: PointerEvent;
     keydown: KeyboardEvent;
 } & {
     [evt: string]: CustomEvent<any>;

package/package/components/common/calendarPicker/CalendarPicker.svelte

@@ -2,6 +2,7 @@
 import { createEventDispatcher } from 'svelte';
 import Popover from '../../meltComponents/Popover.svelte';
 import DateTimeInput from '../../DateTimeInput.svelte';
+import { twMerge } from 'tailwind-merge';
 export let date;
 export let label;
 export let useDropdown = false;
@@ -20,7 +21,10 @@ export let placement = 'top-end';
 	<svelte:fragment slot="trigger">
 		<button
 			title="Open calendar picker"
-			class="absolute bottom-1 right-2 top-1 py-1 min-w-min !px-2 items-center text-primary bg-surface border rounded center-center hover:bg-surface-hover transition-all cursor-pointer"
+			class={twMerge(
+				'absolute bottom-1 right-2 top-1 py-1 min-w-min !px-2 items-center text-primary bg-surface border rounded center-center hover:bg-surface-hover transition-all cursor-pointer',
+				$$props.class
+			)}
 			aria-label="Open calendar picker"
 			on:click={() => {
 				input?.focus()

package/package/components/common/calendarPicker/CalendarPicker.svelte.d.ts

@@ -13,14 +13,15 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     z_$$bindings?: Bindings;
 }
 declare const CalendarPicker: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: any;
     date: string | undefined;
     label: string;
-    useDropdown?: boolean;
-    clearable?: boolean;
+    useDropdown?: boolean | undefined;
+    clearable?: boolean | undefined;
     target?: string | HTMLElement | undefined;
-    placement?: Placement;
+    placement?: Placement | undefined;
 }, {
-    click: MouseEvent;
+    click: PointerEvent;
     change: CustomEvent<any>;
     clear: CustomEvent<any>;
 } & {

package/package/components/common/drawer/Disposable.svelte

@@ -15,20 +15,17 @@ export function toggleDrawer() {
     }
 }
 export function openDrawer() {
-    if (!open) {
-        open = true;
-        if (openedDrawers.val.includes(id)) {
-            return;
-        }
-        offset = openedDrawers.val.length - 1;
-        openedDrawers.val.push(id);
+    open = true;
+    if (openedDrawers.val.includes(id)) {
+        return;
     }
+    openedDrawers.val.push(id);
+    offset = initialOffset + openedDrawers.val.length;
 }
 export function closeDrawer() {
-    if (open) {
-        open = false;
-        offset = initialOffset;
-        // remove the last opened drawer
+    open = false;
+    offset = initialOffset;
+    if (openedDrawers.val.includes(id)) {
         openedDrawers.val = openedDrawers.val.filter((drawer) => drawer !== id);
     }
 }
@@ -61,6 +58,7 @@ function onKeyDown(event) {
 }
 if (open) {
     openedDrawers.val.push(id);
+    offset = initialOffset + openedDrawers.val.length;
 }
 let wasEverOpen = false;
 let lastOpen = open;

package/package/components/common/drawer/Drawer.svelte

@@ -3,7 +3,7 @@ import { BROWSER } from 'esm-env';
 import Disposable from './Disposable.svelte';
 import ConditionalPortal from './ConditionalPortal.svelte';
 import { chatState } from '../../copilot/chat/sharedChatState.svelte';
-let { open = $bindable(undefined), duration = 0.3, placement = 'right', size = '600px', alwaysOpen = false, shouldUsePortal = true, offset = 0, preventEscape = false, disableChatOffset = false, class: clazz = '', positionClass = undefined, children: children_render } = $props();
+let { open = $bindable(undefined), duration = 0.3, placement = 'right', size = '600px', alwaysOpen = false, shouldUsePortal = true, offset = 0, preventEscape = false, disableChatOffset = false, class: clazz = '', positionClass = undefined, name = undefined, children: children_render } = $props();
 if (open === undefined) {
     open = false;
 }
@@ -67,9 +67,8 @@ const aiChatOpen = $derived(chatState.size > 0);
 	>
 		{#snippet children({ handleClickAway, zIndex, isTop })}
 			<aside
-				class="drawer windmill-app windmill-drawer {clazz ?? ''} {positionClass ?? ''} {aiChatOpen
-					? 'respect-global-chat'
-					: ''}"
+				class="drawer windmill-app windmill-drawer {name ? `windmill-drawer-${name}` : ''} {clazz ??
+					''} {positionClass ?? ''} {aiChatOpen ? 'respect-global-chat' : ''}"
 				class:open
 				class:close={!open && timeout}
 				class:global-chat-open={aiChatOpen}

package/package/components/common/drawer/Drawer.svelte.d.ts

@@ -10,6 +10,7 @@ interface Props {
     disableChatOffset?: boolean;
     class?: string | undefined;
     positionClass?: string | undefined;
+    name?: string;
     children?: import('svelte').Snippet<[any]>;
 }
 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> {

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

@@ -1,6 +1,6 @@
 export default MenuItem;
 type MenuItem = SvelteComponent<any, {
-    click: MouseEvent;
+    click: PointerEvent;
 } & {
     [evt: string]: CustomEvent<any>;
 }, {
@@ -9,7 +9,7 @@ type MenuItem = SvelteComponent<any, {
     $$bindings?: string | undefined;
 };
 declare const MenuItem: $$__sveltets_2_IsomorphicComponent<any, {
-    click: MouseEvent;
+    click: PointerEvent;
 } & {
     [evt: string]: CustomEvent<any>;
 }, {

package/package/components/common/modal/Modal.svelte.d.ts

@@ -28,7 +28,7 @@ declare const Modal: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWith
     default: {};
     actions: {};
 }>, {
-    click: MouseEvent;
+    click: PointerEvent;
     canceled: CustomEvent<any>;
     confirmed: CustomEvent<any>;
 } & {

package/package/components/common/tabs/TabContent.svelte

@@ -1,10 +1,5 @@
 <script lang="ts">import { getContext } from 'svelte';
-export let value;
-export let alwaysMounted = false;
-export let style = '';
-export let values = undefined;
-let clazz = '';
-export { clazz as class };
+let { value, alwaysMounted = false, style = '', values = undefined, class: clazz = '', children } = $props();
 const { selected } = getContext('Tabs');
 </script>
 
@@ -13,6 +8,6 @@ const { selected } = getContext('Tabs');
 		class={`${clazz} ${value === $selected || values?.includes($selected) ? 'visible' : 'hidden'}`}
 		{style}
 	>
-		<slot />
+		{@render children?.()}
 	</div>
 {/if}

package/package/components/common/tabs/TabContent.svelte.d.ts

@@ -1,33 +1,11 @@
-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;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const TabContent: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+interface Props {
     value: string;
     alwaysMounted?: boolean;
     style?: string;
     values?: string[] | undefined;
     class?: string;
-}, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type TabContent = InstanceType<typeof TabContent>;
+    children?: import('svelte').Snippet;
+}
+declare const TabContent: import("svelte").Component<Props, {}, "">;
+type TabContent = ReturnType<typeof TabContent>;
 export default TabContent;

package/package/components/common/toggleButton-v2/ToggleButtonGroup.svelte

@@ -3,7 +3,7 @@ import { twMerge } from 'tailwind-merge';
 import { createSync } from '@melt-ui/svelte';
 const dispatch = createEventDispatcher();
 import { createToggleGroup, melt } from '@melt-ui/svelte';
-let { id = undefined, selected = $bindable(undefined), noWFull = false, disabled = false, tabListClass = '', allowEmpty = false, class: className = '', onSelected, children } = $props();
+let { id = undefined, selected = $bindable(undefined), noWFull = false, disabled = false, tabListClass = '', allowEmpty = false, class: className = '', wrap = false, onSelected, children } = $props();
 const { elements: { root, item }, options: { disabled: disabledOption }, states } = createToggleGroup({
     type: 'single',
     onValueChange: ({ curr, next }) => {
@@ -29,14 +29,20 @@ $effect(() => {
 <div
 	{...$root} use:$root.action
 	class={twMerge(
-		`h-8 flex ${noWFull ? '' : 'w-full'} ${disabled ? 'disabled' : ''}`,
+		`flex ${noWFull ? '' : 'w-full'} ${disabled ? 'disabled' : ''}`,
 		className,
 		'flex items-center data-[orientation="vertical"]:flex-col'
 	)}
 	aria-label="Toggle button group"
 	{id}
 >
-	<div class={twMerge('flex bg-surface-secondary rounded-md p-0.5 gap-1 h-full ', tabListClass)}>
+	<div
+		class={twMerge(
+			'flex bg-surface-secondary rounded-md p-0.5 gap-1 h-full',
+			wrap ? 'flex-wrap' : '',
+			tabListClass
+		)}
+	>
 		{@render children?.({ item, disabled })}
 	</div>
 </div>

package/package/components/common/toggleButton-v2/ToggleButtonGroup.svelte.d.ts

@@ -6,6 +6,7 @@ interface Props {
     tabListClass?: string;
     allowEmpty?: boolean;
     class?: string;
+    wrap?: boolean;
     children?: import('svelte').Snippet<[any]>;
     onSelected?: (value: any) => void;
 }

package/package/components/common/toggleButton-v2/ToggleButtonMore.svelte

@@ -3,10 +3,11 @@ import Popover from '../../Popover.svelte';
 import DropdownV2 from '../../DropdownV2.svelte';
 import ToggleButton from './ToggleButton.svelte';
 let { disabled = false, small = false, light = false, id = undefined, item = undefined, selected = $bindable(undefined), togglableItems } = $props();
-function select(v) {
-    selected = v;
-}
-let items = togglableItems.map((i) => ({ displayName: i.label, action: () => select(i.value) }));
+let items = togglableItems.map((i) => ({
+    displayName: i.label,
+    action: () => (selected = i.value),
+    tooltip: i.tooltip
+}));
 function isAnOptionSelected(selected) {
     return togglableItems.some((i) => i.value === selected);
 }
@@ -20,6 +21,7 @@ function isAnOptionSelected(selected) {
 >
 	<div {id} class="flex">
 		{#if isAnOptionSelected(selected)}
+			{@const tooltip = togglableItems.find((i) => i.value === selected)?.tooltip}
 			<ToggleButton
 				{disabled}
 				value={selected ?? ''}
@@ -28,6 +30,8 @@ function isAnOptionSelected(selected) {
 				{light}
 				{id}
 				label={togglableItems.find((i) => i.value === selected)?.label}
+				{tooltip}
+				showTooltipIcon={!!tooltip}
 			/>
 		{/if}
 		<div class="flex items-center">

package/package/components/common/toggleButton-v2/ToggleButtonMore.svelte.d.ts

@@ -1,6 +1,7 @@
 type TogglableItem = {
     label: string;
     value: string;
+    tooltip?: string;
 };
 interface Props {
     disabled?: boolean;

package/package/components/copilot/MetadataGen.svelte

@@ -297,7 +297,7 @@ onDestroy(() => {
 			on:blur={() => (focused = false)}
 		/>
 		{#if promptConfigName === 'agentToolFunctionName' && !validateToolName(content ?? '')}
-			<div class="text-3xs text-red-400 absolute -bottom-4">
+			<div class="text-3xs text-red-400 -mt-0.5">
 				Invalid tool name, should only contain letters, numbers and underscores
 			</div>
 		{/if}

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

@@ -1,21 +1,23 @@
 import { flowTools, prepareFlowSystemMessage, prepareFlowUserMessage } from './flow/core';
 import ContextManager from './ContextManager.svelte';
 import HistoryManager from './HistoryManager.svelte';
-import { extractCodeFromMarkdown, getLatestAssistantMessage, processToolCall } from './shared';
+import {} from './shared';
 import { INLINE_CHAT_SYSTEM_PROMPT, prepareScriptSystemMessage, prepareScriptTools } from './script/core';
 import { navigatorTools, prepareNavigatorSystemMessage } from './navigator/core';
 import { loadApiTools } from './api/apiTools';
 import { prepareScriptUserMessage } from './script/core';
 import { prepareNavigatorUserMessage } from './navigator/core';
 import { sendUserToast } from '../../../toast';
-import { getCompletion, getModelContextWindow } from '../lib';
+import { getCompletion, getModelContextWindow, parseOpenAICompletion } from '../lib';
 import { dfs } from '../../flows/previousResults';
 import { getStringError } from './utils';
 import { untrack } from 'svelte';
-import { getCurrentModel } from '../../../stores';
+import { get } from 'svelte/store';
+import { getCurrentModel, copilotInfo } 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';
 // 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;
@@ -150,7 +152,8 @@ class AIChatManager {
         this.mode = mode;
         this.pendingPrompt = pendingPrompt ?? '';
         if (mode === AIMode.SCRIPT) {
-            this.systemMessage = prepareScriptSystemMessage();
+            const customPrompt = get(copilotInfo).customPrompts?.[mode];
+            this.systemMessage = prepareScriptSystemMessage(customPrompt);
             this.systemMessage.content = this.NAVIGATION_SYSTEM_PROMPT + this.systemMessage.content;
             const context = this.contextManager.getSelectedContext();
             const lang = this.scriptEditorOptions?.lang ?? 'bun';
@@ -164,18 +167,8 @@ class AIChatManager {
                         args: this.scriptEditorOptions?.args ?? {}
                     };
                 },
-                getLastSuggestedCode: () => {
-                    const latestMessage = getLatestAssistantMessage(this.displayMessages);
-                    if (latestMessage) {
-                        const codeBlocks = extractCodeFromMarkdown(latestMessage);
-                        if (codeBlocks.length > 0) {
-                            return codeBlocks[codeBlocks.length - 1];
-                        }
-                    }
-                    return undefined;
-                },
-                applyCode: (code, applyAll) => {
-                    this.scriptEditorApplyCode?.(code, applyAll);
+                applyCode: (code, opts) => {
+                    this.scriptEditorApplyCode?.(code, opts);
                 }
             };
             if (options?.closeScriptSettings) {
@@ -186,23 +179,27 @@ class AIChatManager {
             }
         }
         else if (mode === AIMode.FLOW) {
-            this.systemMessage = prepareFlowSystemMessage();
+            const customPrompt = get(copilotInfo).customPrompts?.[mode];
+            this.systemMessage = prepareFlowSystemMessage(customPrompt);
             this.systemMessage.content = this.NAVIGATION_SYSTEM_PROMPT + this.systemMessage.content;
             this.tools = [this.changeModeTool, ...flowTools];
             this.helpers = this.flowAiChatHelpers;
         }
         else if (mode === AIMode.NAVIGATOR) {
-            this.systemMessage = prepareNavigatorSystemMessage();
+            const customPrompt = get(copilotInfo).customPrompts?.[mode];
+            this.systemMessage = prepareNavigatorSystemMessage(customPrompt);
             this.tools = [this.changeModeTool, ...navigatorTools];
             this.helpers = {};
         }
         else if (mode === AIMode.ASK) {
-            this.systemMessage = prepareAskSystemMessage();
+            const customPrompt = get(copilotInfo).customPrompts?.[mode];
+            this.systemMessage = prepareAskSystemMessage(customPrompt);
             this.tools = [...askTools];
             this.helpers = {};
         }
         else if (mode === AIMode.API) {
-            this.systemMessage = prepareApiSystemMessage();
+            const customPrompt = get(copilotInfo).customPrompts?.[mode];
+            this.systemMessage = prepareApiSystemMessage(customPrompt);
             this.tools = [...this.apiTools];
             this.helpers = {};
         }
@@ -298,9 +295,8 @@ class AIChatManager {
         }
     };
     chatRequest = async ({ messages, abortController, callbacks, systemMessage: systemMessageOverride }) => {
-        let addedMessages = [];
         try {
-            let completion = null;
+            let addedMessages = [];
             while (true) {
                 const systemMessage = systemMessageOverride ?? this.systemMessage;
                 const helpers = this.helpers;
@@ -324,87 +320,13 @@ class AIChatManager {
                     }
                     this.pendingPrompt = '';
                 }
-                completion = await getCompletion([systemMessage, ...messages, ...(pendingUserMessage ? [pendingUserMessage] : [])], abortController, tools.map((t) => t.def));
+                const model = getCurrentModel();
+                const completionFn = model.provider === 'anthropic' ? getAnthropicCompletion : getCompletion;
+                const parseFn = model.provider === 'anthropic' ? parseAnthropicCompletion : parseOpenAICompletion;
+                const completion = await completionFn([systemMessage, ...messages, ...(pendingUserMessage ? [pendingUserMessage] : [])], abortController, tools.map((t) => t.def));
                 if (completion) {
-                    const finalToolCalls = {};
-                    let answer = '';
-                    for await (const chunk of completion) {
-                        if (!('choices' in chunk && chunk.choices.length > 0 && 'delta' in chunk.choices[0])) {
-                            continue;
-                        }
-                        const c = chunk;
-                        const delta = c.choices[0].delta.content;
-                        if (delta) {
-                            answer += delta;
-                            callbacks.onNewToken(delta);
-                        }
-                        const toolCalls = c.choices[0].delta.tool_calls || [];
-                        if (toolCalls.length > 0 && answer) {
-                            // if tool calls are present but we have some textual content already, we need to display it to the user first
-                            callbacks.onMessageEnd();
-                            answer = '';
-                        }
-                        for (const toolCall of toolCalls) {
-                            const { index } = toolCall;
-                            let finalToolCall = finalToolCalls[index];
-                            if (!finalToolCall) {
-                                finalToolCalls[index] = toolCall;
-                            }
-                            else {
-                                if (toolCall.function?.arguments) {
-                                    if (!finalToolCall.function) {
-                                        finalToolCall.function = toolCall.function;
-                                    }
-                                    else {
-                                        finalToolCall.function.arguments =
-                                            (finalToolCall.function.arguments ?? '') + toolCall.function.arguments;
-                                    }
-                                }
-                            }
-                            finalToolCall = finalToolCalls[index];
-                            if (finalToolCall?.function) {
-                                const { function: { name: funcName }, id: toolCallId } = finalToolCall;
-                                if (funcName && toolCallId) {
-                                    const tool = tools.find((t) => t.def.function.name === funcName);
-                                    if (tool && tool.preAction) {
-                                        tool.preAction({ toolCallbacks: callbacks, toolId: toolCallId });
-                                    }
-                                }
-                            }
-                        }
-                    }
-                    if (answer) {
-                        const toAdd = { role: 'assistant', content: answer };
-                        addedMessages.push(toAdd);
-                        messages.push(toAdd);
-                    }
-                    callbacks.onMessageEnd();
-                    const toolCalls = Object.values(finalToolCalls).filter((toolCall) => toolCall.id !== undefined && toolCall.function?.arguments !== undefined);
-                    if (toolCalls.length > 0) {
-                        const toAdd = {
-                            role: 'assistant',
-                            tool_calls: toolCalls.map((t) => ({
-                                ...t,
-                                function: {
-                                    ...t.function,
-                                    arguments: t.function.arguments || '{}'
-                                }
-                            }))
-                        };
-                        messages.push(toAdd);
-                        addedMessages.push(toAdd);
-                        for (const toolCall of toolCalls) {
-                            const messageToAdd = await processToolCall({
-                                tools,
-                                toolCall,
-                                helpers,
-                                toolCallbacks: callbacks
-                            });
-                            messages.push(messageToAdd);
-                            addedMessages.push(messageToAdd);
-                        }
-                    }
-                    else {
+                    const continueCompletion = await parseFn(completion, callbacks, messages, addedMessages, tools, helpers);
+                    if (!continueCompletion) {
                         break;
                     }
                 }

package/package/components/copilot/chat/AssistantMessage.svelte

@@ -2,11 +2,7 @@
 import { gfmPlugin } from 'svelte-exmarkdown/gfm';
 import CodeDisplay from './script/CodeDisplay.svelte';
 import LinkRenderer from './LinkRenderer.svelte';
-import { setContext } from 'svelte';
 export let message;
-setContext('AssistantMessageContext', {
-    message
-});
 </script>
 
 <div

package/package/components/copilot/chat/anthropic.d.ts

@@ -0,0 +1,15 @@
+import { OpenAI } from 'openai';
+import type { ChatCompletionMessageParam } from 'openai/resources/index.mjs';
+import type { MessageParam, TextBlockParam, ToolUnion } from '@anthropic-ai/sdk/resources';
+import type { MessageStream } from '@anthropic-ai/sdk/lib/MessageStream';
+import { type Tool, type ToolCallbacks } from './shared';
+export declare function getAnthropicCompletion(messages: ChatCompletionMessageParam[], abortController: AbortController, tools?: OpenAI.Chat.Completions.ChatCompletionFunctionTool[]): Promise<MessageStream>;
+export declare function parseAnthropicCompletion(completion: MessageStream, callbacks: ToolCallbacks & {
+    onNewToken: (token: string) => void;
+    onMessageEnd: () => void;
+}, messages: ChatCompletionMessageParam[], addedMessages: ChatCompletionMessageParam[], tools: Tool<any>[], helpers: any): Promise<boolean>;
+export declare function convertOpenAIToAnthropicMessages(messages: ChatCompletionMessageParam[]): {
+    system: TextBlockParam[] | undefined;
+    messages: MessageParam[];
+};
+export declare function convertOpenAIToolsToAnthropic(tools?: OpenAI.Chat.Completions.ChatCompletionFunctionTool[]): ToolUnion[] | undefined;