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

ghostwriter button placement

Browse Source
This commit is contained in:
DaKheera47 2026-02-15 20:40:55 +00:00
parent 2e76235e13
commit 06dfda996c
2 changed files with 26 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -26,24 +26,27 @@ export const GhostwriterDrawer: React.FC<GhostwriterDrawerProps> = ({
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
return ( return (
<Sheet open={open} onOpenChange={setOpen}> <Sheet
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="h-8 gap-1.5 text-xs"
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="w-full p-0 sm:max-w-none lg:w-[50vw] xl:w-[40vw] 2xl:w-[30vw]" className='w-full 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="h-full overflow-y-auto p-4">
<SheetHeader> <SheetHeader>
<SheetTitle>Ghostwriter</SheetTitle> <SheetTitle>Ghostwriter</SheetTitle>
<SheetDescription> <SheetDescription>
@ -52,13 +55,12 @@ export const GhostwriterDrawer: React.FC<GhostwriterDrawerProps> = ({
message. message.
</SheetDescription> </SheetDescription>
</SheetHeader> </SheetHeader>
</div>
{job && ( {job && (
<div className="flex min-h-0 flex-1 p-4 pt-0"> <div className="mt-4">
<GhostwriterPanel job={job} /> <GhostwriterPanel job={job} />
</div> </div>
)} )}
</div>
</SheetContent> </SheetContent>
</Sheet> </Sheet>
); );

11
orchestrator/src/client/pages/orchestrator/JobDetailPanel.tsx
View File

@ -39,7 +39,6 @@ import {
JobHeader, JobHeader,
TailoredSummary, TailoredSummary,
} from "../../components"; } from "../../components";
import { GhostwriterDrawer } from "../../components/ghostwriter/GhostwriterDrawer";
import { JobDetailsEditDrawer } from "../../components/JobDetailsEditDrawer"; import { JobDetailsEditDrawer } from "../../components/JobDetailsEditDrawer";
import { ReadyPanel } from "../../components/ReadyPanel"; import { ReadyPanel } from "../../components/ReadyPanel";
import { TailoringEditor } from "../../components/TailoringEditor"; import { TailoringEditor } from "../../components/TailoringEditor";
@ -311,33 +310,23 @@ export const JobDetailPanel: React.FC<JobDetailPanelProps> = ({
if (activeTab === "discovered") { if (activeTab === "discovered") {
return ( return (
<div className="space-y-3">
<div className="flex justify-end">
<GhostwriterDrawer job={selectedJob} />
</div>
<DiscoveredPanel <DiscoveredPanel
job={selectedJob} job={selectedJob}
onJobUpdated={onJobUpdated} onJobUpdated={onJobUpdated}
onJobMoved={handleJobMoved} onJobMoved={handleJobMoved}
onTailoringDirtyChange={handleTailoringDirtyChange} onTailoringDirtyChange={handleTailoringDirtyChange}
/> />
</div>
); );
} }
if (activeTab === "ready") { if (activeTab === "ready") {
return ( return (
<div className="space-y-3">
<div className="flex justify-end">
<GhostwriterDrawer job={selectedJob} />
</div>
<ReadyPanel <ReadyPanel
job={selectedJob} job={selectedJob}
onJobUpdated={onJobUpdated} onJobUpdated={onJobUpdated}
onJobMoved={handleJobMoved} onJobMoved={handleJobMoved}
onTailoringDirtyChange={handleTailoringDirtyChange} onTailoringDirtyChange={handleTailoringDirtyChange}
/> />
</div>
); );
} }