windmill-components 1.695.1 → 1.699.0

package/package/components/copilot/chat/createdResourceActions.svelte.d.ts

@@ -0,0 +1,6 @@
+import type { ToolDisplayAction } from './shared';
+type MaybePromise<T> = T | Promise<T>;
+type ToolDisplayActionHandler = (action: ToolDisplayAction) => MaybePromise<void>;
+export declare function registerToolDisplayActionHandler(type: ToolDisplayAction['type'], handler: ToolDisplayActionHandler): () => void;
+export declare function runToolDisplayAction(action: ToolDisplayAction): Promise<void>;
+export {};

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

@@ -0,0 +1,29 @@
+import { sendUserToast } from '../../../toast';
+const toolDisplayActionHandlers = $state({});
+function formatUnknownError(error) {
+    if (error instanceof Error) {
+        return error.message;
+    }
+    return String(error);
+}
+export function registerToolDisplayActionHandler(type, handler) {
+    toolDisplayActionHandlers[type] = handler;
+    return () => {
+        if (toolDisplayActionHandlers[type] === handler) {
+            delete toolDisplayActionHandlers[type];
+        }
+    };
+}
+export async function runToolDisplayAction(action) {
+    const handler = toolDisplayActionHandlers[action.type];
+    if (!handler) {
+        sendUserToast('This action is not available right now.', true);
+        return;
+    }
+    try {
+        await handler(action);
+    }
+    catch (error) {
+        sendUserToast(`Could not run action "${action.label}": ${formatUnknownError(error)}`, true);
+    }
+}

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

@@ -6,18 +6,22 @@ import type { ReviewChangesOpts } from '../monaco-adapter';
 export declare const DIFF_BASED_EDIT_PROVIDERS: AIProvider[];
 export declare function formatResourceTypes(allResourceTypes: ResourceType[], lang: 'python3' | 'php' | 'bun' | 'deno' | 'nativets' | 'bunnative'): string;
 export declare const SUPPORTED_CHAT_SCRIPT_LANGUAGES: string[];
