diff --git a/orchestrator/src/client/components/ghostwriter/GhostwriterDrawer.tsx b/orchestrator/src/client/components/ghostwriter/GhostwriterDrawer.tsx index e377130..bf8382b 100644 --- a/orchestrator/src/client/components/ghostwriter/GhostwriterDrawer.tsx +++ b/orchestrator/src/client/components/ghostwriter/GhostwriterDrawer.tsx @@ -47,7 +47,8 @@ export const GhostwriterDrawer: React.FC = ({ Ghostwriter - {job && `${job.title} at ${job.employer}.`} + The Ghostwriter will use the context of this job and your resume, + 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 92abb40..3e53472 100644 --- a/orchestrator/src/client/components/ghostwriter/MessageList.tsx +++ b/orchestrator/src/client/components/ghostwriter/MessageList.tsx @@ -14,13 +14,8 @@ export const MessageList: React.FC = ({ streamingMessageId, }) => { return ( -
- {messages.length === 0 ? ( -
- Ask for interview prep, response drafts, or application strategy for - this job. -
- ) : ( +
+ {messages.length > 0 && ( messages.map((message) => { const isUser = message.role === "user"; const isActiveStreaming = @@ -37,7 +32,7 @@ export const MessageList: React.FC = ({ : "border-border/60 bg-background" }`} > -
+
{isUser ? "You" : `Ghostwriter${message.version > 1 ? ` v${message.version}` : ""}`} @@ -45,7 +40,7 @@ export const MessageList: React.FC = ({ {isActiveStreaming ? ( ) : ( -
+
{message.content || (message.role === "assistant" ? "..." : "")}