diff --git a/apps/agent/entrypoints/app/create-graph/GraphChat.tsx b/apps/agent/entrypoints/app/create-graph/GraphChat.tsx index 8670bd38f..4542f49af 100644 --- a/apps/agent/entrypoints/app/create-graph/GraphChat.tsx +++ b/apps/agent/entrypoints/app/create-graph/GraphChat.tsx @@ -162,7 +162,9 @@ export const GraphChat: FC = ({ value={input} onChange={(e) => onInputChange(e.target.value)} onKeyDown={handleKeyDown} - placeholder={'Describe your workflow...'} + placeholder={ + 'Visit Amazon and add sensodyne toothpaste to the cart.' + } rows={1} /> {status === 'streaming' ? ( diff --git a/apps/agent/entrypoints/sidepanel/index/ChatMessages.tsx b/apps/agent/entrypoints/sidepanel/index/ChatMessages.tsx index 7da442fc6..89871e7ae 100644 --- a/apps/agent/entrypoints/sidepanel/index/ChatMessages.tsx +++ b/apps/agent/entrypoints/sidepanel/index/ChatMessages.tsx @@ -1,5 +1,4 @@ import type { UIMessage } from 'ai' -import { compact } from 'es-toolkit/compat' import { Bot } from 'lucide-react' import { type FC, Fragment, type RefObject } from 'react' import { @@ -65,17 +64,13 @@ export const ChatMessages: FC = ({ isLastMessage, isStreaming, ) - const toolBatches = - segments?.filter((s) => s.type === 'tool-batch') ?? [] + const toolBatches = segments.filter((s) => s.type === 'tool-batch') const lastToolBatchKey = toolBatches[toolBatches.length - 1]?.key - const messageText = - segments - ?.filter((each) => each.type === 'text') - ?.map((each) => each.text) - ?.join('\n\n') ?? '' - - const lastText = compact(messageText.split('\n\n')).at(-1) ?? '' + const messageText = segments + ?.filter((each) => each.type === 'text') + ?.map((each) => each.text) + ?.join('\n\n') const likeAction = () => onClickLike(message.id) const dislikeAction = (comment?: string) => @@ -85,11 +80,7 @@ export const ChatMessages: FC = ({ - {message.role === 'assistant' ? ( - - {lastText} - - ) : action ? ( + {action ? ( ) : ( segments.map((segment) => {