diff --git a/orchestrator/src/client/components/ghostwriter/GhostwriterDrawer.tsx b/orchestrator/src/client/components/ghostwriter/GhostwriterDrawer.tsx index e7b8610..99dd6cc 100644 --- a/orchestrator/src/client/components/ghostwriter/GhostwriterDrawer.tsx +++ b/orchestrator/src/client/components/ghostwriter/GhostwriterDrawer.tsx @@ -26,36 +26,37 @@ export const GhostwriterDrawer: React.FC = ({ const [open, setOpen] = useState(false); return ( - + -
- +
+ 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. + {job && `${job.title} at ${job.employer}.`}
{job && ( -
+
)} diff --git a/orchestrator/src/client/components/ghostwriter/GhostwriterPanel.tsx b/orchestrator/src/client/components/ghostwriter/GhostwriterPanel.tsx index 4fa0167..58fb240 100644 --- a/orchestrator/src/client/components/ghostwriter/GhostwriterPanel.tsx +++ b/orchestrator/src/client/components/ghostwriter/GhostwriterPanel.tsx @@ -236,19 +236,32 @@ export const GhostwriterPanel: React.FC = ({ job }) => { }, [isStreaming, job.id, loadMessages, messages, onStreamEvent]); return ( -
+
- + {messages.length === 0 && !isLoading ? ( +
+

+ {job.title} at {job.employer} +

+

+ Ghostwriter already has this job description, your resume and your writing style preferences. Ask for + tailored response drafts, or concise role-fit + talking points. +

+
+ ) : ( + + )}
-
+