windmill-components 1.510.1 → 1.511.1

package/package/components/AppConnectInner.svelte

@@ -74,6 +74,7 @@ let useClientCredentials = $state(false);
  */
 let clientId = $state('');
 let clientSecret = $state('');
+let tokenUrl = $state('');
 let resourceTypeInfo = $state(undefined);
 let pathError = $state('');
 export async function open(rt) {
@@ -90,6 +91,7 @@ export async function open(rt) {
     useClientCredentials = false;
     clientId = '';
     clientSecret = '';
+    tokenUrl = '';
     await loadConnects();
     manual = !connects?.includes(resourceType);
     if (manual && express) {
@@ -275,13 +277,18 @@ export async function next() {
                     sendUserToast('Client ID and Client Secret are required for client credentials flow', true);
                     return;
                 }
+                const requestBody = {
+                    scopes: scopes,
+                    cc_client_id: trimmedClientId,
+                    cc_client_secret: trimmedClientSecret
+                };
+                // Add token URL override if provided
+                if (tokenUrl.trim()) {
+                    requestBody.cc_token_url = tokenUrl.trim();
+                }
                 const tokenResponse = await OauthService.connectClientCredentials({
                     client: resourceType,
-                    requestBody: {
-                        scopes: scopes,
-                        cc_client_id: trimmedClientId,
-                        cc_client_secret: trimmedClientSecret
-                    }
+                    requestBody
                 });
                 // Process the token response like in popup flow
                 value = tokenResponse.access_token;
@@ -355,6 +362,10 @@ export async function next() {
             if (useClientCredentials) {
                 accountData.cc_client_id = clientId.trim();
                 accountData.cc_client_secret = clientSecret.trim();
+                // Add token URL override if provided
+                if (tokenUrl.trim()) {
+                    accountData.cc_token_url = tokenUrl.trim();
+                }
             }
             account = Number(await OauthService.createAccount({
                 workspace: $workspaceStore,
@@ -663,6 +674,18 @@ let editScopes = $state(false);
 									required
 								/>
 							</label>
+							<label style="display: block; margin-top: 8px;">
+								<span style="font-weight: 600;">Token URL Override (Optional)</span>
+								<input
+									type="url"
+									bind:value={tokenUrl}
+									placeholder="Custom token endpoint URL"
+									class="w-full p-2 border border-gray-300 rounded mt-1"
+								/>
+								<div style="font-size: 12px; color: #666; margin-top: 4px;">
+									Override the instance-level token URL for this resource
+								</div>
+							</label>
 						</div>
 					{/if}
 				</div>

package/package/components/ArgInput.svelte

@@ -510,7 +510,7 @@ onDestroy(() => {
 														onchange={(x) => fileChanged(x, (val) => (value[i] = val))}
 														multiple={false}
 													/>
-												{:else if itemsType?.type == 'object' && itemsType?.resourceType === undefined && itemsType?.properties === undefined}
+												{:else if itemsType?.type == 'object' && itemsType?.resourceType === undefined && itemsType?.properties === undefined && !(format?.startsWith('resource-') && resourceTypes?.includes(format.split('-')[1]))}
 													{#await import('./JsonEditor.svelte')}
 														<Loader2 class="animate-spin" />
 													{:then Module}
@@ -536,10 +536,16 @@ onDestroy(() => {
 														enum_={itemsType?.enum ?? []}
 														enumLabels={extra['enumLabels']}
 													/>
-												{:else if itemsType?.type == 'resource' && itemsType?.resourceType && resourceTypes?.includes(itemsType.resourceType)}
+												{:else if (itemsType?.type == 'resource' && itemsType?.resourceType && resourceTypes?.includes(itemsType.resourceType)) || (format?.startsWith('resource-') && resourceTypes?.includes(format.split('-')[1]))}
+													{@const resourceFormat =
+														itemsType?.type == 'resource' &&
+														itemsType.resourceType &&
+														resourceTypes.includes(itemsType.resourceType)
+															? `resource-${itemsType.resourceType}`
+															: format!}
 													<ObjectResourceInput
 														bind:value={value[i]}
-														format={'resource-' + itemsType?.resourceType}
+														format={resourceFormat}
 														defaultValue={undefined}
 													/>
 												{:else if itemsType?.type == 'resource'}
@@ -607,7 +613,11 @@ onDestroy(() => {
 									if (itemsType?.type == 'number') {
 										value = value.concat(0)
 									} else if (
-										itemsType?.type == 'object' ||
+										(itemsType?.type == 'object' &&
+											!(
+												format?.startsWith('resource-') &&
+												resourceTypes?.includes(format.split('-')[1])
+											)) ||
 										(itemsType?.type == 'resource' &&
 											!(
 												itemsType?.resourceType && resourceTypes?.includes(itemsType?.resourceType)

package/package/components/Editor.svelte

@@ -1,6 +1,4 @@
-<!-- <script lang="ts"></script> -->
-
-<script context="module">
+<script module>
 	import '@codingame/monaco-vscode-standalone-languages'
 	import '@codingame/monaco-vscode-standalone-typescript-language-features'
 	import processStdContent from '../process.d.ts.txt?raw'
@@ -73,7 +71,7 @@
 
 <script lang="ts">import { BROWSER } from 'esm-env';
 import { sendUserToast } from '../toast';
-import { createEventDispatcher, onDestroy, onMount } from 'svelte';
+import { createEventDispatcher, onDestroy, onMount, untrack } from 'svelte';
 // import libStdContent from '../es6.d.ts.txt?raw'
 // import domContent from '../dom.d.ts.txt?raw'
 // import denoFetchContent from '../deno_fetch.d.ts.txt?raw'
@@ -113,45 +111,23 @@ import { editorPositionMap } from '../utils';
 import { extToLang, langToExt } from '../editorLangUtils';
 import { aiChatManager } from './copilot/chat/AIChatManager.svelte';
 // import EditorTheme from './EditorTheme.svelte'
-let divEl = null;
-let editor = null;
-// for related places search: ADD_NEW_LANG
-export let code = '';
-export let cmdEnterAction = undefined;
-export let formatAction = undefined;
-export let automaticLayout = true;
-export let websocketAlive = {
-    pyright: false,
-    ruff: false,
-    deno: false,
-    go: false,
-    shellcheck: false
-};
-export let shouldBindKey = true;
-export let fixedOverflowWidgets = true;
-export let path = undefined;
-export let yContent = undefined;
-export let awareness = undefined;
-export let folding = false;
-export let args = undefined;
-export let useWebsockets = true;
-export let small = false;
-export let scriptLang;
-export let disabled = false;
-export let lineNumbersMinChars = 3;
-export let files = {};
-export let extraLib = undefined;
-export let changeTimeout = 500;
-export let loadAsync = false;
-export let key = undefined;
-let lang = scriptLangToEditorLang(scriptLang);
-$: lang = scriptLangToEditorLang(scriptLang);
-let filePath = computePath(path);
-$: filePath = computePath(path);
-let initialPath = path;
-$: path != initialPath &&
-    (scriptLang == 'deno' || scriptLang == 'bun' || scriptLang == 'bunnative') &&
-    handlePathChange();
+let divEl = $state(null);
+let editor = $state(null);
+let { code = $bindable(), cmdEnterAction = undefined, formatAction = undefined, automaticLayout = true, websocketAlive = $bindable(), shouldBindKey = true, fixedOverflowWidgets = true, path = undefined, yContent = undefined, awareness = undefined, folding = false, args = undefined, useWebsockets = true, small = false, scriptLang, disabled = false, lineNumbersMinChars = 3, files = {}, extraLib = undefined, changeTimeout = 500, loadAsync = false, key = undefined, class: clazz = undefined } = $props();
+$effect.pre(() => {
+    if (websocketAlive == undefined) {
+        websocketAlive = {
+            pyright: false,
+            ruff: false,
+            deno: false,
+            go: false,
+            shellcheck: false
+        };
+    }
+});
+let lang = $state(scriptLangToEditorLang(scriptLang));
+let filePath = $state(computePath(path));
+let initialPath = $state(path);
 let websockets = [];
 let languageClients = [];
 let websocketInterval;
@@ -160,7 +136,7 @@ let nbWsAttempt = 0;
 let disposeMethod;
 const dispatch = createEventDispatcher();
 let graphqlService = undefined;
-let dbSchema = undefined;
+let dbSchema = $state(undefined);
 let destroyed = false;
 const uri = computeUri(filePath, scriptLang);
 console.log('uri', uri);
@@ -375,10 +351,7 @@ export function getScriptLang() {
     return scriptLang;
 }
 let command = undefined;
-let sqlTypeCompletor = undefined;
-$: initialized && lang === 'sql' && scriptLang
-    ? addSqlTypeCompletions()
-    : sqlTypeCompletor?.dispose();
+let sqlTypeCompletor = $state(undefined);
 function addSqlTypeCompletions() {
     if (sqlTypeCompletor) {
         sqlTypeCompletor.dispose();
@@ -441,16 +414,12 @@ function updateSchema() {
         dbSchema = undefined;
     }
 }
-$: lang && args && $dbSchemas && updateSchema();
-$: initialized && dbSchema && ['sql', 'graphql'].includes(lang) && addDBSchemaCompletions();
 function disposeSqlSchemaCompletor() {
     sqlSchemaCompletor?.dispose();
 }
-$: (!dbSchema || lang !== 'sql') && disposeSqlSchemaCompletor();
 function disposeGaphqlService() {
     graphqlService = undefined;
 }
-$: (!dbSchema || lang !== 'graphql') && disposeGaphqlService();
 function addDBSchemaCompletions() {
     const { lang: schemaLang, schema } = dbSchema || {};
     if (!schemaLang || !schema) {
@@ -544,12 +513,12 @@ function addDBSchemaCompletions() {
         });
     }
 }
-let reviewingChanges = writable(false);
-let aiChatEditorHandler = undefined;
+let reviewingChanges = $state(writable(false));
+let aiChatEditorHandler = $state(undefined);
 // Inline ai chat widget
-let showInlineAIChat = false;
-let inlineAIChatSelection = null;
-let selectedCode = '';
+let showInlineAIChat = $state(false);
+let inlineAIChatSelection = $state(null);
+let selectedCode = $state('');
 export function reviewAndApplyCode(code) {
     aiChatEditorHandler?.reviewAndApply(code);
 }
@@ -562,22 +531,13 @@ function addChatHandler(editor) {
         console.error('Could not add chat handler', err);
     }
 }
-let autocompletor = undefined;
+let autocompletor = $state(undefined);
 function addAutoCompletor(editor, scriptLang) {
     if (autocompletor) {
         autocompletor.dispose();
     }
     autocompletor = new Autocompletor(editor, scriptLang);
 }
-$: $copilotInfo.enabled &&
-    $codeCompletionSessionEnabled &&
-    Autocompletor.isProviderModelSupported($copilotInfo.codeCompletionModel) &&
-    initialized &&
-    editor &&
-    scriptLang &&
-    addAutoCompletor(editor, scriptLang);
-$: $copilotInfo.enabled && initialized && editor && addChatHandler(editor);
-$: !$codeCompletionSessionEnabled && autocompletor?.dispose();
 const outputChannel = {
     name: 'Language Server Client',
     appendLine: (msg) => {
@@ -688,6 +648,10 @@ export async function reloadWebsocket() {
                 try {
                     console.log('starting client');
                     await languageClient.start();
+                    // for python we want to use the pyright client for signature help, not ruff
+                    if (lang !== 'python' || (lang === 'python' && name == 'pyright')) {
+                        autocompletor?.setLanguageClient(languageClient);
+                    }
                     console.log('started client');
                 }
                 catch (err) {
@@ -914,21 +878,15 @@ async function closeWebsockets() {
     websocketInterval && clearInterval(websocketInterval);
 }
 // let widgets: HTMLElement | undefined = document.getElementById('monaco-widgets-root') ?? undefined
-let model = undefined;
-let monacoBinding = undefined;
-$: if (yContent && awareness && model && editor) {
-    monacoBinding && monacoBinding.destroy();
-    monacoBinding = new MonacoBinding(yContent, model, new Set([editor]), awareness);
-}
-let initialized = false;
+let model = $state(undefined);
+let monacoBinding = $state(undefined);
+let initialized = $state(false);
 let ata = undefined;
-let statusDiv = null;
+let statusDiv = $state(null);
 function saveDraft() {
     dispatch('saveDraft', code);
 }
-let vimDisposable = undefined;
-$: editor && $vimMode && statusDiv && onVimMode();
-$: !$vimMode && vimDisposable && onVimDisable();
+let vimDisposable = $state(undefined);
 function onVimDisable() {
     vimDisposable?.dispose();
 }
@@ -937,7 +895,6 @@ function onVimMode() {
         vimDisposable = initVim(editor, statusDiv, saveDraft);
     }
 }
-$: files && model && onFileChanges();
 let svelteRegistered = false;
 let vueRegistered = false;
 function onFileChanges() {
@@ -1019,7 +976,7 @@ async function loadMonaco() {
     // console.log('af ready')
     initialized = true;
     try {
-        model = meditor.createModel(code, lang == 'nu' ? 'python' : lang, mUri.parse(uri));
+        model = meditor.createModel(code ?? '', lang == 'nu' ? 'python' : lang, mUri.parse(uri));
     }
     catch (err) {
         console.log('model already existed', err);
@@ -1033,7 +990,7 @@ async function loadMonaco() {
     onFileChanges();
     try {
         editor = meditor.create(divEl, {
-            ...editorConfig(code, lang, automaticLayout, fixedOverflowWidgets),
+            ...editorConfig(code ?? '', lang, automaticLayout, fixedOverflowWidgets),
             model,
             fontSize: !small ? 14 : 12,
             lineNumbersMinChars,
@@ -1247,7 +1204,7 @@ async function setTypescriptExtraLibs() {
         });
         if (scriptLang == 'bun') {
             ata?.('import "bun-types"');
-            ata?.(code);
+            ata?.(code ?? '');
         }
         dispatch('ataReady');
     }
@@ -1283,7 +1240,7 @@ function closeAIInlineWidget() {
     inlineAIChatSelection = null;
     selectedCode = '';
 }
-let aiChatInlineWidget = null;
+let aiChatInlineWidget = $state(null);
 let loadTimeout = undefined;
 onMount(async () => {
     if (BROWSER) {
@@ -1337,6 +1294,73 @@ function onKeyDown(e) {
         }
     }
 }
+$effect(() => {
+    lang = scriptLangToEditorLang(scriptLang);
+});
+$effect(() => {
+    filePath = computePath(path);
+});
+$effect(() => {
+    path != initialPath &&
+        (scriptLang == 'deno' || scriptLang == 'bun' || scriptLang == 'bunnative') &&
+        untrack(() => {
+            handlePathChange();
+        });
+});
+$effect(() => {
+    initialized && lang === 'sql' && scriptLang
+        ? untrack(() => addSqlTypeCompletions())
+        : sqlTypeCompletor?.dispose();
+});
+$effect(() => {
+    lang && args && $dbSchemas && untrack(() => updateSchema());
+});
+$effect(() => {
+    initialized &&
+        dbSchema &&
+        ['sql', 'graphql'].includes(lang) &&
+        untrack(() => addDBSchemaCompletions());
+});
+$effect(() => {
+    ;
+    (!dbSchema || lang !== 'sql') && untrack(() => disposeSqlSchemaCompletor());
+});
+$effect(() => {
+    ;
+    (!dbSchema || lang !== 'graphql') && untrack(() => disposeGaphqlService());
+});
+$effect(() => {
+    $copilotInfo.enabled &&
+        $codeCompletionSessionEnabled &&
+        Autocompletor.isProviderModelSupported($copilotInfo.codeCompletionModel) &&
+        initialized &&
+        editor &&
+        scriptLang &&
+        untrack(() => editor && addAutoCompletor(editor, scriptLang));
+});
+$effect(() => {
+    $copilotInfo.enabled && initialized && editor && untrack(() => editor && addChatHandler(editor));
+});
+$effect(() => {
+    !$codeCompletionSessionEnabled && autocompletor?.dispose();
+});
+$effect(() => {
+    if (yContent && awareness && model && editor) {
+        monacoBinding && monacoBinding.destroy();
+        untrack(() => {
+            monacoBinding = new MonacoBinding(yContent, model, new Set([editor]), awareness);
+        });
+    }
+});
+$effect(() => {
+    editor && $vimMode && statusDiv && untrack(() => onVimMode());
+});
+$effect(() => {
+    !$vimMode && vimDisposable && untrack(() => onVimDisable());
+});
+$effect(() => {
+    files && model && untrack(() => onFileChanges());
+});
 </script>
 
 <svelte:window onkeydown={onKeyDown} />
@@ -1346,7 +1370,7 @@ function onKeyDown(e) {
 		<FakeMonacoPlaceHolder {code} />
 	</div>
 {/if}
-<div bind:this={divEl} class="{$$props.class} editor {disabled ? 'disabled' : ''}"></div>
+<div bind:this={divEl} class="{clazz} editor {disabled ? 'disabled' : ''}"></div>
 {#if $vimMode}
 	<div class="fixed bottom-0 z-30" bind:this={statusDiv}></div>
 {/if}

package/package/components/Editor.svelte.d.ts

@@ -4,6 +4,34 @@ import { type Preview } from '../gen';
 import type { Text } from 'yjs';
 import { editor as meditor, type IDisposable } from 'monaco-editor';
 import { type DepsToGet } from '../ata/index';
+interface Props {
+    code?: string;
+    cmdEnterAction?: (() => void) | undefined;
+    formatAction?: (() => void) | undefined;
+    automaticLayout?: boolean;
+    websocketAlive?: any;
+    shouldBindKey?: boolean;
+    fixedOverflowWidgets?: boolean;
+    path?: string | undefined;
+    yContent?: Text | undefined;
+    awareness?: any | undefined;
+    folding?: boolean;
+    args?: Record<string, any> | undefined;
+    useWebsockets?: boolean;
+    small?: boolean;
+    scriptLang: Preview['language'] | 'bunnative' | 'tsx' | 'jsx' | 'json' | undefined;
+    disabled?: boolean;
+    lineNumbersMinChars?: number;
+    files?: Record<string, {
+        code: string;
+        readonly?: boolean;
+    }> | undefined;
+    extraLib?: string | undefined;
+    changeTimeout?: number;
+    loadAsync?: boolean;
+    key?: string | undefined;
+    class?: string | undefined;
+}
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -17,60 +45,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const Editor: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: any;
-    code?: string | undefined;
-    cmdEnterAction?: (() => void) | undefined | undefined;
-    formatAction?: (() => void) | undefined | undefined;
-    automaticLayout?: boolean | undefined;
-    websocketAlive?: {
-        pyright: boolean;
-        ruff: boolean;
-        deno: boolean;
-        go: boolean;
-        shellcheck: boolean;
-    } | undefined;
-    shouldBindKey?: boolean | undefined;
-    fixedOverflowWidgets?: boolean | undefined;
-    path?: string | undefined | undefined;
-    yContent?: Text | undefined;
-    awareness?: any | undefined;
-    folding?: boolean | undefined;
-    args?: Record<string, any> | undefined;
-    useWebsockets?: boolean | undefined;
-    small?: boolean | undefined;
-    scriptLang: Preview["language"] | "bunnative" | "tsx" | "jsx" | "json" | undefined;
-    disabled?: boolean | undefined;
-    lineNumbersMinChars?: number | undefined;
-    files?: Record<string, {
-        code: string;
-        readonly?: boolean;
-    }> | undefined;
-    extraLib?: string | undefined | undefined;
-    changeTimeout?: number | undefined;
-    loadAsync?: boolean | undefined;
-    key?: string | undefined | undefined;
-    switchToFile?: ((path: string, value: string, lang: string) => void) | undefined;
-    getCode?: (() => string) | undefined;
-    getModel?: (() => meditor.IEditorModel | undefined) | undefined;
-    insertAtCursor?: ((code: string) => void) | undefined;
-    arrowDown?: (() => void) | undefined;
-    backspace?: (() => void) | undefined;
-    insertAtBeginning?: ((code: string) => void) | undefined;
-    insertAtLine?: ((code: string, line: number) => void) | undefined;
-    getSelectedLines?: (() => string | undefined) | undefined;
-    onDidChangeCursorSelection?: ((f: (e: meditor.ICursorSelectionChangedEvent) => void) => IDisposable | undefined) | undefined;
-    show?: (() => void) | undefined;
-    hide?: (() => void) | undefined;
-    setCode?: ((ncode: string, noHistory?: boolean) => void) | undefined;
-    append?: ((code: string) => void) | undefined;
-    format?: (() => Promise<void>) | undefined;
-    getScriptLang?: (() => string | undefined) | undefined;
-    reviewAndApplyCode?: ((code: string) => void) | undefined;
-    reloadWebsocket?: (() => Promise<void>) | undefined;
-    fetchPackageDeps?: ((deps: DepsToGet) => Promise<void>) | undefined;
-    addAction?: ((id: string, label: string, callback: (editor: meditor.IStandaloneCodeEditor) => void, keybindings?: number[]) => void) | undefined;
-}, {
+declare const Editor: $$__sveltets_2_IsomorphicComponent<Props, {
     change: CustomEvent<any>;
     saveDraft: CustomEvent<any>;
     blur: CustomEvent<any>;
@@ -100,6 +75,6 @@ declare const Editor: $$__sveltets_2_IsomorphicComponent<{
     reloadWebsocket: () => Promise<void>;
     fetchPackageDeps: (deps: DepsToGet) => Promise<void>;
     addAction: (id: string, label: string, callback: (editor: meditor.IStandaloneCodeEditor) => void, keybindings?: number[]) => void;
-}, string>;
+}, "code" | "websocketAlive">;
 type Editor = InstanceType<typeof Editor>;
 export default Editor;

package/package/components/FlowPreviewContent.svelte

@@ -494,6 +494,7 @@ export function flowHasChanged() {
 					bind:rightColumnSelect
 					bind:isOwner
 					{render}
+					customUi={customUi}
 				/>
 			{:else}
 				<div class="italic text-tertiary h-full grow"> Flow status will be displayed here </div>

package/package/components/FlowPreviewContent.svelte.d.ts

@@ -20,6 +20,9 @@ interface Props {
     render?: boolean;
     onJobDone?: () => void;
     upToId?: string | undefined;
+    customUi?: {
+        tagLabel?: string | undefined;
+    };
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/package/components/FlowStatusViewer.svelte

@@ -3,7 +3,7 @@ import FlowStatusViewerInner from './FlowStatusViewerInner.svelte';
 import { createEventDispatcher, setContext, untrack } from 'svelte';
 import { isOwner as loadIsOwner } from '../utils';
 import { userStore, workspaceStore } from '../stores';
-let { jobId, initialJob = undefined, workspaceId = undefined, flowStateStore = writable({}), selectedJobStep = $bindable(undefined), hideFlowResult = false, hideTimeline = false, hideDownloadInGraph = false, hideNodeDefinition = false, hideJobId = false, hideDownloadLogs = false, rightColumnSelect = $bindable('timeline'), isOwner = $bindable(false), wideResults = false, localModuleStates = $bindable(writable({})), localDurationStatuses = $bindable(writable({})), job = $bindable(undefined), render = true, suspendStatus = $bindable(writable({})) } = $props();
+let { jobId, initialJob = undefined, workspaceId = undefined, flowStateStore = writable({}), selectedJobStep = $bindable(undefined), hideFlowResult = false, hideTimeline = false, hideDownloadInGraph = false, hideNodeDefinition = false, hideJobId = false, hideDownloadLogs = false, rightColumnSelect = $bindable('timeline'), isOwner = $bindable(false), wideResults = false, localModuleStates = $bindable(writable({})), localDurationStatuses = $bindable(writable({})), job = $bindable(undefined), render = true, suspendStatus = $bindable(writable({})), customUi } = $props();
 let lastJobId = jobId;
 let retryStatus = writable({});
 setContext('FlowStatusViewer', {
@@ -61,4 +61,5 @@ $effect.pre(() => {
 	{wideResults}
 	bind:rightColumnSelect
 	{render}
+	{customUi}
 />

package/package/components/FlowStatusViewer.svelte.d.ts

@@ -22,6 +22,9 @@ interface Props {
     job?: Job | undefined;
     render?: boolean;
     suspendStatus?: any;
+    customUi?: {
+        tagLabel?: string | undefined;
+    };
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/package/components/FlowStatusViewerInner.svelte

@@ -27,7 +27,7 @@ import { createState } from '../svelte5Utils.svelte';
 import JobLoader from './JobLoader.svelte';
 const dispatch = createEventDispatcher();
 let { flowStateStore, retryStatus, suspendStatus, hideDownloadInGraph, hideTimeline, hideNodeDefinition, hideDownloadLogs, hideJobId } = getContext('FlowStatusViewer');
-let { jobId, initialJob = undefined, workspaceId = undefined, flowJobIds = undefined, innerModule = undefined, globalRefreshes = $bindable({}), render = true, isOwner = false, selectedNode = $bindable(undefined), globalModuleStates, globalDurationStatuses, childFlow = false, isSubflow = false, reducedPolling = false, wideResults = false, hideFlowResult = false, workspace = $workspaceStore, prefix = undefined, subflowParentsGlobalModuleStates = [], subflowParentsDurationStatuses = [], isForloopSelected = false, parentRecursiveRefresh = $bindable({}), job = $bindable(undefined), rightColumnSelect = $bindable('timeline'), localModuleStates = writable({}), localDurationStatuses = writable({}) } = $props();
+let { jobId, initialJob = undefined, workspaceId = undefined, flowJobIds = undefined, innerModule = undefined, globalRefreshes = $bindable({}), render = true, isOwner = false, selectedNode = $bindable(undefined), globalModuleStates, globalDurationStatuses, childFlow = false, isSubflow = false, reducedPolling = false, wideResults = false, hideFlowResult = false, workspace = $workspaceStore, prefix = undefined, subflowParentsGlobalModuleStates = [], subflowParentsDurationStatuses = [], isForloopSelected = false, parentRecursiveRefresh = $bindable({}), job = $bindable(undefined), rightColumnSelect = $bindable('timeline'), localModuleStates = writable({}), localDurationStatuses = writable({}), customUi } = $props();
 let recursiveRefresh = $state({});
 // Add support for the input args assets shown as an asset node
 const _flowGraphAssetsCtx = getContext('FlowGraphAssetContext');
@@ -1113,6 +1113,7 @@ let selected = $derived(isListJob ? 'sequence' : 'graph');
 
 									{#if selectedNode == 'end'}
 										<FlowJobResult
+											tagLabel={customUi?.tagLabel}
 											workspaceId={job?.workspace_id}
 											jobId={job?.id}
 											filename={job.id}
@@ -1188,6 +1189,7 @@ let selected = $derived(isListJob ? 'sequence' : 'graph');
 											</div>
 										{/if}
 										<FlowJobResult
+											tagLabel={customUi?.tagLabel}
 											workspaceId={job?.workspace_id}
 											jobId={node.job_id}
 											noBorder

package/package/components/FlowStatusViewerInner.svelte.d.ts

@@ -35,6 +35,9 @@ interface Props {
     rightColumnSelect?: 'timeline' | 'node_status' | 'node_definition' | 'user_states';
     localModuleStates?: Writable<Record<string, GraphModuleState>>;
     localDurationStatuses?: Writable<Record<string, DurationStatus>>;
+    customUi?: {
+        tagLabel?: string | undefined;
+    };
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/package/components/HttpAgentWorkerDrawer.svelte

@@ -129,7 +129,7 @@ $effect(() => {
 						/>
 					</Section>
 
-					<Section label="Generated JWT token" primary>
+					<Section label="Generated JWT token">
 						{#if !$enterpriseLicense}
 							<div class="text-sm text-secondary mb-2 max-w-md">
 								Agent workers are only available in the enterprise edition. For evaluation purposes,