jd hidden by default

This commit is contained in:
DaKheera47
2026-01-15 23:00:55 +00:00
parent adecdcd949
commit 38ba2ee9f4
@@ -257,6 +257,7 @@ const TailorMode: React.FC<TailorModeProps> = ({
const [draftStatus, setDraftStatus] = useState< const [draftStatus, setDraftStatus] = useState<
"unsaved" | "saving" | "saved" "unsaved" | "saving" | "saved"
>("saved"); >("saved");
const [showDescription, setShowDescription] = useState(false);
// Load project catalog // Load project catalog
useEffect(() => { useEffect(() => {
@@ -458,10 +459,25 @@ const TailorMode: React.FC<TailorModeProps> = ({
</Button> </Button>
</div> </div>
{/* Job Description */} {/* Job Description - collapsible */}
<div className='space-y-2'> <div className='space-y-2'>
<label className='text-xs font-medium text-muted-foreground'> <button
Job Description (Edit to help AI tailoring) type='button'
onClick={() => setShowDescription(!showDescription)}
className='flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors w-full'
>
{showDescription ? (
<ChevronUp className='h-3.5 w-3.5' />
) : (
<ChevronDown className='h-3.5 w-3.5' />
)}
{showDescription ? "Hide" : "Edit"} job description
</button>
{showDescription && (
<div className='space-y-1'>
<label className='text-[10px] font-medium text-muted-foreground/70'>
Edit to help AI tailoring
</label> </label>
<textarea <textarea
className='w-full min-h-[120px] max-h-[250px] rounded-lg border border-border/60 bg-background/50 px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground/50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50' className='w-full min-h-[120px] max-h-[250px] rounded-lg border border-border/60 bg-background/50 px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground/50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50'
@@ -471,6 +487,8 @@ const TailorMode: React.FC<TailorModeProps> = ({
disabled={isGenerating || isFinalizing} disabled={isGenerating || isFinalizing}
/> />
</div> </div>
)}
</div>
{/* Tailored Summary */} {/* Tailored Summary */}
<div className='space-y-2'> <div className='space-y-2'>