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

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

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

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

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