windmill-components 1.613.5 → 1.623.1

package/package/components/monacoLanguagesOptions.js

@@ -1,18 +1,17 @@
+import { languages } from 'monaco-editor';
 import processStdContent from '../process.d.ts.txt?raw';
-import { jsonDefaults } from '@codingame/monaco-vscode-standalone-json-language-features';
-import { javascriptDefaults, JsxEmit, ModuleResolutionKind, ScriptTarget, typescriptDefaults } from '@codingame/monaco-vscode-standalone-typescript-language-features';
 let jsonInitialized = false;
 export function setMonacoJsonOptions() {
     if (jsonInitialized)
         return;
     jsonInitialized = true;
-    jsonDefaults.setDiagnosticsOptions({
+    languages.json.jsonDefaults.setDiagnosticsOptions({
         validate: true,
         allowComments: false,
         schemas: [],
         enableSchemaRequest: true
     });
-    jsonDefaults.setModeConfiguration({
+    languages.json.jsonDefaults.setModeConfiguration({
         documentRangeFormattingEdits: false,
         documentFormattingEdits: true,
         hovers: true,
@@ -30,8 +29,8 @@ export function setMonacoTypescriptOptions() {
     if (typescriptInitialized)
         return;
     typescriptInitialized = true;
-    typescriptDefaults.addExtraLib(processStdContent, 'process.d.ts');
-    typescriptDefaults.setModeConfiguration({
+    languages.typescript.typescriptDefaults.addExtraLib(processStdContent, 'process.d.ts');
+    languages.typescript.typescriptDefaults.setModeConfiguration({
         completionItems: true,
         hovers: true,
         documentSymbols: true,
@@ -47,21 +46,21 @@ export function setMonacoTypescriptOptions() {
         inlayHints: true
     });
     // languages.typescript.javascriptDefaults.setEagerModelSync(true)
-    typescriptDefaults.setEagerModelSync(true);
+    languages.typescript.typescriptDefaults.setEagerModelSync(true);
     // languages.typescript.javascriptDefaults.setDiagnosticsOptions({
     // 	noSemanticValidation: false,
     // 	noSyntaxValidation: false,
     // 	noSuggestionDiagnostics: false,
     // 	diagnosticCodesToIgnore: [1108]
     // })
-    typescriptDefaults.setDiagnosticsOptions({
+    languages.typescript.typescriptDefaults.setDiagnosticsOptions({
         noSemanticValidation: false,
         noSyntaxValidation: false,
         noSuggestionDiagnostics: false,
         diagnosticCodesToIgnore: [1108, 7006, 7034, 7019, 7005]
     });
-    typescriptDefaults.setCompilerOptions({
-        target: ScriptTarget.Latest,
+    languages.typescript.typescriptDefaults.setCompilerOptions({
+        target: languages.typescript.ScriptTarget.Latest,
         allowNonTsExtensions: true,
         noSemanticValidation: false,
         noSyntaxValidation: false,
@@ -85,8 +84,8 @@ export function setMonacoTypescriptOptions() {
         noLib: false,
         allowImportingTsExtensions: true,
         allowSyntheticDefaultImports: true,
-        moduleResolution: ModuleResolutionKind.NodeJs,
-        jsx: JsxEmit.React
+        moduleResolution: languages.typescript.ModuleResolutionKind.NodeJs,
+        jsx: languages.typescript.JsxEmit.React
     });
 }
 let javascriptInitialized = false;
@@ -94,14 +93,14 @@ export function setMonacoJavascriptOptions() {
     if (javascriptInitialized)
         return;
     javascriptInitialized = true;
-    javascriptDefaults.setCompilerOptions({
-        target: ScriptTarget.Latest,
+    languages.typescript.javascriptDefaults.setCompilerOptions({
+        target: languages.typescript.ScriptTarget.Latest,
         allowNonTsExtensions: true,
         noSemanticValidation: false,
         noLib: true,
-        moduleResolution: ModuleResolutionKind.NodeJs
+        moduleResolution: languages.typescript.ModuleResolutionKind.NodeJs
     });
-    javascriptDefaults.setDiagnosticsOptions({
+    languages.typescript.javascriptDefaults.setDiagnosticsOptions({
         noSemanticValidation: false,
         noSyntaxValidation: false,
         noSuggestionDiagnostics: false,

package/package/components/propertyPicker/PropPicker.svelte

@@ -13,8 +13,6 @@ export let error = false;
 export let allowCopy = false;
 export let previousId = undefined;
 export let flow_env = undefined;
-export let result = undefined;
-export let extraResults = undefined;
 let variables = {};
 let resources = {};
 let displayVariable = false;
@@ -47,9 +45,7 @@ function onSearch(search) {
                 ? pickableProperties.priorIds
                 : keepByKey(pickableProperties.priorIds, search);
         flowEnvFiltered =
-            search === EMPTY_STRING
-                ? pickableProperties.flow_env
-                : keepByKey(pickableProperties.flow_env, search);
+            search === EMPTY_STRING ? pickableProperties.flow_env : keepByKey(pickableProperties.flow_env, search);
     }, 50);
 }
 $: suggestedPropsFiltered =
@@ -180,7 +176,7 @@ async function updateState() {
     await filterPickableProperties();
     await updateCollapsable();
 }
-$: (search, $inputMatches, $propPickerConfig, pickableProperties, updateState());
+$: search, $inputMatches, $propPickerConfig, pickableProperties, updateState();
 onDestroy(() => {
     clearTimeout(timeout);
 });
@@ -208,16 +204,6 @@ const categoryTitleClasses = 'font-semibold text-xs text-emphasis';
 				<Badge small>filter: {filteringFlowInputsOrResult}</Badge>
 			</div>
 		{/if}
-		{#if result != undefined}
-			<span class={categoryTitleClasses}>Step Result</span>
-			<div class={categoryContentClasses}>
-				<ObjectViewer
-					{allowCopy}
-					json={{ result, ...(extraResults ? extraResults : {}) }}
-					on:select
-				/>
-			</div>
-		{/if}
 		{#if flowInputsFiltered && (Object.keys(flowInputsFiltered ?? {}).length > 0 || !filterActive)}
 			<span class={categoryTitleClasses}>Flow Input</span>
 			<div class={categoryContentClasses}>

package/package/components/propertyPicker/PropPicker.svelte.d.ts

@@ -19,8 +19,6 @@ declare const PropPicker: $$__sveltets_2_IsomorphicComponent<{
     allowCopy?: boolean;
     previousId?: string | undefined;
     flow_env?: Record<string, any> | undefined;
-    result?: any | undefined;
-    extraResults?: any;
 }, {
     select: any;
 } & {

package/package/components/raw_apps/DefaultDatabaseSelector.svelte

@@ -3,7 +3,6 @@ import Popover from '../meltComponents/Popover.svelte';
 import Select from '../select/Select.svelte';
 import { workspaceStore } from '../../stores';
 import { createDatatablesResource, createSchemasResource, toDatatableItems, toSchemaItems } from './datatableUtils.svelte';
-import { Button } from '../common';
 let { datatable, schema, onChange, description = 'Set the default datatable and schema for new tables. This is where AI will create new tables when needed.' } = $props();
 // Load available datatables and schemas using shared utilities
 const datatables = createDatatablesResource(() => $workspaceStore);
@@ -23,18 +22,15 @@ $effect(() => {
 
 <Popover>
 	<svelte:fragment slot="trigger">
-		<Button
+		<button
+			class="pt-1.5 pb-0.5 px-1 hover:bg-surface-hover rounded transition-colors"
 			title="Configure default datatable & schema"
-			unifiedSize="xs"
-			variant="subtle"
-			nonCaptureEvent
-			btnClasses="px-1"
 		>
-			<Settings size={12} />
-		</Button>
+			<Settings size={12} class="text-tertiary" />
+		</button>
 	</svelte:fragment>
 	<svelte:fragment slot="content">
-		<div class="flex flex-col gap-3 p-4 min-w-64 max-w-80">
+		<div class="flex flex-col gap-3 p-2 min-w-64 max-w-80">
 			<div class="text-xs font-medium text-primary">Default Datatable & Schema</div>
 
 			<p class="text-2xs text-tertiary leading-relaxed">

package/package/components/raw_apps/FileEditorIcon.svelte

@@ -1,29 +1,24 @@
-<script lang="ts" module>export const SUPPORTED_EXTENSIONS = ['tsx', 'json', 'ts', 'js', 'vue', 'css', 'svelte'];
-</script>
-
 <script lang="ts">import TypeScript from '../common/languageIcons/TypeScript.svelte';
 import JavaScriptIcon from '../icons/JavaScriptIcon.svelte';
 import JsonIcon from '../icons/JsonIcon.svelte';
 import ReactIcon from '../icons/ReactIcon.svelte';
 import SvelteIcon from '../icons/SvelteIcon.svelte';
 import VueIcon from '../icons/VueIcon.svelte';
-let { file, size = 16 } = $props();
-const width = $derived(size.toString() + 'px');
-const height = $derived(size.toString() + 'px');
+let { file } = $props();
 </script>
 
 {#if file.endsWith('.tsx')}
-	<ReactIcon {width} {height} />
+	<ReactIcon width="16px" height="16px" />
 {:else if file.endsWith('.json')}
-	<JsonIcon {width} {height} />
+	<JsonIcon width="16px" height="16px" />
 {:else if file.endsWith('.ts')}
-	<TypeScript width={size} height={size} />
+	<TypeScript width={16} height={16} />
 {:else if file.endsWith('.js')}
-	<JavaScriptIcon {width} {height} />
+	<JavaScriptIcon width="16px" height="16px" />
 {:else if file.endsWith('.vue')}
-	<VueIcon {width} {height} />
+	<VueIcon width="16px" height="16px" />
 {:else if file.endsWith('.css')}
 	<span class="text-blue-600 ml-0.5" style="font-size: 16px;">#</span>
 {:else if file.endsWith('.svelte')}
-	<SvelteIcon {width} {height} />
+	<SvelteIcon width="16px" height="16px" />
 {/if}

package/package/components/raw_apps/FileEditorIcon.svelte.d.ts

@@ -1,7 +1,5 @@
-export declare const SUPPORTED_EXTENSIONS: string[];
 interface Props {
     file: string;
-    size?: number;
 }
 declare const FileEditorIcon: import("svelte").Component<Props, {}, "">;
 type FileEditorIcon = ReturnType<typeof FileEditorIcon>;

package/package/components/raw_apps/FileTreeNode.svelte

@@ -1,41 +1,15 @@
-<script lang="ts">import { ChevronRight, ChevronDown, File, Folder, Pencil, Trash2, Lock, Ellipsis, ImageIcon } from 'lucide-svelte';
+<script lang="ts">import { ChevronRight, ChevronDown, File, Folder, FileJson, FileCode, ImageIcon, Palette, Pencil, Trash2, Lock } from 'lucide-svelte';
 import Self from './FileTreeNode.svelte';
-import { twMerge } from 'tailwind-merge';
-import DropdownV2 from '../DropdownV2.svelte';
-import { Button } from '../common';
-import TextInput from '../text_input/TextInput.svelte';
-import TypeScript from '../common/languageIcons/TypeScript.svelte';
-import JavaScriptIcon from '../icons/JavaScriptIcon.svelte';
-import JsonIcon from '../icons/JsonIcon.svelte';
-import ReactIcon from '../icons/ReactIcon.svelte';
-import SvelteIcon from '../icons/SvelteIcon.svelte';
-import VueIcon from '../icons/VueIcon.svelte';
-import CssIcon from '../icons/CssIcon.svelte';
-import SassIcon from '../icons/SassIcon.svelte';
-import LessIcon from '../icons/LessIcon.svelte';
-import HtmlIcon from '../icons/HtmlIcon.svelte';
-import MarkdownIcon from '../icons/MarkdownIcon.svelte';
-import YamlIcon from '../icons/YamlIcon.svelte';
-import { tick } from 'svelte';
-let { node, onFileClick, onAddFile, onAddFolder, onRename, onDelete, onRequestEdit, onCancelEdit, selectedPath, pathToEdit, noEdit = false, level = 0 } = $props();
-let userExpanded = $state(null); // null = not set by user
+let { node, onFileClick, onAddFile, onAddFolder, onRename, onDelete, selectedPath, pathToRename, pathToExpand, noEdit = false, level = 0 } = $props();
+let expanded = $state(level === 0); // Root folders start expanded
 let isHovered = $state(false);
+let isEditing = $state(false);
 let editValue = $state(node.name);
-let textInputElement = $state();
-let dropdownOpen = $state(false);
+let inputElement = $state();
 const isSelected = $derived(selectedPath === node.path);
-const isEditing = $derived(pathToEdit === node.path);
-const expanded = $derived(
-// Auto-expand for editing nested paths takes priority
-pathToEdit && node.isFolder && pathToEdit.startsWith(node.path)
-    ? true
-    : userExpanded !== null
-        ? userExpanded
-        : level === 0 // Default: root expanded
-);
 function toggleExpanded() {
     if (node.isFolder) {
-        userExpanded = !expanded;
+        expanded = !expanded;
     }
 }
 function handleClick() {
@@ -48,43 +22,61 @@ function handleClick() {
 }
 function handleEdit(e) {
     e.stopPropagation();
-    onRequestEdit?.(node.path);
+    isEditing = true;
+    editValue = node.name;
 }
 function handleDelete(e) {
     e.stopPropagation();
     onDelete?.(node.path);
 }
 function finishEdit() {
-    if (isEditing && editValue.trim()) {
-        // Always call onRename - parent handles whether it's a new file or actual rename
+    if (isEditing && editValue.trim() && editValue !== node.name) {
         onRename?.(node.path, editValue.trim());
     }
-    else {
-        onCancelEdit?.();
-    }
+    isEditing = false;
 }
 function handleInputKeydown(e) {
     if (e.key === 'Enter') {
         finishEdit();
     }
     else if (e.key === 'Escape') {
-        editValue = node.name; // Reset to original
-        onCancelEdit?.();
+        isEditing = false;
+        editValue = node.name;
     }
 }
-function handleInputBlur(e) {
+function handleInputBlur() {
     finishEdit();
 }
-// Single effect for DOM operations only
 $effect(() => {
-    if (isEditing && textInputElement) {
-        // Reset edit value when entering edit mode
+    if (isEditing && inputElement) {
+        inputElement.focus();
+        inputElement.select();
+    }
+});
+// Automatically enter edit mode for newly created files
+$effect(() => {
+    if (pathToRename === node.path && !isEditing) {
+        isEditing = true;
         editValue = node.name;
-        // Focus and select input (DOM side effects)
-        tick().then(() => {
-            textInputElement?.focus();
-            textInputElement?.select();
-        });
+        // If this is a folder, expand it
+        if (node.isFolder) {
+            expanded = true;
+        }
+    }
+});
+// Expand parent folders when a child needs to be renamed
+$effect(() => {
+    if (pathToRename && node.isFolder && pathToRename.startsWith(node.path + '/')) {
+        expanded = true;
+    }
+});
+// Expand folder when pathToExpand matches this node or a parent of pathToExpand
+$effect(() => {
+    if (pathToExpand && node.isFolder) {
+        // Expand if this folder is the target or an ancestor of the target
+        if (node.path === pathToExpand || pathToExpand.startsWith(node.path + '/')) {
+            expanded = true;
+        }
     }
 });
 const sortedChildren = $derived(node.children?.slice().sort((a, b) => {
@@ -105,26 +97,22 @@ const fileIcon = $derived.by(() => {
     const ext = getFileExtension(node.name);
     switch (ext) {
         case 'json':
-            return { icon: JsonIcon };
+            return { icon: FileJson, className: 'text-yellow-500' };
         case 'tsx':
-            return { icon: ReactIcon };
         case 'jsx':
-            return { icon: ReactIcon };
+            return { icon: FileCode, className: 'text-blue-500' };
         case 'ts':
-            return { icon: TypeScript };
         case 'js':
-            return { icon: JavaScriptIcon };
+            return { icon: FileCode, className: 'text-blue-400' };
         case 'svelte':
-            return { icon: SvelteIcon };
+            return { icon: FileCode, className: 'text-orange-500' };
         case 'vue':
-            return { icon: VueIcon };
+            return { icon: FileCode, className: 'text-green-500' };
         case 'css':
-            return { icon: CssIcon };
         case 'scss':
         case 'sass':
-            return { icon: SassIcon };
         case 'less':
-            return { icon: LessIcon };
+            return { icon: Palette, className: 'text-pink-500' };
         case 'png':
         case 'jpg':
         case 'jpeg':
@@ -133,15 +121,6 @@ const fileIcon = $derived.by(() => {
         case 'webp':
         case 'ico':
             return { icon: ImageIcon, className: 'text-purple-500' };
-        case 'html':
-        case 'htm':
-            return { icon: HtmlIcon };
-        case 'md':
-        case 'markdown':
-            return { icon: MarkdownIcon };
-        case 'yaml':
-        case 'yml':
-            return { icon: YamlIcon };
         default:
             return { icon: File, className: 'text-tertiary' };
     }
@@ -157,7 +136,7 @@ const fileIcon = $derived.by(() => {
 	>
 		{#if isEditing}
 			<div
-				class="w-full flex items-center gap-1 px-2 min-h-6 text-xs rounded {isSelected
+				class="w-full flex items-center gap-1 px-2 py-1 text-xs rounded {isSelected
 					? 'bg-blue-100 dark:bg-blue-900/30'
 					: ''}"
 				style="padding-left: {level * 12}px"
@@ -171,28 +150,26 @@ const fileIcon = $derived.by(() => {
 							<ChevronRight size={12} />
 						{/if}
 					</span>
-					<IconComponent size={14} class="flex-shrink-0 {fileIcon.className}" />
+					<IconComponent size={12} class="flex-shrink-0 {fileIcon.className}" />
 				{:else}
 					{@const IconComponent = fileIcon.icon}
 					<span class="flex-shrink-0"></span>
-					<IconComponent size={14} class="flex-shrink-0 {fileIcon.className}" />
+					<IconComponent size={12} class="flex-shrink-0 {fileIcon.className}" />
 				{/if}
-				<TextInput
-					bind:this={textInputElement}
+				<input
+					bind:this={inputElement}
 					bind:value={editValue}
-					inputProps={{
-						onkeydown: handleInputKeydown,
-						onblur: (e) => handleInputBlur(e),
-						type: 'text'
-					}}
-					size="xs"
+					onkeydown={handleInputKeydown}
+					onblur={handleInputBlur}
+					class="flex-1 min-w-0 bg-surface border border-blue-500 rounded px-1 text-primary font-mono focus:outline-none focus:ring-1 focus:ring-blue-500"
+					type="text"
 				/>
 			</div>
 		{:else}
 			<button
 				onclick={handleClick}
 				class="w-full flex items-center gap-1 px-2 py-1 text-xs hover:bg-surface-hover transition-colors rounded text-left {isSelected
-					? 'bg-surface-accent-selected'
+					? 'bg-blue-100 dark:bg-blue-900/30'
 					: ''}"
 				style="padding-left: {level * 12}px"
 			>
@@ -211,44 +188,32 @@ const fileIcon = $derived.by(() => {
 					<span class="flex-shrink-0"></span>
 					<IconComponent size={12} class="flex-shrink-0 {fileIcon.className}" />
 				{/if}
-				<span class={twMerge('truncate text-primary font-normal', isSelected ? 'text-accent' : '')}
-					>{node.name}</span
-				>
+				<span class="truncate text-primary font-mono">{node.name}</span>
 			</button>
 
-			{#if isHovered || dropdownOpen}
-				{#if !noEdit}
-					<DropdownV2
-						items={[
-							{
-								displayName: 'Rename',
-								icon: Pencil,
-								action: handleEdit
-							},
-							{
-								displayName: 'Delete',
-								icon: Trash2,
-								action: handleDelete,
-								type: 'delete'
-							}
-						]}
-						placement="bottom-end"
-						class="absolute -translate-y-1/2 top-1/2 right-1"
-						bind:open={dropdownOpen}
-					>
-						{#snippet buttonReplacement()}
-							<Button
-								iconOnly
-								unifiedSize="xs"
-								variant="subtle"
-								nonCaptureEvent
-								startIcon={{ icon: Ellipsis }}
-							></Button>
-						{/snippet}
-					</DropdownV2>
-				{:else}
-					<Lock size={12} class="text-secondary absolute -translate-y-1/2 top-1/2 right-2" />
-				{/if}
+			{#if isHovered && !isEditing}
+				<div
+					class="absolute right-1 top-1 flex gap-0.5 bg-surface rounded shadow-sm border border-gray-200 dark:border-gray-700"
+				>
+					{#if !noEdit}
+						<button
+							onclick={handleEdit}
+							class="p-0.5 hover:bg-surface-hover rounded transition-colors"
+							title="Rename"
+						>
+							<Pencil size={12} class="text-secondary" />
+						</button>
+						<button
+							onclick={handleDelete}
+							class="p-0.5 hover:bg-surface-hover rounded transition-colors"
+							title="Delete"
+						>
+							<Trash2 size={12} class="text-red-500" />
+						</button>
+					{:else}
+						<Lock size={12} class="text-secondary" />
+					{/if}
+				</div>
 			{/if}
 		{/if}
 	</div>
@@ -262,10 +227,9 @@ const fileIcon = $derived.by(() => {
 				{onAddFolder}
 				{onRename}
 				{onDelete}
-				{onRequestEdit}
-				{onCancelEdit}
 				{selectedPath}
-				{pathToEdit}
+				{pathToRename}
+				{pathToExpand}
 				level={level + 1}
 			/>
 		{/each}

package/package/components/raw_apps/RawAppBackgroundRunner.svelte

@@ -45,16 +45,9 @@ let listener = async (event) => {
         const runnable_id = data.runnable_id;
         let runnable = runnables[runnable_id];
         if (runnable) {
-            // Build args, converting ctx fields to $ctx:property format
-            const args = { ...(data.v ?? {}) };
-            for (const [key, field] of Object.entries(runnable?.fields ?? {})) {
-                if (field?.type === 'ctx' && field?.ctx) {
-                    args[key] = `$ctx:${field.ctx}`;
-                }
-            }
             const uuid = await executeRunnable(runnable, workspace, undefined, $userStore?.username, path, runnable_id, {
                 component: runnable_id,
-                args,
+                args: data.v ?? {},
                 force_viewer_allow_user_resources: editor
                     ? undefinedIfEmpty(Object.keys(runnable?.fields ?? {}).filter((k) => runnable?.fields?.[k]?.type == 'user' &&
                         runnable?.fields?.[k]?.allowUserResources))
@@ -80,90 +73,17 @@ let listener = async (event) => {
                 job.result = result;
             }
         }
+        else if (event.data.type == 'waitJob') {
+            await respondWithResult(data.jobId);
+        }
+        else if (event.data.type == 'getJob') {
+            const job = await JobService.getJob({ workspace, id: data.jobId });
+            respond({ result: job });
+        }
         else {
             console.error('No runnable found for', runnable_id);
         }
     }
-    else if (event.data.type == 'waitJob') {
-        await respondWithResult(data.jobId);
-    }
-    else if (event.data.type == 'getJob') {
-        const job = await JobService.getJob({ workspace, id: data.jobId });
-        respond({ result: job });
-    }
-    else if (event.data.type == 'streamJob') {
-        // Stream job results using SSE
-        const jobId = data.jobId;
-        const reqId = data.reqId;
-        const params = new URLSearchParams();
-        params.set('fast', 'true');
-        const sseUrl = `/api/w/${workspace}/jobs_u/getupdate_sse/${jobId}?${params.toString()}`;
-        const eventSource = new EventSource(sseUrl);
-        eventSource.onmessage = (sseEvent) => {
-            try {
-                const update = JSON.parse(sseEvent.data);
-                const type = update.type;
-                if (type === 'ping' || type === 'timeout') {
-                    if (type === 'timeout') {
-                        eventSource.close();
-                    }
-                    return;
-                }
-                if (type === 'error') {
-                    eventSource.close();
-                    iframe?.contentWindow?.postMessage({
-                        type: 'streamJobRes',
-                        reqId,
-                        error: true,
-                        result: { message: update.error || 'SSE error' }
-                    }, '*');
-                    return;
-                }
-                if (type === 'not_found') {
-                    eventSource.close();
-                    iframe?.contentWindow?.postMessage({
-                        type: 'streamJobRes',
-                        reqId,
-                        error: true,
-                        result: { message: 'Job not found' }
-                    }, '*');
-                    return;
-                }
-                // Send stream update if there's new stream data
-                if (update.new_result_stream !== undefined) {
-                    iframe?.contentWindow?.postMessage({
-                        type: 'streamJobUpdate',
-                        reqId,
-                        new_result_stream: update.new_result_stream,
-                        stream_offset: update.stream_offset
-                    }, '*');
-                }
-                // Check if job is completed
-                if (update.completed) {
-                    eventSource.close();
-                    iframe?.contentWindow?.postMessage({
-                        type: 'streamJobRes',
-                        reqId,
-                        error: false,
-                        result: update.only_result
-                    }, '*');
-                }
-            }
-            catch (parseErr) {
-                console.warn('Failed to parse SSE data:', parseErr);
-            }
-        };
-        eventSource.onerror = (error) => {
-            console.warn('SSE stream error:', error);
-            eventSource.close();
-            iframe?.contentWindow?.postMessage({
-                type: 'streamJobRes',
-                reqId,
-                error: true,
-                result: { message: 'SSE connection error' }
-            }, '*');
-        };
-    }
 };
 </script>