-export declare function getLangContext(lang: ScriptLang | 'bunnative' | 'jsx' | 'tsx' | 'json', { allowResourcesFetch, isPreprocessor }?: {
+export declare function getLangContext(lang: ScriptLang | 'bunnative' | 'jsx' | 'tsx' | 'json', { allowResourcesFetch, isPreprocessor, workflowAsCode }?: {
     allowResourcesFetch?: boolean;
     isPreprocessor?: boolean;
     isFailure?: boolean;
+    workflowAsCode?: boolean;
 }): string;
 export declare function getFormattedResourceTypes(lang: ScriptLang | 'bunnative', prompt: string, workspace: string): Promise<string>;
 export declare const INLINE_CHAT_SYSTEM_PROMPT = "\n# Windmill Inline Coding Assistant\n\nYou are a coding assistant for the Windmill platform. You provide precise code modifications based on user instructions.\n\n## Input Format\n\nYou will receive:\n- **INSTRUCTIONS**: User's modification request\n- **CODE**: Current code content with modification boundaries\n- **DATABASES** *(optional)*: Available workspace databases\n\n### Code Boundaries\n\nThe code contains `[#START]` and `[#END]` markers indicating the modification scope:\n- **MUST** only modify code between these markers\n- **MUST** remove the markers in your response\n- **MUST** preserve all other code exactly as provided\n\n## Task Requirements\n\nReturn the modified CODE that fulfills the user's request. Assume all user queries are valid and actionable.\n\n### Critical Rules\n\n- \u2705 **ALWAYS** include a single code block with the entire updated CODE\n- \u2705 **ALWAYS** use the structured XML output format below\n- \u274C **NEVER** include only modified sections\n- \u274C **NEVER** add explanatory text or comments outside the format\n- \u274C **NEVER** include ``` code fences in your response\n- \u274C **NEVER** modify the code outside the boundaries\n\n## Output Format\n\n```xml\n<changes_made>\nBrief description of what was changed\n</changes_made>\n<new_code>\n[complete modified code without markers]\n</new_code>\n```\n\n## Example\n\n### Input:\n```xml\n<user_request>\nINSTRUCTIONS:\nReturn 2 instead of 1\n\nCODE:\nimport * as wmill from \"windmill-client\"\n\nfunction test() {\n\treturn \"hello\"\n}\n\n[#START]\nexport async function main() {\n\treturn 1;\n}\n[#END]\n</user_request>\n```\n\n### Expected Output:\n```xml\n<changes_made>\nChanged return value from 1 to 2 in main function\n</changes_made>\n<new_code>\nimport * as wmill from \"windmill-client\"\n\nfunction test() {\n\treturn \"hello\"\n}\n\nexport async function main() {\n\treturn 2;\n}\n</new_code>\n```\n";
-export declare function prepareInlineChatSystemPrompt(lang: ScriptLang | 'bunnative'): string;
+export declare function prepareInlineChatSystemPrompt(lang: ScriptLang | 'bunnative', options?: {
+    workflowAsCode?: boolean;
+}): string;
 export declare const CHAT_USER_PROMPT = "\nINSTRUCTIONS:\n{instructions}\n\n";
 export declare function prepareScriptSystemMessage(currentModel: AIProviderModel, language: ScriptLang | 'bunnative', options?: {
     isPreprocessor?: boolean;
     allowResourcesFetch?: boolean;
+    workflowAsCode?: boolean;
 }, customPrompt?: string): ChatCompletionSystemMessageParam;
 export declare function prepareScriptTools(currentModel: AIProviderModel, language: ScriptLang | 'bunnative', context: ContextElement[]): Tool<ScriptChatHelpers>[];
 export declare function prepareScriptUserMessage(instructions: string, selectedContext: ContextElement[]): ChatCompletionUserMessageParam;

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

@@ -9,7 +9,7 @@ import { setupTypeAcquisition } from '../../../../ata';
 import { getModelContextWindow } from '../../lib';
 import { getCurrentModel } from '../../../../aiStore';
 import { getDbSchemas } from '../../../apps/components/display/dbtable/metadata';
-import { getScriptPrompt } from '../../../../system_prompts';
+import { getScriptPrompt, getWorkflowAsCodePrompt } from '../../../../system_prompts';
 // Score threshold for npm packages search filtering
 const SCORE_THRESHOLD = 1000;
 // percentage of the context window for documentation of npm packages
@@ -69,17 +69,21 @@ export const SUPPORTED_CHAT_SCRIPT_LANGUAGES = [
     'java',
     'duckdb'
 ];
-export function getLangContext(lang, { allowResourcesFetch = false, isPreprocessor = false } = {}) {
+export function getLangContext(lang, { allowResourcesFetch = false, isPreprocessor = false, workflowAsCode = false } = {}) {
     // Get base language context from centralized prompts
-    let context = getScriptPrompt(lang);
+    let context = workflowAsCode ? getWorkflowAsCodePrompt(lang) : getScriptPrompt(lang);
+    // Fallback to the regular script prompt if WAC context is requested for an unsupported language.
+    if (!context) {
+        context = getScriptPrompt(lang);
+    }
     // Add tool usage instructions for applicable languages
     if (['python3', 'php', 'bun', 'deno', 'nativets', 'bunnative'].includes(lang)) {
         if (allowResourcesFetch) {
             context += '\n\nTo query available resource types, use the `search_resource_types` tool.';
         }
     }
-    // Note preprocessor function naming if applicable
-    if (isPreprocessor) {
+    // Note preprocessor function naming if applicable. WAC scripts are not preprocessors.
+    if (isPreprocessor && !workflowAsCode) {
         context +=
             '\n\nThe main function for this script should be named `preprocessor` instead of `main`.';
     }
@@ -225,8 +229,10 @@ export async function main() {
 </new_code>
 \`\`\`
 `;
-export function prepareInlineChatSystemPrompt(lang) {
-    return INLINE_CHAT_SYSTEM_PROMPT + getLangContext(lang, { allowResourcesFetch: true });
+export function prepareInlineChatSystemPrompt(lang, options = {}) {
+    return (INLINE_CHAT_SYSTEM_PROMPT +
+        '\n\n' +
+        getLangContext(lang, { allowResourcesFetch: true, workflowAsCode: options.workflowAsCode }));
 }
 export const CHAT_USER_PROMPT = `
 INSTRUCTIONS:

package/package/components/copilot/chat/script/wacPrompt.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package/components/copilot/chat/script/wacPrompt.test.js

@@ -0,0 +1,25 @@
+import { describe, expect, it } from 'vitest';
+import { getScriptPrompt, getWorkflowAsCodePrompt } from '../../../../system_prompts';
+describe('Workflow-as-Code prompt helpers', () => {
+    it('injects only the TypeScript WAC SDK for TypeScript runtimes', () => {
+        const prompt = getWorkflowAsCodePrompt('bun');
+        expect(prompt).toContain('Windmill Workflow-as-Code Writing Guide');
+        expect(prompt).toContain('## TypeScript Workflow-as-Code API');
+        expect(prompt).not.toContain('## Python Workflow-as-Code API');
+    });
+    it('injects only the Python WAC SDK for Python runtimes', () => {
+        const prompt = getWorkflowAsCodePrompt('python3');
+        expect(prompt).toContain('Windmill Workflow-as-Code Writing Guide');
+        expect(prompt).toContain('## Python Workflow-as-Code API');
+        expect(prompt).not.toContain('## TypeScript Workflow-as-Code API');
+    });
+    it('does not support non-Bun TypeScript runtimes as WAC targets', () => {
+        expect(getWorkflowAsCodePrompt('deno')).toBe('');
+        expect(getWorkflowAsCodePrompt('nativets')).toBe('');
+        expect(getWorkflowAsCodePrompt('bunnative')).toBe('');
+    });
+    it('does not change normal script prompts', () => {
+        expect(getWorkflowAsCodePrompt('go')).toBe('');
+        expect(getScriptPrompt('bun')).not.toContain('Windmill Workflow-as-Code Writing Guide');
+    });
+});

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

@@ -44,6 +44,17 @@ export type UserDisplayMessage = BaseDisplayMessage & {
     index: number;
     error?: boolean;
 };
+export type CreatedResourceTriggerKind = 'http' | 'websocket' | 'kafka' | 'nats' | 'postgres' | 'mqtt' | 'sqs' | 'gcp' | 'azure';
+export type CreatedResourceAction = {
+    id: string;
+    type: 'open_created_resource';
+    label: string;
+    resource: 'schedule' | 'trigger';
+    path: string;
+    targetKind: 'script' | 'flow';
+    triggerKind?: CreatedResourceTriggerKind;
+};
+export type ToolDisplayAction = CreatedResourceAction;
 export type ToolDisplayMessage = {
     role: 'tool';
     tool_call_id: string;
@@ -58,6 +69,7 @@ export type ToolDisplayMessage = {
     isStreamingArguments?: boolean;
     toolName?: string;
     showFade?: boolean;
+    actions?: ToolDisplayAction[];
 };
 export type AssistantDisplayMessage = BaseDisplayMessage & {
     role: 'assistant';

package/package/components/copilot/chat/shared.test.js

@@ -244,7 +244,17 @@ describe('processToolCall', () => {
                 target_path: 'f/scripts/current',
                 target_kind: 'script',
                 backend_result: 'schedule-created'
-            })
+            }),
+            actions: [
+                expect.objectContaining({
+                    id: 'open-created-schedule:f/schedules/current',
+                    type: 'open_created_resource',
+                    label: 'Open schedule',
+                    resource: 'schedule',
+                    path: 'f/schedules/current',
+                    targetKind: 'script'
+                })
+            ]
         }));
         expect(JSON.parse(scheduleResult.content)).toEqual(expect.objectContaining({
             success: true,
@@ -302,7 +312,18 @@ describe('processToolCall', () => {
                 target_path: 'f/flows/current',
                 target_kind: 'flow',
                 backend_result: 'trigger-created'
-            })
+            }),
+            actions: [
+                expect.objectContaining({
+                    id: 'open-created-trigger:http:f/triggers/current',
+                    type: 'open_created_resource',
+                    label: 'Open HTTP trigger',
+                    resource: 'trigger',
+                    triggerKind: 'http',
+                    path: 'f/triggers/current',
+                    targetKind: 'flow'
+                })
+            ]
         }));
         expect(JSON.parse(triggerResult.content)).toEqual(expect.objectContaining({
             success: true,

package/package/components/copilot/chat/workspaceTools.js

@@ -83,6 +83,30 @@ const triggerConfigs = {
         create: (data) => AzureTriggerService.createAzureTrigger(data)
     }
 };
+function getActionTargetKind(isFlow) {
+    return isFlow ? 'flow' : 'script';
+}
+function createOpenScheduleAction(path, targetKind) {
+    return {
+        id: `open-created-schedule:${path}`,
+        type: 'open_created_resource',
+        label: 'Open schedule',
+        resource: 'schedule',
+        path,
+        targetKind
+    };
+}
+function createOpenTriggerAction(kind, path, targetKind, label) {
+    return {
+        id: `open-created-trigger:${kind}:${path}`,
+        type: 'open_created_resource',
+        label: `Open ${label}`,
+        resource: 'trigger',
+        triggerKind: kind,
+        path,
+        targetKind
+    };
+}
 function formatPath(path) {
     if (path.length === 0) {
         return 'value';
@@ -168,16 +192,18 @@ const createScheduleTool = {
             });
             try {
                 const result = await ScheduleService.createSchedule({ workspace, requestBody });
+                const targetKind = getActionTargetKind(requestBody.is_flow);
                 const toolResult = {
                     success: true,
                     path: requestBody.path,
                     target_path: requestBody.script_path,
-                    target_kind: requestBody.is_flow ? 'flow' : 'script',
+                    target_kind: targetKind,
                     backend_result: result
                 };
                 toolCallbacks.setToolStatus(toolId, {
                     content: `Created schedule "${requestBody.path}"`,
-                    result: toolResult
+                    result: toolResult,
+                    actions: [createOpenScheduleAction(requestBody.path, targetKind)]
                 });
                 return JSON.stringify(toolResult);
             }
@@ -210,17 +236,21 @@ const createTriggerTool = {
             });
             try {
                 const result = await triggerConfig.create({ workspace, requestBody });
+                const targetKind = getActionTargetKind(requestBody.is_flow);
                 const toolResult = {
                     success: true,
                     kind: parsedArgs.kind,
                     path: requestBody.path,
                     target_path: requestBody.script_path,
-                    target_kind: requestBody.is_flow ? 'flow' : 'script',
+                    target_kind: targetKind,
                     backend_result: result
                 };
                 toolCallbacks.setToolStatus(toolId, {
                     content: `Created ${triggerConfig.label} "${requestBody.path}"`,
-                    result: toolResult
+                    result: toolResult,
+                    actions: [
+                        createOpenTriggerAction(parsedArgs.kind, requestBody.path, targetKind, triggerConfig.label)
+                    ]
                 });
                 return JSON.stringify(toolResult);
             }

package/package/components/flows/content/ScriptEditorDrawer.svelte

@@ -157,6 +157,7 @@ let displayEditor = $state(true);
 					noSyncFromGithub
 					lang={script.language}
 					path={script.path}
+					autoKind={script.auto_kind}
 					tag={script.tag}
 					fixedOverflowWidgets={false}
 					bind:code={script.content}

package/package/components/flows/idUtils.js

@@ -13,7 +13,10 @@ export const forbiddenIds = [
     'in',
     'failure',
     'preprocessor',
-    'as'
+    'as',
+    'Input',
+    'Result',
+    'Trigger'
 ];
 export function numberToChars(n) {
     if (n < 0) {

package/package/components/flows/stepsInputArgs.svelte.js

@@ -1,4 +1,4 @@
-import { dfs, getPreviousModule, getStepPropPicker } from './previousResults';
+import { dfs, getPreviousModule, getStepPropPicker, getFailureStepPropPicker } from './previousResults';
 import { evalValue } from './utils.svelte';
 export class StepsInputArgs {
     #stepsEvaluated = $state({});
@@ -103,6 +103,11 @@ export class StepsInputArgs {
         this.#steps[mod.id] = argsSnapshot;
     }
     updateStepArgs(id, flowState, flow, previewArgs) {
+        if (id === 'failure' && flow && flow.value.failure_module && flowState) {
+            const picker = getFailureStepPropPicker(flowState, flow, previewArgs);
+            this.initializeFromSchema(flow.value.failure_module, flowState['failure']?.schema ?? {}, picker.pickableProperties);
+            return;
+        }
         if (!flowState || !flow) {
             return;
         }

package/package/components/graph/wacToFlow.js

@@ -5,7 +5,7 @@ export function isWorkflowAsCode(code, language) {
     if (language === 'python3') {
         return /^\s*@workflow\s*$/m.test(code) || /from\s+wmill\s+import.*workflow/.test(code);
     }
-    if (language === 'bun' || language === 'deno') {
+    if (language === 'bun') {
         return (/workflow\s*\(/.test(code) &&
             /task\s*\(/.test(code) &&
             /['"]windmill-client(?:@[^'"]*)?['"]/.test(code));

package/package/components/graph/wacToFlow.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package/components/graph/wacToFlow.test.js

@@ -0,0 +1,17 @@
+import { describe, expect, it } from 'vitest';
+import { isWorkflowAsCode } from './wacToFlow';
+const tsWac = `
+import { workflow, task } from "windmill-client"
+
+const process = task(async () => "ok")
+
+export const main = workflow(async () => await process())
+`;
+describe('isWorkflowAsCode', () => {
+    it('detects WAC only for Bun TypeScript and Python', () => {
+        expect(isWorkflowAsCode(tsWac, 'bun')).toBe(true);
+        expect(isWorkflowAsCode(tsWac, 'deno')).toBe(false);
+        expect(isWorkflowAsCode(tsWac, 'nativets')).toBe(false);
+        expect(isWorkflowAsCode('@workflow\nasync def main():\n    return None\n', 'python3')).toBe(true);
+    });
+});

package/package/components/home/Item.svelte

@@ -15,7 +15,7 @@ let shareModal = $state();
 let moveDrawer = $state();
 let deploymentDrawer = $state();
 let menuOpen = $state(false);
-let { item, depth = 0, showCode, showEditButton = true } = $props();
+let { item, depth = 0, showCode, showEditButton = true, keyboardSelected = false } = $props();
 </script>
 
 {#if item.type == 'script'}
@@ -35,6 +35,7 @@ let { item, depth = 0, showCode, showEditButton = true } = $props();
 		bind:menuOpen
 		{showCode}
 		{showEditButton}
+		{keyboardSelected}
 	/>
 {:else if item.type == 'flow'}
 	<FlowRow
@@ -52,6 +53,7 @@ let { item, depth = 0, showCode, showEditButton = true } = $props();
 		{depth}
 		bind:menuOpen
 		{showEditButton}
+		{keyboardSelected}
 	/>
 {:else if item.type == 'app'}
 	<AppRow
@@ -65,6 +67,7 @@ let { item, depth = 0, showCode, showEditButton = true } = $props();
 		{depth}
 		bind:menuOpen
 		{showEditButton}
+		{keyboardSelected}
 	/>
 {:else if item.type == 'raw_app'}
 	<RawAppRow
@@ -74,6 +77,7 @@ let { item, depth = 0, showCode, showEditButton = true } = $props();
 		{deploymentDrawer}
 		{depth}
 		bind:menuOpen
+		{keyboardSelected}
 	/>
 {/if}
 

package/package/components/home/Item.svelte.d.ts

@@ -3,6 +3,7 @@ interface Props {
     depth?: number;
     showCode: (path: string, summary: string) => void;
     showEditButton?: boolean;
+    keyboardSelected?: boolean;
 }
 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> & {