windmill-components 1.511.1 → 1.531.0

package/package/components/FlowJobResult.svelte

@@ -1,59 +1,10 @@
 <script lang="ts">import { Loader2 } from 'lucide-svelte';
 import DisplayResult from './DisplayResult.svelte';
 import LogViewer from './LogViewer.svelte';
-import { JobService } from '../gen';
-import { workspaceStore } from '../stores';
-import DrawerContent from './common/drawer/DrawerContent.svelte';
-import { Drawer } from './common';
-import AllFlowLogs from './AllFlowLogs.svelte';
-import { untrack } from 'svelte';
-let { waitingForExecutor = false, result, logs = $bindable(), col = false, noBorder = false, loading, filename = undefined, jobId = undefined, tag = undefined, workspaceId = undefined, refreshLog = false, durationStates, downloadLogs = true, tagLabel = undefined } = $props();
-let lastJobId = $state(undefined);
-let drawer = $state(undefined);
-let iteration = 0;
-let logOffset = 0;
-async function diffJobId() {
-    if (jobId != lastJobId) {
-        lastJobId = jobId;
-        logs = undefined;
-        logOffset = 0;
-        iteration = 0;
-        getLogs();
-    }
-}
-async function getLogs() {
-    iteration += 1;
-    if (jobId) {
-        const getUpdate = await JobService.getJobUpdates({
-            workspace: workspaceId ?? $workspaceStore,
-            id: jobId,
-            running: loading ?? false,
-            logOffset: logOffset == 0 ? (logs?.length ? logs?.length + 1 : 0) : logOffset
-        });
-        logs = (logs ?? '').concat(getUpdate.new_logs ?? '');
-        logOffset = getUpdate.log_offset ?? 0;
-    }
-    if (refreshLog) {
-        setTimeout(() => {
-            if (refreshLog) {
-                getLogs();
-            }
-        }, iteration < 10 ? 1000 : iteration < 20 ? 2000 : 5000);
-    }
-}
-$effect(() => {
-    jobId;
-    untrack(() => {
-        jobId != lastJobId && diffJobId();
-    });
-});
+import AiAgentLogViewer from './AIAgentLogViewer.svelte';
+let { waitingForExecutor = false, result, result_stream, logs, col = false, noBorder = false, loading, filename = undefined, jobId = undefined, tag = undefined, workspaceId = undefined, downloadLogs = true, tagLabel = undefined, aiAgentStatus = undefined } = $props();
 </script>
 
-<Drawer bind:this={drawer}>
-	<DrawerContent title="Explore all steps' logs" on:close={drawer.closeDrawer}
-		><AllFlowLogs states={durationStates} /></DrawerContent
-	>
-</Drawer>
 <div
 	class:border={!noBorder}
 	class="grid {!col
@@ -62,8 +13,8 @@ $effect(() => {
 >
 	<div class="bg-surface {col ? '' : 'max-h-80'} p-1 overflow-auto relative">
 		<span class="text-tertiary">Result</span>
-		{#if result !== undefined}
-			<DisplayResult {workspaceId} {jobId} {filename} {result} />
+		{#if result !== undefined || result_stream !== undefined}
+			<DisplayResult {workspaceId} {jobId} {filename} {result} {result_stream} growVertical />
 		{:else if loading}
 			<Loader2 class="animate-spin" />
 		{:else}
@@ -71,16 +22,17 @@ $effect(() => {
 		{/if}
 	</div>
 	<div class="overflow-auto {col ? '' : 'max-h-80'} relative">
-		<div class="absolute z-40 text-xs top-0 left-1"
-			><button class="" onclick={drawer.openDrawer}>explore all steps' logs</button></div
-		>
-		<LogViewer
-			{tagLabel}
-			download={downloadLogs}
-			content={logs ?? ''}
-			{jobId}
-			isLoading={waitingForExecutor}
-			{tag}
-		/>
+		{#if aiAgentStatus}
+			<AiAgentLogViewer {...aiAgentStatus} {workspaceId} />
+		{:else}
+			<LogViewer
+				{tagLabel}
+				download={downloadLogs}
+				content={logs ?? ''}
+				{jobId}
+				isLoading={waitingForExecutor}
+				{tag}
+			/>
+		{/if}
 	</div>
 </div>

package/package/components/FlowJobResult.svelte.d.ts

@@ -1,8 +1,8 @@
-import type { DurationStatus } from './graph';
-import type { Writable } from 'svelte/store';
+import type { CompletedJob, FlowModule, Job } from '../gen';
 interface Props {
     waitingForExecutor?: boolean;
     result: any;
+    result_stream?: string;
     logs: string | undefined;
     col?: boolean;
     noBorder?: boolean;
@@ -12,10 +12,17 @@ interface Props {
     tag?: string | undefined;
     workspaceId?: string | undefined;
     refreshLog?: boolean;
-    durationStates: Writable<Record<string, DurationStatus>> | undefined;
     downloadLogs?: boolean;
     tagLabel?: string | undefined;
+    aiAgentStatus?: {
+        tools: FlowModule[];
+        agentJob: Partial<CompletedJob> & Pick<CompletedJob, 'id'> & {
+            type: 'CompletedJob';
+        };
+        storedToolCallJobs?: Record<number, Job>;
+        onToolJobLoaded?: (job: Job, idx: number) => void;
+    };
 }
-declare const FlowJobResult: import("svelte").Component<Props, {}, "logs">;
+declare const FlowJobResult: import("svelte").Component<Props, {}, "">;
 type FlowJobResult = ReturnType<typeof FlowJobResult>;
 export default FlowJobResult;