diff --git a/orchestrator/src/client/components/ghostwriter/GhostwriterDrawer.tsx b/orchestrator/src/client/components/ghostwriter/GhostwriterDrawer.tsx index bf8382b..eeee66a 100644 --- a/orchestrator/src/client/components/ghostwriter/GhostwriterDrawer.tsx +++ b/orchestrator/src/client/components/ghostwriter/GhostwriterDrawer.tsx @@ -48,7 +48,8 @@ export const GhostwriterDrawer: React.FC = ({ Ghostwriter The Ghostwriter will use the context of this job and your resume, - along with your writing style to help you craft the perfect message. + along with your writing style to help you craft the perfect + message. diff --git a/orchestrator/src/client/components/ghostwriter/MessageList.tsx b/orchestrator/src/client/components/ghostwriter/MessageList.tsx index 3e53472..f62f637 100644 --- a/orchestrator/src/client/components/ghostwriter/MessageList.tsx +++ b/orchestrator/src/client/components/ghostwriter/MessageList.tsx @@ -14,8 +14,8 @@ export const MessageList: React.FC = ({ streamingMessageId, }) => { return ( -
- {messages.length > 0 && ( +
+ {messages.length > 0 && messages.map((message) => { const isUser = message.role === "user"; const isActiveStreaming = @@ -32,7 +32,7 @@ export const MessageList: React.FC = ({ : "border-border/60 bg-background" }`} > -
+
{isUser ? "You" : `Ghostwriter${message.version > 1 ? ` v${message.version}` : ""}`} @@ -40,15 +40,14 @@ export const MessageList: React.FC = ({ {isActiveStreaming ? ( ) : ( -
+
{message.content || (message.role === "assistant" ? "..." : "")}
)}
); - }) - )} + })}
); };