+ Secure storage for API keys and credentials used by AI automations +
+{displayResult}
+ Error prompting for information
+{errorText}
+Information provided successfully
+The automation can now continue with this information.
++ {infoData?.reason || 'Please provide the following information to continue.'} +
+{field.description}
+ )} +Error prompting for secret
+{errorText}
+Secret "{finalSecretName}" added successfully
+The automation can now use this secret.
++ {secretData?.reason || 'This automation needs a secret to continue.'} +
++ Use uppercase letters, numbers, and underscores only +
+ )} ++ This value will be encrypted and stored securely +
+{output.summary}
+{logContent(command)}
+ );
+}
+
+function logContent(command: Command) {
+ const date = new Date(command.startedAt).toLocaleTimeString('en-US', {
+ hour12: false,
+ hour: '2-digit',
+ minute: '2-digit',
+ second: '2-digit',
+ });
+
+ const line = `${command.command} ${command.args.join(' ')}`;
+ const body = command.logs?.map((log) => log.data).join('') || '';
+ return `[${date}] ${line}\n${body}`;
+}
+
+const logSchema = z.object({
+ data: z.string(),
+ stream: z.enum(['stdout', 'stderr']),
+ timestamp: z.number(),
+});
+
+async function* getCommandLogs(sandboxId: string, cmdId: string) {
+ const response = await fetch(`/api/tasks-automations/sandboxes/${sandboxId}/cmds/${cmdId}/logs`, {
+ headers: { 'Content-Type': 'application/json' },
+ });
+
+ const reader = response.body!.getReader();
+ const decoder = new TextDecoder();
+ let line = '';
+ while (true) {
+ const { done, value } = await reader.read();
+ if (done) break;
+
+ line += decoder.decode(value, { stream: true });
+ const lines = line.split('\n');
+ for (let i = 0; i < lines.length - 1; i++) {
+ if (lines[i]) {
+ const logEntry = JSON.parse(lines[i]);
+ yield logSchema.parse(logEntry);
+ }
+ }
+ line = lines[lines.length - 1];
+ }
+}
+
+const cmdSchema = z.object({
+ sandboxId: z.string(),
+ cmdId: z.string(),
+ startedAt: z.number(),
+ exitCode: z.number().optional(),
+});
+
+async function getCommand(sandboxId: string, cmdId: string) {
+ const response = await fetch(`/api/tasks-automations/sandboxes/${sandboxId}/cmds/${cmdId}`);
+ const json = await response.json();
+ return cmdSchema.parse(json);
+}
diff --git a/apps/app/src/app/(app)/[orgId]/tasks/[taskId]/automation/components/commands-logs/commands-logs-stream.tsx b/apps/app/src/app/(app)/[orgId]/tasks/[taskId]/automation/components/commands-logs/commands-logs-stream.tsx
new file mode 100644
index 000000000..27a6c00c0
--- /dev/null
+++ b/apps/app/src/app/(app)/[orgId]/tasks/[taskId]/automation/components/commands-logs/commands-logs-stream.tsx
@@ -0,0 +1,92 @@
+'use client';
+
+import { useEffect, useRef } from 'react';
+import stripAnsi from 'strip-ansi';
+import z from 'zod/v3';
+import { useSandboxStore } from '../../state';
+
+type StreamingCommandLogs = Record
+ {`[${date}] ${line}\n${body}`}
+
+ );
+ })}
+
+ {typedText}
+
+
+ {sparks.map((s) => (
+
+ ))}
+
+ {children}
+
+ ) : (
+
+ {children}
+
+ );
+ },
+ pre: ({ children, ...props }) => (
+
+ {children}
+
+ ),
+ h1: ({ children, ...props }) => (
+ + {children} +
+ ), + blockquote: ({ children, ...props }) => ( ++ {children} ++ ), + }), + [], + ); + + return ( +
+ This is a demo of an end-to-end coding platform where the user can + enter text prompts, and the agent will create a full stack application. +
+
+ It uses Vercel"s AI Cloud services like{' '}
+
+ Automatically detects and fixes errors in generated code. +
++ With GPT-5, you can request higher reasoning effort level. +
+Loading editor...
+Loading code...
+No code to display
++ Chat with the AI assistant to build your automation workflow +
+No workflow steps found
++ We're testing your script in a secure environment. This usually takes 15-30 seconds. +
++ {result.status === 'success' + ? 'Your automation ran successfully without any errors.' + : 'There was an issue running your automation. Please check the output and logs below to understand what went wrong.'} +
++ {result.status === 'success' + ? 'View the output to see the results.' + : 'Check the output and logs below to understand what went wrong.'} +
+ + {/* Quick Actions */} +
+ {result.data !== undefined && result.data !== null
+ ? JSON.stringify(result.data, null, 2)
+ : result.status === 'success'
+ ? '// No output returned'
+ : '// Execution failed'}
+
+ )}
+
+ {/* Logs Content */}
+ {showLogs && result.logs && result.logs.length > 0 && (
+
+ {result.logs.join('\n')}
+
+ )}
+ + {step.description} +
+Analyzing your automation...
+{task.description}
+ )} +