windmill-components 1.613.5 → 1.623.1

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

@@ -6,7 +6,6 @@ import { FIM_MAX_TOKENS, getModelContextWindow } from '../lib';
 import { setGlobalCSS } from '../shared';
 import { get } from 'svelte/store';
 import { copilotInfo } from '../../../aiStore';
-import { getTypeScriptWorker } from '@codingame/monaco-vscode-standalone-typescript-language-features';
 // 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
@@ -129,7 +128,7 @@ export class Autocompletor {
                     ]
                 };
             },
-            disposeInlineCompletions: () => { }
+            disposeInlineCompletions: () => { },
         });
         this.#cursorDisposable = editor.onDidChangeCursorPosition(async (e) => {
             deletionsCues.clear();
@@ -231,7 +230,7 @@ export class Autocompletor {
     async #getTsCompletions(model, position, afterDot) {
         try {
             const offs = model.getOffsetAt(position);
-            const workerFactory = await getTypeScriptWorker();
+            const workerFactory = await languages.typescript.getTypeScriptWorker();
             const worker = await workerFactory(model.uri);
             const info = await worker.getCompletionsAtPosition(model.uri.toString(), offs);
             let entries = [];

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

@@ -1 +1 @@
-export declare function AIBtnClasses(state?: 'default' | 'selected' | 'green' | 'accent'): string;
+export declare function AIBtnClasses(state?: 'default' | 'selected' | 'green'): string;

package/package/components/copilot/chat/AIButtonStyle.js

@@ -2,8 +2,7 @@ export function AIBtnClasses(state = 'default') {
     return twMerge(['selected', 'default'].includes(state) ? 'text-ai !border-ai/20 hover:bg-ai/15' : '', {
         default: '',
         selected: 'bg-ai/10',
-        green: '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',
-        accent: 'dark:bg-magenta-900 bg-magenta-600 text-white hover:bg-magenta-700 dark:hover:bg-magenta-950'
+        green: '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'
     }[state]);
 }
 import { twMerge } from 'tailwind-merge';

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

@@ -75,9 +75,7 @@ $effect(() => {
 		() => aiChatManager.contextManager.getSelectedContext(),
 		(sc) => aiChatManager.contextManager.setSelectedContext(sc)
 	}
-	availableContext={aiChatManager.mode === AIMode.APP
-		? aiChatManager.getAppAvailableContext()
-		: aiChatManager.contextManager.getAvailableContext()}
+	availableContext={aiChatManager.contextManager.getAvailableContext()}
 	messages={aiChatManager.currentReply
 		? [
 				...aiChatManager.displayMessages,

package/package/components/copilot/chat/AIChatDisplay.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">import AIChatMessage from './AIChatMessage.svelte';
 import {} from 'svelte';
-import { CheckIcon, Code2, FileCode, HistoryIcon, Loader2, MousePointer2, Plus, Square, TextSelect, X, XIcon } from 'lucide-svelte';
+import { CheckIcon, HistoryIcon, Loader2, Plus, X, XIcon } from 'lucide-svelte';
 import Button from '../../common/button/Button.svelte';
 import Popover from '../../meltComponents/Popover.svelte';
 import {} from './shared';
@@ -45,13 +45,6 @@ $effect(() => {
     };
 });
 const isLastMessageTool = $derived(messages.length > 0 && messages[messages.length - 1].role === 'tool');
-// Get app context for display when in APP mode
-const appContext = $derived.by(() => {
-    if (aiChatManager.mode !== AIMode.APP || !aiChatManager.appAiChatHelpers) {
-        return undefined;
-    }
-    return aiChatManager.appAiChatHelpers.getSelectedContext();
-});
 </script>
 
 <div class="flex flex-col h-full">
@@ -167,10 +160,9 @@ const appContext = $derived.by(() => {
 		{#if aiChatManager.loading}
 			<div class="absolute -top-10 w-full flex flex-row justify-center">
 				<Button
-					startIcon={{ icon: Square }}
+					startIcon={{ icon: Loader2, classes: 'animate-spin' }}
 					size="xs"
 					variant="default"
-					btnClasses="bg-surface hover:bg-surface-selected"
 					on:click={() => {
 						cancel()
 					}}
@@ -225,87 +217,10 @@ const appContext = $derived.by(() => {
 						<Markdown md={disabledMessage} />
 					</div>
 				{:else}
-					<div class="flex flex-row gap-x-1.5 min-w-0 flex-wrap items-center">
+					<div class="flex flex-row gap-2 min-w-0 flex-wrap items-center">
 						<ChatMode />
-						{#if aiChatManager.mode === AIMode.APP}
-							<DatatableCreationPolicy />
-						{/if}
+						<DatatableCreationPolicy />
 						<ProviderModelSelector />
-
-						{#if aiChatManager.mode === AIMode.APP && appContext && (appContext.type !== 'none' || appContext.inspectorElement || appContext.codeSelection)}
-							{#if appContext.type === 'frontend' && appContext.frontendPath && !appContext.selectionExcluded}
-								<div
-									class="inline-flex items-center gap-1 px-1.5 py-0.5 rounded bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300 text-2xs"
-									title={appContext.frontendPath}
-								>
-									<FileCode class="w-3 h-3" />
-									<span class="truncate max-w-[80px]">{appContext.frontendPath}</span>
-									<button
-										class="hover:bg-blue-200 dark:hover:bg-blue-800/50 rounded p-0.5 -mr-0.5"
-										onclick={() => appContext.toggleSelectionExcluded?.()}
-										title="Exclude from prompt"
-									>
-										<X class="w-2.5 h-2.5" />
-									</button>
-								</div>
-							{:else if appContext.type === 'backend' && appContext.backendKey && !appContext.selectionExcluded}
-								<div
-									class="inline-flex items-center gap-1 px-1.5 py-0.5 rounded bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-300 text-2xs"
-									title={appContext.backendKey}
-								>
-									<Code2 class="w-3 h-3" />
-									<span class="truncate max-w-[80px]">{appContext.backendKey}</span>
-									<button
-										class="hover:bg-green-200 dark:hover:bg-green-800/50 rounded p-0.5 -mr-0.5"
-										onclick={() => appContext.toggleSelectionExcluded?.()}
-										title="Exclude from prompt"
-									>
-										<X class="w-2.5 h-2.5" />
-									</button>
-								</div>
-							{/if}
-							{#if appContext.inspectorElement}
-								<div
-									class="inline-flex items-center gap-1 px-1.5 py-0.5 rounded bg-purple-100 dark:bg-purple-900/30 text-purple-700 dark:text-purple-300 text-2xs"
-									title={appContext.inspectorElement.path}
-								>
-									<MousePointer2 class="w-3 h-3" />
-									<span class="truncate max-w-[60px]">
-										{appContext.inspectorElement.tagName.toLowerCase()}{appContext.inspectorElement
-											.id
-											? `#${appContext.inspectorElement.id}`
-											: ''}{appContext.inspectorElement.className
-											? `.${appContext.inspectorElement.className.split(' ')[0]}`
-											: ''}
-									</span>
-									<button
-										class="hover:bg-purple-200 dark:hover:bg-purple-800/50 rounded p-0.5 -mr-0.5"
-										onclick={() => appContext.clearInspector?.()}
-										title="Clear element selection"
-									>
-										<X class="w-2.5 h-2.5" />
-									</button>
-								</div>
-							{/if}
-							{#if appContext.codeSelection}
-								<div
-									class="inline-flex items-center gap-1 px-1.5 py-0.5 rounded bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300 text-2xs"
-									title={`${appContext.codeSelection.source}: lines ${appContext.codeSelection.startLine}-${appContext.codeSelection.endLine}`}
-								>
-									<TextSelect class="w-3 h-3" />
-									<span class="truncate max-w-[80px]">
-										L{appContext.codeSelection.startLine}-{appContext.codeSelection.endLine}
-									</span>
-									<button
-										class="hover:bg-amber-200 dark:hover:bg-amber-800/50 rounded p-0.5 -mr-0.5"
-										onclick={() => appContext.clearCodeSelection?.()}
-										title="Clear code selection"
-									>
-										<X class="w-2.5 h-2.5" />
-									</button>
-								</div>
-							{/if}
-						{/if}
 					</div>
 				{/if}
 			</div>

package/package/components/copilot/chat/AIChatInput.svelte

@@ -1,14 +1,10 @@
 <script lang="ts">import Popover from '../../meltComponents/Popover.svelte';
 import AvailableContextList from './AvailableContextList.svelte';
-import AppAvailableContextList from './AppAvailableContextList.svelte';
 import ContextElementBadge from './ContextElementBadge.svelte';
 import ContextTextarea from './ContextTextarea.svelte';
 import autosize from '../../../autosize';
 import { aiChatManager, AIMode } from './AIChatManager.svelte';
 import { twMerge } from 'tailwind-merge';
-import Portal from '../../Portal.svelte';
-import { zIndexes } from '../../../zIndexes';
-import { tick } from 'svelte';
 let { availableContext, selectedContext = $bindable([]), disabled = false, isFirstMessage = false, placeholder, initialInstructions = '', editingMessageIndex = null, onEditEnd = () => { }, className = '', onClickOutside = () => { }, onSendRequest = undefined, showContext = true, bottomRightSnippet, onKeyDown = undefined } = $props();
 // Generate mode-specific placeholder
 const modePlaceholder = $derived.by(() => {
@@ -38,12 +34,6 @@ const modePlaceholder = $derived.by(() => {
 let contextTextareaComponent = $state();
 let instructionsTextareaComponent = $state();
 let instructions = $state(initialInstructions);
-// App mode @ mention state
-let showAppContextTooltip = $state(false);
-let appContextTooltipWord = $state('');
-let appTooltipPosition = $state({ x: 0, y: 0 });
-let appTooltipElement = $state(undefined);
-let appTooltipCurrentViewNumber = $state(0);
 export function focusInput() {
     if (aiChatManager.mode === AIMode.SCRIPT || aiChatManager.mode === AIMode.FLOW) {
         contextTextareaComponent?.focus();
@@ -71,12 +61,6 @@ function addContextToSelection(contextElement) {
         !selectedContext.find((c) => c.type === contextElement.type && c.title === contextElement.title) &&
         availableContext.find((c) => c.type === contextElement.type && c.title === contextElement.title)) {
         selectedContext = [...selectedContext, contextElement];
-        // If it's a datatable table, add it to the app's whitelisted tables
-        if (contextElement.type === 'app_datatable' &&
-            aiChatManager.mode === AIMode.APP &&
-            aiChatManager.appAiChatHelpers) {
-            aiChatManager.appAiChatHelpers.addTableToWhitelist(contextElement.datatableName, contextElement.schemaName, contextElement.tableName);
-        }
     }
 }
 function sendRequest() {
@@ -97,173 +81,6 @@ $effect(() => {
         focusInput();
     }
 });
-// Properties to copy for caret position calculation (app mode)
-const caretProperties = [
-    'direction',
-    'boxSizing',
-    'width',
-    'height',
-    'overflowX',
-    'overflowY',
-    'borderTopWidth',
-    'borderRightWidth',
-    'borderBottomWidth',
-    'borderLeftWidth',
-    'borderStyle',
-    'paddingTop',
-    'paddingRight',
-    'paddingBottom',
-    'paddingLeft',
-    'fontStyle',
-    'fontVariant',
-    'fontWeight',
-    'fontStretch',
-    'fontSize',
-    'fontSizeAdjust',
-    'lineHeight',
-    'fontFamily',
-    'textAlign',
-    'textTransform',
-    'textIndent',
-    'textDecoration',
-    'letterSpacing',
-    'wordSpacing',
-    'tabSize',
-    'MozTabSize'
-];
-function getCaretCoordinates(element, position) {
-    const div = document.createElement('div');
-    div.id = 'input-textarea-caret-position-mirror-div';
-    document.body.appendChild(div);
-    const style = div.style;
-    const computed = window.getComputedStyle(element);
-    const isInput = element.nodeName === 'INPUT';
-    style.whiteSpace = 'pre-wrap';
-    if (!isInput)
-        style.wordWrap = 'break-word';
-    style.position = 'absolute';
-    style.visibility = 'hidden';
-    caretProperties.forEach(function (prop) {
-        if (isInput && prop === 'lineHeight') {
-            if (computed.boxSizing === 'border-box') {
-                const height = parseInt(computed.height);
-                const outerHeight = parseInt(computed.paddingTop) +
-                    parseInt(computed.paddingBottom) +
-                    parseInt(computed.borderTopWidth) +
-                    parseInt(computed.borderBottomWidth);
-                const targetHeight = outerHeight + parseInt(computed.lineHeight);
-                if (height > targetHeight) {
-                    style.lineHeight = height - outerHeight + 'px';
-                }
-                else if (height === targetHeight) {
-                    style.lineHeight = computed.lineHeight;
-                }
-                else {
-                    style.lineHeight = '0';
-                }
-            }
-            else {
-                style.lineHeight = computed.height;
-            }
-        }
-        else {
-            style[prop] = computed[prop];
-        }
-    });
-    const isFirefox = window.mozInnerScreenX != null;
-    if (isFirefox) {
-        if (element.scrollHeight > parseInt(computed.height))
-            style.overflowY = 'scroll';
-    }
-    else {
-        style.overflow = 'hidden';
-    }
-    div.textContent = element.value.substring(0, position);
-    if (isInput)
-        div.textContent = div.textContent.replace(/\s/g, '\u00a0');
-    const span = document.createElement('span');
-    span.textContent = element.value.substring(position) || '.';
-    div.appendChild(span);
-    const coordinates = {
-        top: span.offsetTop + parseInt(computed['borderTopWidth']),
-        left: span.offsetLeft + parseInt(computed['borderLeftWidth']),
-        height: parseInt(computed['lineHeight'])
-    };
-    document.body.removeChild(div);
-    return coordinates;
-}
-async function updateAppTooltipPosition(currentViewItemsNumber) {
-    if (!instructionsTextareaComponent)
-        return;
-    try {
-        const coords = getCaretCoordinates(instructionsTextareaComponent, instructionsTextareaComponent.selectionEnd);
-        const rect = instructionsTextareaComponent.getBoundingClientRect();
-        const itemHeight = 28;
-        const containerPadding = 8;
-        const maxHeight = 192 + containerPadding;
-        const numItems = currentViewItemsNumber;
-        let uncappedHeight = numItems > 0 ? numItems * itemHeight - 4 + containerPadding : containerPadding;
-        uncappedHeight = Math.max(uncappedHeight, containerPadding);
-        const estimatedTooltipHeight = Math.min(uncappedHeight, maxHeight);
-        const margin = 6;
-        let finalX = rect.left + coords.left - 70;
-        let finalY;
-        if (isFirstMessage) {
-            finalY = rect.top + coords.top + coords.height - 3;
-        }
-        else {
-            finalY = rect.top + coords.top - estimatedTooltipHeight - margin;
-        }
-        appTooltipPosition = {
-            x: finalX,
-            y: finalY
-        };
-        await tick();
-        if (appTooltipElement) {
-            const tooltipRect = appTooltipElement.getBoundingClientRect();
-            const tooltipWidth = tooltipRect.width;
-            if (finalX + tooltipWidth > window.innerWidth) {
-                finalX = Math.max(10, window.innerWidth - tooltipWidth - 10);
-                appTooltipPosition = {
-                    x: finalX,
-                    y: finalY
-                };
-            }
-        }
-    }
-    catch (error) {
-        console.error('Error updating tooltip position', error);
-        showAppContextTooltip = false;
-    }
-}
-function handleAppInput(_e) {
-    const words = instructions.split(/\s+/);
-    const lastWord = words[words.length - 1];
-    if (lastWord.startsWith('@') &&
-        (!availableContext.find((c) => c.title === lastWord.slice(1)) ||
-            !selectedContext.find((c) => c.title === lastWord.slice(1)))) {
-        showAppContextTooltip = true;
-        appContextTooltipWord = lastWord;
-    }
-    else {
-        showAppContextTooltip = false;
-        appContextTooltipWord = '';
-    }
-}
-function handleAppContextSelection(contextElement) {
-    addContextToSelection(contextElement);
-    // Update instructions with the selected context title
-    const index = instructions.lastIndexOf('@');
-    if (index !== -1) {
-        instructions = instructions.substring(0, index) + `@${contextElement.title}`;
-    }
-    showAppContextTooltip = false;
-}
-$effect(() => {
-    if (showAppContextTooltip) {
-        updateAppTooltipPosition(appTooltipCurrentViewNumber);
-    }
-});
 </script>
 
 <div use:clickOutside class="relative">
@@ -318,98 +135,6 @@ $effect(() => {
 			{disabled}
 			{onKeyDown}
 		/>
-	{:else if aiChatManager.mode === AIMode.APP}
-		{#if showContext}
-			<div class="flex flex-row gap-1 mb-1 overflow-scroll pt-2 no-scrollbar">
-				<Popover>
-					<svelte:fragment slot="trigger">
-						<div
-							class="border rounded-md px-1 py-0.5 font-normal text-primary text-xs hover:bg-surface-hover bg-surface"
-							>@</div
-						>
-					</svelte:fragment>
-					<svelte:fragment slot="content" let:close>
-						<AppAvailableContextList
-							{availableContext}
-							{selectedContext}
-							onSelect={(element) => {
-								addContextToSelection(element)
-								close()
-							}}
-						/>
-					</svelte:fragment>
-				</Popover>
-				{#each selectedContext as element (element.type + '-' + element.title)}
-					<ContextElementBadge
-						contextElement={element}
-						deletable
-						onDelete={() => {
-							selectedContext = selectedContext?.filter(
-								(c) => c.type !== element.type || c.title !== element.title
-							)
-						}}
-					/>
-				{/each}
-			</div>
-		{/if}
-		<div class={twMerge('relative w-full scroll-pb-2', className)}>
-			<textarea
-				bind:this={instructionsTextareaComponent}
-				bind:value={instructions}
-				use:autosize
-				oninput={handleAppInput}
-				onblur={() => {
-					setTimeout(() => {
-						showAppContextTooltip = false
-					}, 200)
-				}}
-				onkeydown={(e) => {
-					if (onKeyDown) {
-						onKeyDown(e)
-					}
-					if (showAppContextTooltip) {
-						// avoid new line after Enter in the tooltip
-						if (e.key === 'Enter') {
-							e.preventDefault()
-						}
-						return
-					}
-					if (e.key === 'Enter' && !e.shiftKey) {
-						e.preventDefault()
-						sendRequest()
-					}
-				}}
-				rows={3}
-				placeholder={modePlaceholder}
-				class="resize-none"
-				{disabled}
-			></textarea>
-		</div>
-		{#if showAppContextTooltip}
-			<Portal target="body">
-				<div
-					bind:this={appTooltipElement}
-					class="absolute bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-md shadow-lg"
-					style="left: {appTooltipPosition.x}px; top: {appTooltipPosition.y}px; z-index: {zIndexes.tooltip};"
-				>
-					<AppAvailableContextList
-						{availableContext}
-						{selectedContext}
-						onSelect={(element) => {
-							handleAppContextSelection(element)
-						}}
-						showAllAvailable={true}
-						stringSearch={appContextTooltipWord.slice(1)}
-						onViewChange={(newNumber) => {
-							appTooltipCurrentViewNumber = newNumber
-						}}
-						setShowing={(showing) => {
-							showAppContextTooltip = showing
-						}}
-					/>
-				</div>
-			</Portal>
-		{/if}
 	{:else}
 		<div class={twMerge('relative w-full scroll-pb-2 pt-2', className)}>
 			<textarea

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

@@ -59,7 +59,6 @@ class AIChatManager {
     flowOptions = $state(undefined);
     scriptEditorApplyCode = $state(undefined);
     scriptEditorShowDiffMode = $state(undefined);
-    scriptEditorGetLintErrors = $state(undefined);
     flowAiChatHelpers = $state(undefined);
     appAiChatHelpers = $state(undefined);
     /** Datatable creation policy: enabled flag, datatable name, and optional schema */
@@ -67,8 +66,6 @@ class AIChatManager {
     pendingNewCode = $state(undefined);
     apiTools = $state([]);
     aiChatInput = $state(null);
-    /** Cached datatables for app context (fetched asynchronously) */
-    cachedDatatables = $state([]);
     confirmationCallback = $state(undefined);
     allowedModes = $derived({
         script: this.flowAiChatHelpers === undefined && this.scriptEditorOptions !== undefined,
@@ -179,12 +176,6 @@ class AIChatManager {
                 },
                 applyCode: (code, opts) => {
                     this.scriptEditorApplyCode?.(code, opts);
-                },
-                getLintErrors: () => {
-                    if (this.scriptEditorGetLintErrors) {
-                        return this.scriptEditorGetLintErrors();
-                    }
-                    return { errorCount: 0, warningCount: 0, errors: [], warnings: [] };
                 }
             };
             if (options?.closeScriptSettings) {
@@ -558,7 +549,7 @@ class AIChatManager {
                     userMessage = prepareApiUserMessage(oldInstructions);
                     break;
                 case AIMode.APP:
-                    userMessage = prepareAppUserMessage(oldInstructions, this.appAiChatHelpers?.getSelectedContext(), oldSelectedContext);
+                    userMessage = prepareAppUserMessage(oldInstructions, this.appAiChatHelpers?.getSelectedContext());
                     break;
             }
             this.messages.push(userMessage);
@@ -777,22 +768,14 @@ class AIChatManager {
                     currentEditor.showDiffMode();
                 }
             };
-            this.scriptEditorGetLintErrors = () => {
-                if (currentEditor && currentEditor.type === 'script') {
-                    return currentEditor.editor.getLintErrors();
-                }
-                return { errorCount: 0, warningCount: 0, errors: [], warnings: [] };
-            };
         }
         else {
             this.scriptEditorApplyCode = undefined;
             this.scriptEditorShowDiffMode = undefined;
-            this.scriptEditorGetLintErrors = undefined;
         }
         return () => {
             this.scriptEditorApplyCode = undefined;
             this.scriptEditorShowDiffMode = undefined;
-            this.scriptEditorGetLintErrors = undefined;
         };
     };
     listenForSelectedIdChanges = (selectedId, flowStore, flowStateStore, currentEditor) => {
@@ -855,99 +838,10 @@ class AIChatManager {
             this.flowAiChatHelpers = undefined;
         };
     };
-    /**
-     * Refresh cached datatables from the app helpers (async)
-     * Creates one context element per table (not per datatable)
-     */
-    refreshDatatables = async () => {
-        if (!this.appAiChatHelpers) {
-            this.cachedDatatables = [];
-            return;
-        }
-        try {
-            const datatables = await this.appAiChatHelpers.getDatatables();
-            console.log('Refreshed datatables:', datatables);
-            // Flatten to individual tables
-            const tableElements = [];
-            for (const dt of datatables) {
-                if (dt.error) {
-                    // Skip datatables with errors
-                    continue;
-                }
-                for (const [schemaName, tables] of Object.entries(dt.schemas)) {
-                    for (const [tableName, columns] of Object.entries(tables)) {
-                        // Format title as "datatable/schema:table" or "datatable/table" if schema is public
-                        const title = schemaName === 'public'
-                            ? `${dt.datatable_name}/${tableName}`
-                            : `${dt.datatable_name}/${schemaName}:${tableName}`;
-                        tableElements.push({
-                            type: 'app_datatable',
-                            datatableName: dt.datatable_name,
-                            schemaName,
-                            tableName,
-                            title,
-                            columns
-                        });
-                    }
-                }
-            }
-            this.cachedDatatables = tableElements;
-        }
-        catch (err) {
-            console.error('Failed to refresh datatables:', err);
-            this.cachedDatatables = [];
-        }
-    };
-    /**
-     * Get available context elements for app mode (frontend files + backend runnables + datatables)
-     */
-    getAppAvailableContext = () => {
-        if (!this.appAiChatHelpers) {
-            return [];
-        }
-        const context = [];
-        // Add frontend files
-        const frontendFiles = this.appAiChatHelpers.listFrontendFiles();
-        for (const path of frontendFiles) {
-            const content = this.appAiChatHelpers.getFrontendFile(path);
-            if (content !== undefined) {
-                const element = {
-                    type: 'app_frontend_file',
-                    path,
-                    title: path,
-                    content
-                };
-                context.push(element);
-            }
-        }
-        // Add backend runnables
-        const runnables = this.appAiChatHelpers.listBackendRunnables();
-        for (const { key } of runnables) {
-            const runnable = this.appAiChatHelpers.getBackendRunnable(key);
-            if (runnable) {
-                const element = {
-                    type: 'app_backend_runnable',
-                    key,
-                    title: key,
-                    runnable
-                };
-                context.push(element);
-            }
-        }
-        // Add cached datatables
-        context.push(...this.cachedDatatables);
-        return context;
-    };
     setAppHelpers = (appHelpers) => {
         this.appAiChatHelpers = appHelpers;
-        // Refresh datatables when app helpers are set (deferred to avoid loop)
-        // Use setTimeout to ensure this runs after the effect completes
-        setTimeout(() => {
-            this.refreshDatatables();
-        }, 50);
         return () => {
             this.appAiChatHelpers = undefined;
-            this.cachedDatatables = [];
         };
     };
 }