windmill-components 1.613.5 → 1.623.1

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

@@ -7,8 +7,6 @@ import { chatState } from './sharedChatState.svelte';
 import { loadCopilot } from '../../../aiStore';
 import { aiChatManager } from './AIChatManager.svelte';
 import { onDestroy } from 'svelte';
-import Button from '../../common/button/Button.svelte';
-import { Menu } from 'lucide-svelte';
 let { noPadding: noBorder = false, isCollapsed = false, children, onMenuOpen, disableAi } = $props();
 $effect(() => {
     if (disableAi) {
@@ -30,32 +28,49 @@ onDestroy(() => {
 
 {#if !disableAi}
 	<Splitpanes horizontal={false} class="flex-1 min-h-0">
-		<Pane size={100 - chatState.size} minSize={50} class="flex flex-col grow min-h-0 ">
+		<Pane size={100 - chatState.size} minSize={50} class="flex flex-col min-h-0">
 			<div
 				id="content"
 				class={classNames(
-					'w-full flex-1 flex flex-col overflow-y-auto min-h-0',
+					'w-full flex-1 flex flex-col overflow-y-auto',
 					noBorder || $userStore?.operator ? '!pl-0' : isCollapsed ? 'md:pl-12' : 'md:pl-40',
 					'transition-all ease-in-out duration-200'
 				)}
 			>
-				<main class="flex-1 flex flex-col min-h-0">
-					<div class="relative w-full flex-1 flex flex-col min-h-0">
+				<main class="flex-1 flex flex-col">
+					<div class="relative w-full flex-1 flex flex-col">
 						<div
 							class={classNames(
-								'py-0.5 px-4 sm:px-4 shadow-sm max-w-7xl md:hidden justify-start flex',
+								'py-0.5 px-4 sm:px-4 flex flex-row justify-between items-center shadow-sm max-w-7xl md:hidden',
 								noBorder || $userStore?.operator ? 'hidden' : ''
 							)}
 						>
-							<Button
-								variant="subtle"
-								unifiedSize="lg"
-								onClick={() => onMenuOpen?.()}
-								startIcon={{ icon: Menu }}
-								iconOnly
-							></Button>
+							<button
+								aria-label="Menu"
+								type="button"
+								onclick={() => {
+									onMenuOpen?.()
+								}}
+								class="h-8 w-8 inline-flex items-center justify-center rounded-md text-primary hover:text-primary focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500"
+							>
+								<svg
+									class="h-6 w-6"
+									xmlns="http://www.w3.org/2000/svg"
+									fill="none"
+									viewBox="0 0 24 24"
+									stroke-width="2"
+									stroke="currentColor"
+									aria-hidden="true"
+								>
+									<path
+										stroke-linecap="round"
+										stroke-linejoin="round"
+										d="M4 6h16M4 12h16M4 18h16"
+									/>
+								</svg>
+							</button>
 						</div>
-						<div class="flex-1 min-h-0">
+						<div class="flex-1">
 							{@render children?.()}
 						</div>
 					</div>

package/package/components/copilot/chat/ContextElementBadge.svelte

@@ -87,50 +87,6 @@ const isDeletable = $derived(deletable && contextElement.deletable !== false);
 					<div class="text-primary">{contextElement.title}</div>
 				</div>
 			{/if}
-		{:else if contextElement.type === 'app_frontend_file'}
-			<div class="max-w-96 max-h-[300px] text-xs overflow-auto">
-				<HighlightCode
-					language={contextElement.path.endsWith('.tsx') || contextElement.path.endsWith('.ts')
-						? 'bun'
-						: contextElement.path.endsWith('.css')
-							? 'bash'
-							: 'bun'}
-					code={contextElement.content}
-					className="w-full p-2"
-				/>
-			</div>
-		{:else if contextElement.type === 'app_backend_runnable'}
-			<div class="p-2 max-w-96 max-h-[300px] text-xs overflow-auto">
-				{#if contextElement.runnable.inlineScript}
-					<HighlightCode
-						language={contextElement.runnable.inlineScript.language}
-						code={contextElement.runnable.inlineScript.content}
-						className="w-full p-2"
-					/>
-				{:else}
-					<ObjectViewer json={contextElement.runnable} pureViewer collapseLevel={2} />
-				{/if}
-			</div>
-		{:else if contextElement.type === 'app_code_selection'}
-			<div class="max-w-96 max-h-[300px] text-xs overflow-auto">
-				<div class="text-tertiary text-xs mb-1 px-2 pt-1">
-					{contextElement.source} (L{contextElement.startLine}-L{contextElement.endLine})
-				</div>
-				<HighlightCode
-					language="bun"
-					code={contextElement.content}
-					className="w-full p-2"
-				/>
-			</div>
-		{:else if contextElement.type === 'app_datatable'}
-			<div class="p-2 max-w-96 max-h-[300px] text-xs overflow-auto">
-				<div class="text-tertiary text-xs mb-1">
-					{contextElement.datatableName}/{contextElement.schemaName === 'public'
-						? ''
-						: contextElement.schemaName + ':'}{contextElement.tableName}
-				</div>
-				<ObjectViewer json={contextElement.columns} pureViewer collapseLevel={1} />
-			</div>
 		{/if}
 	{/snippet}
 </Popover>

package/package/components/copilot/chat/DatatableCreationPolicy.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">import { AlertTriangle } from 'lucide-svelte';
 import Toggle from '../../Toggle.svelte';
-import { aiChatManager } from './AIChatManager.svelte';
+import { aiChatManager, AIMode } from './AIChatManager.svelte';
 import DefaultDatabaseSelector from '../../raw_apps/DefaultDatabaseSelector.svelte';
 import { workspaceStore } from '../../../stores';
 import { createDatatablesResource } from '../../raw_apps/datatableUtils.svelte';
@@ -9,8 +9,7 @@ const datatables = createDatatablesResource(() => $workspaceStore);
 const hasNoDatatables = $derived((datatables.current?.length ?? 0) === 0);
 // Auto-select first datatable when datatables load and none is selected
 $effect(() => {
-    if (datatables.current &&
-        datatables.current.length > 0 &&
+    if (datatables.current.length > 0 &&
         aiChatManager.datatableCreationPolicy.enabled &&
         !aiChatManager.datatableCreationPolicy.datatable) {
         aiChatManager.datatableCreationPolicy.datatable = datatables.current[0];
@@ -30,33 +29,35 @@ function handleDefaultChange(datatable, schema) {
 }
 </script>
 
-<div class="min-w-0 flex items-center gap-1 pt-0.5">
-	{#if hasNoDatatables}
-		<!-- Warning when no datatables are available -->
-		<div
-			class="text-2xs flex flex-row items-center gap-1 text-red-600 dark:text-red-400 px-1"
-			title="No datatables configured. Add datatables in the Data panel so AI can create tables."
-		>
-			<AlertTriangle size={12} class="shrink-0" />
-			<span class="truncate">No datatables</span>
-		</div>
-	{:else}
-		<!-- Toggle for new tables -->
-		<div class="flex items-center gap-1">
-			<Toggle
-				size="xs"
-				checked={aiChatManager.datatableCreationPolicy.enabled}
-				on:change={(e) => handleToggle(e.detail)}
-			/>
-			<span class="text-2xs text-secondary whitespace-nowrap">tables creation</span>
-		</div>
+{#if aiChatManager.mode === AIMode.APP}
+	<div class="min-w-0 flex items-center gap-1 pt-0.5">
+		{#if hasNoDatatables}
+			<!-- Warning when no datatables are available -->
+			<div
+				class="text-2xs flex flex-row items-center gap-1 text-red-600 dark:text-red-400 px-1"
+				title="No datatables configured. Add datatables in the Data panel so AI can create tables."
+			>
+				<AlertTriangle size={12} class="shrink-0" />
+				<span class="truncate">No datatables</span>
+			</div>
+		{:else}
+			<!-- Toggle for new tables -->
+			<div class="flex items-center gap-1">
+				<Toggle
+					size="xs"
+					checked={aiChatManager.datatableCreationPolicy.enabled}
+					on:change={(e) => handleToggle(e.detail)}
+				/>
+				<span class="text-2xs text-secondary whitespace-nowrap">tables creation</span>
+			</div>
 
-		<!-- Settings icon with popover -->
-		<DefaultDatabaseSelector
-			datatable={aiChatManager.datatableCreationPolicy.datatable}
-			schema={aiChatManager.datatableCreationPolicy.schema}
-			onChange={handleDefaultChange}
-			description="Set the default datatable and schema for new tables. When table creation is enabled, AI can create tables here if needed."
-		/>
-	{/if}
-</div>
+			<!-- Settings icon with popover -->
+			<DefaultDatabaseSelector
+				datatable={aiChatManager.datatableCreationPolicy.datatable}
+				schema={aiChatManager.datatableCreationPolicy.schema}
+				onChange={handleDefaultChange}
+				description="Set the default datatable and schema for new tables. When table creation is enabled, AI can create tables here if needed."
+			/>
+		{/if}
+	</div>
+{/if}

package/package/components/copilot/chat/ProviderModelSelector.svelte

@@ -16,7 +16,7 @@ let multipleModels = $derived($copilotInfo.aiModels.length > 1);
 <div class="min-w-0">
 	<Popover disablePopup={!multipleModels} class="max-w-full">
 		{#snippet trigger()}
-			<div class="text-secondary text-2xs flex flex-row items-center font-normal gap-0.5">
+			<div class="text-primary text-xs flex flex-row items-center font-normal gap-0.5">
 				<span class={`truncate ${multipleModels ? '' : 'pr-2'}`}>{providerModel.model}</span>
 				{#if multipleModels}
 					<div class="shrink-0">

package/package/components/copilot/chat/__tests__/app/appEvalHelpers.js

@@ -90,9 +90,6 @@ export function createAppEvalHelpers(initialFrontend = {}, initialBackend = {})
         execDatatableSql: async (_datatableName, _sql, _newTable) => {
             // Return success with empty result for eval testing
             return { success: true, result: [] };
-        },
-        addTableToWhitelist: (_datatableName, _schemaName, _tableName) => {
-            // No-op for eval testing - tables are not tracked in test context
         }
     };
     return {

package/package/components/copilot/chat/__tests__/flow/flowEvalHelpers.js

@@ -65,10 +65,6 @@ export function createFlowEvalHelpers(initialModules = [], initialSchema) {
         testFlow: async () => {
             // Return mock job ID - we don't actually run flows in eval
             return 'mock-job-id-' + Date.now();
-        },
-        getLintErrors: async () => {
-            // Return empty lint result for eval
-            return { errorCount: 0, warningCount: 0, errors: [], warnings: [] };
         }
     };
     return {

package/package/components/copilot/chat/app/core.d.ts

@@ -1,6 +1,5 @@
 import type { ChatCompletionSystemMessageParam, ChatCompletionUserMessageParam } from 'openai/resources/chat/completions.mjs';
 import { type Tool } from '../shared';
-import type { ContextElement, AppCodeSelectionElement } from '../context';
 export type BackendRunnableType = 'script' | 'flow' | 'hubscript' | 'inline';
 export interface InlineScript {
     language: 'bun' | 'python3';
@@ -33,66 +32,28 @@ export interface LintResult {
     /** Warning messages grouped by source type */
     warnings: LintMessages;
 }
-/** Information about an element selected via the inspector tool */
-export interface InspectorElementInfo {
-    /** CSS selector path to the element */
-    path: string;
-    /** Tag name of the element (e.g., 'div', 'button') */
-    tagName: string;
-    /** Element's id attribute, if any */
-    id?: string;
-    /** Element's class names, if any */
-    className?: string;
-    /** Bounding rectangle of the element */
-    rect: {
-        top: number;
-        left: number;
-        width: number;
-        height: number;
-    };
-    /** Outer HTML of the element (may be truncated) */
-    html: string;
-    /** Text content of the element (may be truncated) */
-    textContent?: string;
-    /** Computed styles of the element */
-    styles: Record<string, string>;
-}
 /** Context about the currently selected file or runnable in the app editor */
 export interface SelectedContext {
     /** Type of selection: 'frontend' for frontend files, 'backend' for backend runnables, or 'none' if nothing is selected */
     type: 'frontend' | 'backend' | 'none';
     /** The path of the selected frontend file (when type is 'frontend') */
     frontendPath?: string;
-    /** The content of the selected frontend file */
-    frontendContent?: string;
     /** The key of the selected backend runnable (when type is 'backend') */
     backendKey?: string;
-    /** The configuration of the selected backend runnable */
-    backendRunnable?: BackendRunnable;
-    /** Inspector-selected element info (when user has used the inspector tool) */
-    inspectorElement?: InspectorElementInfo;
-    /** Whether the file/runnable selection is excluded from being sent to the AI prompt */
-    selectionExcluded?: boolean;
-    /** Function to toggle whether the selection is excluded from the prompt */
-    toggleSelectionExcluded?: () => void;
-    /** Function to clear the inspector selection */
-    clearInspector?: () => void;
-    /** Function to clear the runnable selection (go back to frontend view) */
-    clearRunnable?: () => void;
-    /** Code selection from the editor (either frontend or backend) */
-    codeSelection?: AppCodeSelectionElement;
-    /** Function to clear the code selection */
-    clearCodeSelection?: () => void;
 }
-/**
- * Datatable schema matching the backend's DataTableSchema type.
- * Hierarchical structure: schema_name -> table_name -> column_name -> compact_type
- * Compact type format: 'type[?][=default]' where ? means nullable (e.g. 'int4', 'text?', 'int4?=0')
- */
-export interface DataTableSchema {
-    datatable_name: string;
-    schemas: Record<string, Record<string, Record<string, string>>>;
-    error?: string;
+/** Schema for a table in a datatable */
+export interface DataTableTableSchema {
+    schema: string;
+    table: string;
+    columns: Record<string, {
+        type: string;
+        required: boolean;
+    }>;
+}
+/** Full datatable info including schema */
+export interface DataTableInfo {
+    name: string;
+    tables: DataTableTableSchema[];
 }
 export interface AppAIChatHelpers {
     listFrontendFiles: () => string[];
@@ -117,7 +78,7 @@ export interface AppAIChatHelpers {
     /** Lint all frontend files and backend runnables, returns errors and warnings */
     lint: () => LintResult;
     /** Get all datatables configured in the app with their schemas */
-    getDatatables: () => Promise<DataTableSchema[]>;
+    getDatatables: () => Promise<DataTableInfo[]>;
     /** Get unique datatable names configured in the app (for UI policy selector) */
     getAvailableDatatableNames: () => string[];
     /** Execute a SQL query on a datatable. Optionally specify newTable to register a newly created table. */
@@ -129,9 +90,7 @@ export interface AppAIChatHelpers {
         result?: Record<string, any>[];
         error?: string;
     }>;
-    /** Add a table to the app's whitelisted tables (called when user selects a table via @) */
-    addTableToWhitelist: (datatableName: string, schemaName: string, tableName: string) => void;
 }
 export declare const getAppTools: () => Tool<AppAIChatHelpers>[];
 export declare function prepareAppSystemMessage(customPrompt?: string): ChatCompletionSystemMessageParam;
-export declare function prepareAppUserMessage(instructions: string, selectedContext?: SelectedContext, additionalContext?: ContextElement[]): ChatCompletionUserMessageParam;
+export declare function prepareAppUserMessage(instructions: string, selectedContext?: SelectedContext): ChatCompletionUserMessageParam;

package/package/components/copilot/chat/app/core.js

@@ -439,8 +439,7 @@ export const getAppTools = memo(() => [
                     toolCallbacks.setToolStatus(toolId, { content: 'No datatables configured' });
                     return 'No datatables are configured in this app. Use the Data panel in the sidebar to add datatable references.';
                 }
-                const totalTables = datatables.reduce((acc, dt) => acc +
-                    Object.values(dt.schemas).reduce((schemaAcc, tables) => schemaAcc + Object.keys(tables).length, 0), 0);
+                const totalTables = datatables.reduce((acc, dt) => acc + dt.tables.length, 0);
                 toolCallbacks.setToolStatus(toolId, {
                     content: `Found ${datatables.length} datatable(s) with ${totalTables} table(s)`
                 });
@@ -521,12 +520,6 @@ export const getAppTools = memo(() => [
     }
 ]);
 export function prepareAppSystemMessage(customPrompt) {
-    // Get policy early so we can use it in the template
-    const policy = aiChatManager.datatableCreationPolicy;
-    const datatableName = policy.datatable ?? 'main';
-    const schemaPrefix = policy.schema ? `${policy.schema}.` : '';
-    // Use wmill.datatable() for 'main' (default), otherwise wmill.datatable('name')
-    const datatableCall = datatableName === 'main' ? 'wmill.datatable()' : `wmill.datatable('${datatableName}')`;
     let content = `You are a helpful assistant that creates and edits apps on the Windmill platform. Apps are defined as a collection of files that contains both the frontend and the backend.
 
 ## App Structure
@@ -603,10 +596,12 @@ Backend runnables should only perform **data operations** (SELECT, INSERT, UPDAT
 import * as wmill from 'windmill-client';
 
 export async function main(user_id: string) {
-  const sql = ${datatableCall};
+  // Use default 'main' datatable
+  let sql = wmill.datatable();
+  // Or specify a named datatable: wmill.datatable('named_datatable')
 
   // Safe string interpolation (parameterized query)
-  const user = await sql\`SELECT * FROM ${schemaPrefix}users WHERE id = \${user_id}\`.fetchOne();
+  let user = await sql\`SELECT * FROM users WHERE id = \${user_id}\`.fetchOne();
   return user;
 }
 \`\`\`
@@ -616,20 +611,22 @@ export async function main(user_id: string) {
 import wmill
 
 def main(user_id: str):
-    db = ${datatableCall}
+    db = wmill.datatable()  # or wmill.datatable('named_datatable')
 
     # Use positional arguments ($1, $2, etc.)
-    user = db.query('SELECT * FROM ${schemaPrefix}users WHERE id = $1', user_id).fetch_one()
+    user = db.query('SELECT * FROM users WHERE id = $1', user_id).fetch_one()
     return user
 \`\`\`
 
 ### Common Operations (for use in backend runnables)
 
-- **Fetch all**: \`sql\`SELECT * FROM ${schemaPrefix}table\`.fetch()\` or \`db.query('SELECT * FROM ${schemaPrefix}table').fetch()\`
+- **Fetch all**: \`sql\`SELECT * FROM table\`.fetch()\` or \`db.query('SELECT * FROM table').fetch()\`
 - **Fetch one**: \`.fetchOne()\` or \`.fetch_one()\`
-- **Insert**: \`sql\`INSERT INTO ${schemaPrefix}table (col) VALUES (\${value})\`\`
-- **Update**: \`sql\`UPDATE ${schemaPrefix}table SET col = \${value} WHERE id = \${id}\`\`
-- **Delete**: \`sql\`DELETE FROM ${schemaPrefix}table WHERE id = \${id}\`\`
+- **Insert**: \`sql\`INSERT INTO table (col) VALUES (\${value})\`\`
+- **Update**: \`sql\`UPDATE table SET col = \${value} WHERE id = \${id}\`\`
+- **Delete**: \`sql\`DELETE FROM table WHERE id = \${id}\`\`
+
+The "main" datatable is the default and can be accessed without specifying a name.
 
 ### Schema Modifications (DDL) - Use exec_datatable_sql tool ONLY
 
@@ -713,11 +710,13 @@ When creating a new app, use \`list_workspace_runnables\` or \`search_hub_script
 
 `;
     // Add datatable creation policy context
+    const policy = aiChatManager.datatableCreationPolicy;
     if (policy.enabled && policy.datatable) {
+        const schemaPrefix = policy.schema ? `${policy.schema}.` : '';
         content += `## Datatable Creation Policy
 
 **Table creation is ENABLED.** You can create new tables using \`exec_datatable_sql\` with the \`new_table\` parameter.
-- **Default datatable**: ${datatableName}${policy.schema ? `\n- **Default schema**: ${policy.schema}` : ''}
+- **Default datatable**: ${policy.datatable}${policy.schema ? `\n- **Default schema**: ${policy.schema}` : ''}
 
 When creating new tables, you MUST use the default datatable${policy.schema ? ` and schema` : ''} specified above. Do not create tables in other datatables or schemas.
 ${policy.schema ? `\n**IMPORTANT**: Always use the schema prefix \`${schemaPrefix}\` in your SQL queries when creating or referencing tables. For example: \`CREATE TABLE ${schemaPrefix}my_table (...)\` and \`SELECT * FROM ${schemaPrefix}my_table\`. Never create tables without the schema prefix as they would go to the public schema instead.` : ''}
@@ -739,134 +738,16 @@ ${policy.schema ? `\n**IMPORTANT**: Always use the schema prefix \`${schemaPrefi
         content
     };
 }
-/** Maximum characters for file content in context */
-const MAX_CONTEXT_CONTENT_LENGTH = 3000;
-export function prepareAppUserMessage(instructions, selectedContext, additionalContext) {
+export function prepareAppUserMessage(instructions, selectedContext) {
     let content = '';
-    // Check if we have any context to add
-    const hasSelectedContext = selectedContext && (selectedContext.type !== 'none' || selectedContext.inspectorElement);
-    const hasAdditionalContext = additionalContext && additionalContext.length > 0;
-    if (hasSelectedContext || hasAdditionalContext) {
+    if (selectedContext && selectedContext.type !== 'none') {
         content += `## SELECTED CONTEXT:\n`;
-        // Add frontend file context with content (unless excluded)
-        if (selectedContext &&
-            selectedContext.type === 'frontend' &&
-            selectedContext.frontendPath &&
-            !selectedContext.selectionExcluded) {
-            content += `The user is currently viewing the frontend file: **${selectedContext.frontendPath}**\n`;
-            if (selectedContext.frontendContent) {
-                const truncatedContent = selectedContext.frontendContent.length > MAX_CONTEXT_CONTENT_LENGTH
-                    ? selectedContext.frontendContent.slice(0, MAX_CONTEXT_CONTENT_LENGTH) +
-                        '\n... [TRUNCATED]'
-                    : selectedContext.frontendContent;
-                content += `\n\`\`\`\n${truncatedContent}\n\`\`\`\n`;
-            }
-        }
-        // Add backend runnable context with content (unless excluded)
-        if (selectedContext &&
-            selectedContext.type === 'backend' &&
-            selectedContext.backendKey &&
-            !selectedContext.selectionExcluded) {
-            content += `The user is currently viewing the backend runnable: **${selectedContext.backendKey}**\n`;
-            if (selectedContext.backendRunnable) {
-                const runnable = selectedContext.backendRunnable;
-                content += `- **Name**: ${runnable.name}\n`;
-                content += `- **Type**: ${runnable.type}\n`;
-                if (runnable.path) {
-                    content += `- **Path**: ${runnable.path}\n`;
-                }
-                if (runnable.inlineScript) {
-                    const truncatedCode = runnable.inlineScript.content.length > MAX_CONTEXT_CONTENT_LENGTH
-                        ? runnable.inlineScript.content.slice(0, MAX_CONTEXT_CONTENT_LENGTH) +
-                            '\n... [TRUNCATED]'
-                        : runnable.inlineScript.content;
-                    content += `- **Language**: ${runnable.inlineScript.language}\n`;
-                    content += `- **Code**:\n\`\`\`${runnable.inlineScript.language === 'bun' ? 'typescript' : 'python'}\n${truncatedCode}\n\`\`\`\n`;
-                }
-                if (runnable.staticInputs && Object.keys(runnable.staticInputs).length > 0) {
-                    content += `- **Static inputs**: ${JSON.stringify(runnable.staticInputs)}\n`;
-                }
-            }
+        if (selectedContext.type === 'frontend') {
+            content += `The user is currently viewing the frontend file: ${selectedContext.frontendPath}\n\n`;
         }
-        // Add inspector element context if available
-        if (selectedContext?.inspectorElement) {
-            const el = selectedContext.inspectorElement;
-            content += `\nThe user has selected an element in the app preview using the inspector tool:\n`;
-            content += `- **Element**: ${el.tagName}${el.id ? `#${el.id}` : ''}${el.className ? `.${el.className.split(' ').join('.')}` : ''}\n`;
-            content += `- **Selector path**: ${el.path}\n`;
-            content += `- **Dimensions**: ${Math.round(el.rect.width)}x${Math.round(el.rect.height)} at (${Math.round(el.rect.left)}, ${Math.round(el.rect.top)})\n`;
-            if (el.textContent) {
-                const truncatedText = el.textContent.length > 100 ? el.textContent.slice(0, 100) + '...' : el.textContent;
-                content += `- **Text content**: "${truncatedText}"\n`;
-            }
-            // Include HTML (truncated) for more context
-            const truncatedHtml = el.html.length > 500 ? el.html.slice(0, 500) + '...' : el.html;
-            content += `- **HTML**:\n\`\`\`html\n${truncatedHtml}\n\`\`\`\n`;
-        }
-        // Add code selection context if available
-        if (selectedContext?.codeSelection) {
-            const selection = selectedContext.codeSelection;
-            content += `\n### CODE SELECTION:\n`;
-            content += `The user has selected code in the ${selection.sourceType} editor:\n`;
-            content += `- **File/Source**: ${selection.source}\n`;
-            content += `- **Lines**: ${selection.startLine}-${selection.endLine}\n`;
-            const truncatedCode = selection.content.length > MAX_CONTEXT_CONTENT_LENGTH
-                ? selection.content.slice(0, MAX_CONTEXT_CONTENT_LENGTH) + '\n... [TRUNCATED]'
-                : selection.content;
-            content += `\`\`\`\n${truncatedCode}\n\`\`\`\n`;
-        }
-        // Add additional context from @ mentions
-        if (additionalContext && additionalContext.length > 0) {
-            content += `\n### ADDITIONAL CONTEXT (mentioned by user):\n`;
-            for (const ctx of additionalContext) {
-                if (ctx.type === 'app_frontend_file') {
-                    const fileCtx = ctx;
-                    content += `\n**Frontend File: ${fileCtx.path}**\n`;
-                    const truncatedContent = fileCtx.content.length > MAX_CONTEXT_CONTENT_LENGTH
-                        ? fileCtx.content.slice(0, MAX_CONTEXT_CONTENT_LENGTH) + '\n... [TRUNCATED]'
-                        : fileCtx.content;
-                    content += `\`\`\`\n${truncatedContent}\n\`\`\`\n`;
-                }
-                else if (ctx.type === 'app_backend_runnable') {
-                    const runnableCtx = ctx;
-                    const runnable = runnableCtx.runnable;
-                    content += `\n**Backend Runnable: ${runnableCtx.key}**\n`;
-                    content += `- **Name**: ${runnable.name}\n`;
-                    content += `- **Type**: ${runnable.type}\n`;
-                    if (runnable.path) {
-                        content += `- **Path**: ${runnable.path}\n`;
-                    }
-                    if (runnable.inlineScript) {
-                        const truncatedCode = runnable.inlineScript.content.length > MAX_CONTEXT_CONTENT_LENGTH
-                            ? runnable.inlineScript.content.slice(0, MAX_CONTEXT_CONTENT_LENGTH) +
-                                '\n... [TRUNCATED]'
-                            : runnable.inlineScript.content;
-                        content += `- **Language**: ${runnable.inlineScript.language}\n`;
-                        content += `- **Code**:\n\`\`\`${runnable.inlineScript.language === 'bun' ? 'typescript' : 'python'}\n${truncatedCode}\n\`\`\`\n`;
-                    }
-                    if (runnable.staticInputs && Object.keys(runnable.staticInputs).length > 0) {
-                        content += `- **Static inputs**: ${JSON.stringify(runnable.staticInputs)}\n`;
-                    }
-                }
-                else if (ctx.type === 'app_datatable') {
-                    const datatableCtx = ctx;
-                    const tableRef = datatableCtx.schemaName === 'public'
-                        ? `${datatableCtx.datatableName}/${datatableCtx.tableName}`
-                        : `${datatableCtx.datatableName}/${datatableCtx.schemaName}:${datatableCtx.tableName}`;
-                    content += `\n**Table: ${tableRef}**\n`;
-                    content += `- **Datatable**: ${datatableCtx.datatableName}\n`;
-                    content += `- **Schema**: ${datatableCtx.schemaName}\n`;
-                    content += `- **Table**: ${datatableCtx.tableName}\n`;
-                    // Format columns as column_name: type
-                    const columnsStr = JSON.stringify(datatableCtx.columns, null, 2);
-                    const truncatedColumns = columnsStr.length > MAX_CONTEXT_CONTENT_LENGTH
-                        ? columnsStr.slice(0, MAX_CONTEXT_CONTENT_LENGTH) + '\n... [TRUNCATED]'
-                        : columnsStr;
-                    content += `- **Columns** (column_name -> type):\n\`\`\`json\n${truncatedColumns}\n\`\`\`\n`;
-                }
-            }
+        else if (selectedContext.type === 'backend') {
+            content += `The user is currently viewing the backend runnable: ${selectedContext.backendKey}\n\n`;
         }
-        content += '\n';
     }
     content += `## INSTRUCTIONS:\n${instructions}`;
     return {

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

@@ -1,18 +1,13 @@
-import { Code, Database, TriangleAlert, Diff, FileCode, Code2, TextSelect, Table2 } from 'lucide-svelte';
+import { Code, Database, TriangleAlert, Diff } from 'lucide-svelte';
 import type { ScriptLang } from '../../../gen/types.gen';
 import { type DBSchema } from '../../../stores';
 import { type Change } from 'diff';
-import type { BackendRunnable } from './app/core';
 export declare const ContextIconMap: {
     code: typeof Code;
     error: typeof TriangleAlert;
     db: typeof Database;
     diff: typeof Diff;
     code_piece: typeof Code;
-    app_frontend_file: typeof FileCode;
-    app_backend_runnable: typeof Code2;
-    app_code_selection: typeof TextSelect;
-    app_datatable: typeof Table2;
 };
 export interface CodeElement {
     type: 'code';
@@ -61,59 +56,7 @@ export interface FlowModuleCodePieceElement extends Omit<CodePieceElement, 'type
     id: string;
     value: FlowModuleElement['value'];
 }
-/** App frontend file context element */
-export interface AppFrontendFileElement {
-    type: 'app_frontend_file';
-    /** The file path (e.g., /index.tsx, /styles.css) */
-    path: string;
-    /** Title for display (the path) */
-    title: string;
-    /** The file content */
-    content: string;
-}
-/** App backend runnable context element */
-export interface AppBackendRunnableElement {
-    type: 'app_backend_runnable';
-    /** The runnable key */
-    key: string;
-    /** Title for display (the key) */
-    title: string;
-    /** The runnable configuration */
-    runnable: BackendRunnable;
-}
-/** App code selection context element (from frontend or backend editor) */
-export interface AppCodeSelectionElement {
-    type: 'app_code_selection';
-    /** Source: frontend file path or backend runnable key */
-    source: string;
-    /** Whether this is from frontend or backend */
-    sourceType: 'frontend' | 'backend';
-    /** Title for display */
-    title: string;
-    /** The selected code content */
-    content: string;
-    /** Line range (1-indexed) */
-    startLine: number;
-    endLine: number;
-    /** Column range (1-indexed) */
-    startColumn: number;
-    endColumn: number;
-}
-/** App datatable table context element (represents a single table within a datatable) */
-export interface AppDatatableElement {
-    type: 'app_datatable';
-    /** The datatable name (e.g., "main") */
-    datatableName: string;
-    /** The schema name (e.g., "public") */
-    schemaName: string;
-    /** The table name (e.g., "users") */
-    tableName: string;
-    /** Title for display (e.g., "main/public:users" or "main/users") */
-    title: string;
-    /** The table columns: column_name -> compact_type */
-    columns: Record<string, string>;
-}
-export type ContextElement = (CodeElement | ErrorElement | DBElement | DiffElement | CodePieceElement | FlowModuleElement | FlowModuleCodePieceElement | AppFrontendFileElement | AppBackendRunnableElement | AppCodeSelectionElement | AppDatatableElement) & {
+export type ContextElement = (CodeElement | ErrorElement | DBElement | DiffElement | CodePieceElement | FlowModuleElement | FlowModuleCodePieceElement) & {
     deletable?: boolean;
 };
 export {};