ilia/Jobber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

formatting

Browse Source
This commit is contained in:
DaKheera47 2026-02-15 21:06:39 +00:00
parent bd3edcaae5
commit ac7eca190a
2 changed files with 17 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
orchestrator/src/client/components/ghostwriter/GhostwriterDrawer.tsx
View File

@ -26,27 +26,24 @@ export const GhostwriterDrawer: React.FC<GhostwriterDrawerProps> = ({
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
return ( return (
<Sheet <Sheet open={open} onOpenChange={setOpen}>
open={open}
onOpenChange={setOpen}
>
<SheetTrigger asChild> <SheetTrigger asChild>
<Button <Button
size='sm' size="sm"
variant='outline' variant="outline"
className={cn("h-8 gap-1.5 text-xs", triggerClassName)} className={cn("h-8 gap-1.5 text-xs", triggerClassName)}
disabled={!job} disabled={!job}
> >
<PanelRightOpen className='h-3.5 w-3.5' /> <PanelRightOpen className="h-3.5 w-3.5" />
Ghostwriter Ghostwriter
</Button> </Button>
</SheetTrigger> </SheetTrigger>
<SheetContent <SheetContent
side='right' side="right"
className='flex w-full flex-col p-0 sm:max-w-none lg:w-[50vw] xl:w-[40vw] 2xl:w-[30vw]' className="flex w-full flex-col p-0 sm:max-w-none lg:w-[50vw] xl:w-[40vw] 2xl:w-[30vw]"
> >
<div className='border-b border-border/50 p-4'> <div className="border-b border-border/50 p-4">
<SheetHeader> <SheetHeader>
<SheetTitle>Ghostwriter</SheetTitle> <SheetTitle>Ghostwriter</SheetTitle>
<SheetDescription> <SheetDescription>
@ -56,7 +53,7 @@ export const GhostwriterDrawer: React.FC<GhostwriterDrawerProps> = ({
</div> </div>
{job && ( {job && (
<div className='flex min-h-0 flex-1 p-4 pt-0'> <div className="flex min-h-0 flex-1 p-4 pt-0">
<GhostwriterPanel job={job} /> <GhostwriterPanel job={job} />
</div> </div>
)} )}

18
orchestrator/src/client/components/ghostwriter/GhostwriterPanel.tsx
View File

@ -236,20 +236,20 @@ export const GhostwriterPanel: React.FC<GhostwriterPanelProps> = ({ job }) => {
}, [isStreaming, job.id, loadMessages, messages, onStreamEvent]); }, [isStreaming, job.id, loadMessages, messages, onStreamEvent]);
return ( return (
<div className='flex h-full min-h-0 flex-1 flex-col'> <div className="flex h-full min-h-0 flex-1 flex-col">
<div <div
ref={messageListRef} ref={messageListRef}
className='min-h-0 flex-1 overflow-y-auto border-b border-border/50 pb-3 pr-1' className="min-h-0 flex-1 overflow-y-auto border-b border-border/50 pb-3 pr-1"
> >
{messages.length === 0 && !isLoading ? ( {messages.length === 0 && !isLoading ? (
<div className='flex h-full min-h-[260px] justify-center px-3 flex-col text-left'> <div className="flex h-full min-h-[260px] justify-center px-3 flex-col text-left">
<h4 className='font-medium'> <h4 className="font-medium">
{job.title} at {job.employer} {job.title} at {job.employer}
</h4> </h4>
<p className='mt-2 text-sm leading-relaxed text-muted-foreground'> <p className="mt-2 text-sm leading-relaxed text-muted-foreground">
Ghostwriter already has this job description, your resume and your writing style preferences. Ask for Ghostwriter already has this job description, your resume and your
tailored response drafts, or concise role-fit writing style preferences. Ask for tailored response drafts, or
talking points. concise role-fit talking points.
</p> </p>
</div> </div>
) : ( ) : (
@ -261,7 +261,7 @@ export const GhostwriterPanel: React.FC<GhostwriterPanelProps> = ({ job }) => {
)} )}
</div> </div>
<div className='mt-4'> <div className="mt-4">
<Composer <Composer
disabled={isLoading || isStreaming} disabled={isLoading || isStreaming}
isStreaming={isStreaming} isStreaming={isStreaming}