https://careerdiary.io/assets/InterviewPrepPage-D_XJhU9H.js

1import{r,j as e,R as $}from"./animation-CddyXVCz.js";import{N as Q,h as M,B as N,O as Y,S as G,r as J,Q as K,u as L,R as _,V as z,D as U,p as V,W as D,Y as H}from"./index-CGKNpi9E.js";import{u as O,W as X}from"./WriteBackOfferCard-BUKUjLaL.js";import{s as Z}from"./writeBackOffers-CZMm9dHV.js";import{P as ee}from"./ProGate-BWEPDFOZ.js";import{d as te,P as se}from"./PersonalizedEmptyState-DHLu2vFE.js";import"./react-vendor-CbN3pvl2.js";import"./supabase-iKSPld20.js";import"./docgen-Bp8WKBAE.js";import"./query-DPqpbKNH.js";import"./handoffSuggestions-raELPsOv.js";const ae=({stories:i,onToggleReady:E,onUpdateStory:f,userName:j})=>{const g=Q(),[c,h]=r.useState(""),[m,y]=r.useState("all"),[B,u]=r.useState(null),[A,k]=r.useState(null),[w,b]=r.useState(""),[d,S]=r.useState({}),[o,C]=r.useState({}),q=r.useMemo(()=>["all",...Array.from(new Set(i.flatMap(t=>t.competencies)))],[i]),I=r.useMemo(()=>{const t=c.trim().toLowerCase();return i.filter(l=>{const R=m==="all"||l.competencies.includes(m),n=!t||`${l.description} ${l.jobTitle} ${l.company}`.toLowerCase().includes(t);return R&&n})},[m,c,i]),F=async t=>{if(d[t.id]){u(t.id);return}C(l=>({...l,[t.id]:!0}));try{const l=await K(t.description,t.jobTitle,t.company,j);S(R=>({...R,[t.id]:l})),u(t.id)}catch(l){g.error("STAR generation failed",l instanceof Error?l.message:"Try again in a moment.")}finally{C(l=>({...l,[t.id]:!1}))}};return e.jsxs("div",{className:"space-y-6",children:[e.jsx(M,{variant:"glass",className:"space-y-4",children:e.jsxs("div",{className:"flex flex-col gap-4 md:flex-row md:items-center md:justify-between",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-xl font-semibold text-[var(--text-primary)]",children:"STAR Story Bank"}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:"Filter your strongest stories by competency and mark the ones you can tell cold."})]}),e.jsxs("div",{className:"grid gap-3 sm:grid-cols-2",children:[e.jsx("input",{value:c,onChange:t=>h(t.target.value),placeholder:"Search stories",className:"rounded-xl border border-[var(--border-default)] bg-white px-4 py-3 text-sm dark:bg-slate-900"}),e.jsx("select",{value:m,onChange:t=>y(t.target.value),className:"rounded-xl border border-[var(--border-default)] bg-white px-4 py-3 text-sm dark:bg-slate-900",children:q.map(t=>e.jsx("option",{value:t,children:t==="all"?"All competencies":t},t))})]})]})}),e.jsxs("div",{className:"grid gap-4",children:[I.map(t=>{const l=d[t.id],R=B===t.id,n=A===t.id;return e.jsxs(M,{variant:"glass",className:"space-y-4",children:[e.jsxs("div",{className:"flex flex-col gap-4 md:flex-row md:items-start md:justify-between",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex flex-wrap gap-2",children:[t.competencies.map(x=>e.jsx("span",{className:"rounded-full bg-blue-500/10 px-3 py-1 text-xs font-semibold text-blue-700 dark:text-blue-300",children:x},x)),t.interviewReady&&e.jsx("span",{className:"rounded-full bg-emerald-500/10 px-3 py-1 text-xs font-semibold text-emerald-700 dark:text-emerald-300",children:"Interview ready"})]}),e.jsxs("div",{children:[e.jsxs("p",{className:"text-sm font-semibold text-[var(--text-primary)]",children:[t.jobTitle," at ",t.company]}),n?e.jsx("textarea",{value:w,onChange:x=>b(x.target.value),rows:5,className:"mt-3 w-full rounded-2xl border border-[var(--border-default)] bg-white px-4 py-3 text-sm dark:bg-slate-900"}):e.jsx("p",{className:"mt-2 text-sm leading-6 text-[var(--text-secondary)]",children:t.description})]})]}),e.jsx("div",{className:"flex flex-wrap gap-2",children:n?e.jsxs(e.Fragment,{children:[e.jsx(N,{type:"button",variant:"primary",size:"sm",onClick:()=>{f(t.id,w),k(null)},children:"Save Story"}),e.jsx(N,{type:"button",variant:"ghost",size:"sm",onClick:()=>k(null),children:"Cancel"})]}):e.jsxs(e.Fragment,{children:[e.jsx(N,{type:"button",variant:"ghost",size:"sm",leftIcon:e.jsx(Y,{className:"h-4 w-4"}),onClick:()=>{k(t.id),b(t.description)},children:"Edit"}),e.jsx(N,{type:"button",variant:"outline",size:"sm",leftIcon:e.jsx(G,{className:"h-4 w-4"}),onClick:()=>{F(t)},disabled:o[t.id],children:o[t.id]?"Generating...":l?"View STAR":"Generate STAR"}),e.jsx(N,{type:"button",variant:t.interviewReady?"primary":"ghost",size:"sm",leftIcon:e.jsx(J,{className:"h-4 w-4"}),onClick:()=>

1E(t.id),children:t.interviewReady?"Ready":"Mark Ready"})]})})]}),R&&l&&e.jsxs("div",{className:"grid gap-3 rounded-2xl bg-slate-50 p-4 dark:bg-slate-900/70 md:grid-cols-2",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-semibold uppercase tracking-[0.2em] text-slate-500",children:"Situation"}),e.jsx("p",{className:"mt-2 text-sm text-[var(--text-secondary)]",children:l.situation})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-semibold uppercase tracking-[0.2em] text-slate-500",children:"Task"}),e.jsx("p",{className:"mt-2 text-sm text-[var(--text-secondary)]",children:l.task})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-semibold uppercase tracking-[0.2em] text-slate-500",children:"Action"}),e.jsx("p",{className:"mt-2 text-sm text-[var(--text-secondary)]",children:l.action})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-semibold uppercase tracking-[0.2em] text-slate-500",children:"Result"}),e.jsx("p",{className:"mt-2 text-sm text-[var(--text-secondary)]",children:l.result})]})]})]},t.id)}),!I.length&&e.jsx(M,{variant:"glass",children:e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:"No stories matched that filter. Add more accomplishments in your diary or try a different competency."})})]})]})},re=({stories:i,defaultRole:E,userName:f})=>{const j=Q(),{actions:g}=L(),[c,h]=r.useState(E),[m,y]=r.useState(""),[B,u]=r.useState(""),[A,k]=r.useState([]),[w,b]=r.useState(0),[d,S]=r.useState(""),[o,C]=r.useState(null),[q,I]=r.useState(!1),[F,t]=r.useState(!1),{wasBackgrounded:l,reset:R}=O(q||F),n=A[w],x=r.useMemo(()=>Z({question:(n==null?void 0:n.question)||"",answer:d}),[n==null?void 0:n.question,d,c]),T=$.useCallback(async()=>{if(!n)return!1;try{return await g.handleAcceptAccomplishments([{id:`acc_interview_${Date.now()}`,description:d.trim(),skills:n.competency?[n.competency]:[],source:"Manual",suggestedTitle:n.question,...o?{situationOrProblem:o.starAssessment.situation,taskOrGoal:o.starAssessment.task,actionTaken:o.starAssessment.action,resultAchieved:o.starAssessment.result}:{}}]),!0}catch{return j.error("Could not save that answer","Please try again in a moment."),!1}},[n,d,o,g,j]),p=r.useMemo(()=>n?i.filter(s=>s.competencies.includes(n.competency)).slice(0,3):[],[n,i]),v=async()=>{I(!0),C(null);try{const s=await _({targetRole:c,company:m,competencyFocus:B,userName:f});k(s.questions),b(0),S("")}catch(s){j.error("Question generation failed",s instanceof Error?s.message:"Try again in a moment.")}finally{I(!1)}},a=async()=>{if(!(!n||!d.trim())){t(!0);try{const s=await z({question:n.question,answer:d,targetRole:c,company:m,competencyFocus:n.competency,userName:f});C(s)}catch(s){j.error("Feedback failed",s instanceof Error?s.message:"Try again in a moment.")}finally{t(!1)}}};return e.jsxs("div",{className:"grid gap-6 xl:grid-cols-[minmax(0,1fr)_320px]",children:[e.jsxs("div",{className:"space-y-6",children:[l&&e.jsxs("div",{className:"rounded-xl border border-orange-200 bg-orange-50 dark:border-orange-900 dark:bg-orange-950/30 px-4 py-3 flex items-start gap-3",children:[e.jsxs("div",{className:"flex-1 space-y-0.5",children:[e.jsx("p",{className:"text-sm font-semibold text-orange-800 dark:text-orange-200",children:"You left this tab while we were working"}),e.jsx("p",{className:"text-xs text-orange-700 dark:text-orange-300 leading-relaxed",children:"Mobile browsers can interrupt long operations. If the result looks incomplete, try again."})]}),e.jsx("button",{onClick:R,"aria-label":"Dismiss warning",className:"text-orange-600 dark:text-orange-400 hover:text-orange-800 dark:hover:text-orange-200 text-sm",children:"✕"})]}),e.jsxs(M,{variant:"glass",className:"space-y-4",children:[e.jsxs("div",{className:"grid gap-4 md:grid-cols-3",children:[e.jsx("input",{value:c,onChange:s=>h(s.target.value),placeholder:"Target role",className:"rounded-xl border border-[var(--border-default)] bg-white px-4 py-3 text-sm dark:bg-slate-900"}),e.jsx("input",{value:m,onChange:s=>y(s.target.value),placeholder:"Target company (optional)",className:"rounded-xl border border-[var(--border-default)] bg-white px-4 py-3 text-sm dark:bg-slate-900"}),e.jsx("input",{value:B,onChange:s=>u(s.target.value),placeholder:"Competency focus (optional)",className:"rounded-xl border border-[var(--border-default)] bg-white px-4 py-3 text-sm dark:bg-slate-900"})]}),e.jsx("div",{className:"flex justify-end",children:e.jsx(N,{type:"button",variant:"primary",onClick:()=>{v()},disabled:q||!c.trim(),children:q?"Generating...":"Generate Questions"})})]}),e.jsx(M,{variant:"glass",className:"space-y-4",children:n?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsxs("p",{className:"text-xs font-semibold uppercase tracking-[0.2em] text-slate-500",children:["Question ",w+1," of ",A.length]}),e.jsx("p",{className:"mt-2 text-lg font-semibold text-[var(--text-primary)]",children:n.question})]}),e.jsx("span",{className:"rounded-full bg-indigo-500/10 px-3 py-1 text-xs font-semibold text-indigo-600 dark:text-indigo-300",children:n.competency})]}),e.jsx("textarea",{value:d,onChange:s=>S(s.target.value),rows:8,placeholder:"Draft your answer here...",className:"w-full rounded-2xl border border-[var(--border-default)] bg-white px-4 py-3 text-sm dark:bg-slate-900"}),e.jsxs("div",{className:"flex flex-wrap justify-between gap-3",children:[e.jsxs("div",{className:"flex gap-2",children:[e.jsx(N,{type:"button",variant:"ghost",onClick:()=>b(s=>Math.max(0,s-1)),disabled:w===0,children:"Previous"}),e.jsx(N,{type:"button",variant:"ghost",onClick:()=>{b(s=>Math.min(A.length-1,s+1)),C(null),S("")},disabled:w===A.length-1,children:"Next"})]}),e.jsx(N,{type:"button",variant:"primary",onClick:()=>{a()},disabled:F||!d.trim(),children:F?"Reviewing...":"Get AI Feedback"})]}

1),o&&e.jsxs("div",{className:"grid gap-4 rounded-2xl bg-slate-50 p-4 dark:bg-slate-900/70 md:grid-cols-2",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-semibold uppercase tracking-[0.2em] text-slate-500",children:"Score"}),e.jsx("p",{className:"mt-2 text-3xl font-bold text-blue-600 dark:text-blue-300",children:o.score})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-semibold uppercase tracking-[0.2em] text-slate-500",children:"STAR coverage"}),e.jsxs("p",{className:"mt-2 text-sm text-[var(--text-secondary)]",children:["Situation: ",o.starAssessment.situation,e.jsx("br",{}),"Task: ",o.starAssessment.task,e.jsx("br",{}),"Action: ",o.starAssessment.action,e.jsx("br",{}),"Result: ",o.starAssessment.result]})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-semibold uppercase tracking-[0.2em] text-slate-500",children:"Strengths"}),e.jsx("div",{className:"mt-2 space-y-2 text-sm text-[var(--text-secondary)]",children:o.strengths.map(s=>e.jsxs("p",{children:["• ",s]},s))})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-semibold uppercase tracking-[0.2em] text-slate-500",children:"Improve next"}),e.jsx("div",{className:"mt-2 space-y-2 text-sm text-[var(--text-secondary)]",children:o.improvements.map(s=>e.jsxs("p",{children:["• ",s]},s))})]})]}),e.jsx(X,{offer:x,audience:"user",onAccept:T,savedLabel:"Saved to your diary — it feeds your story bank and your next tailor"})]}):e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:"Generate a question set to start practicing."})})]}),e.jsxs(M,{variant:"glass",className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-semibold text-[var(--text-primary)]",children:"Suggested stories"}),e.jsx("p",{className:"mt-1 text-sm text-[var(--text-secondary)]",children:"Use your best matching diary examples for this prompt."})]}),e.jsx("div",{className:"space-y-3",children:p.length?p.map(s=>e.jsxs("div",{className:"rounded-2xl border border-[var(--border-default)] bg-slate-50 p-4 dark:bg-slate-900/70",children:[e.jsx("div",{className:"flex flex-wrap gap-2",children:s.competencies.map(P=>e.jsx("span",{className:"rounded-full bg-blue-500/10 px-2.5 py-1 text-[11px] font-semibold text-blue-600 dark:text-blue-300",children:P},P))}),e.jsxs("p",{className:"mt-3 text-sm font-semibold text-[var(--text-primary)]",children:[s.jobTitle," at ",s.company]}),e.jsx("p",{className:"mt-2 text-sm text-[var(--text-secondary)]",children:s.description})]},s.id)):e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:"No strong story match yet. Add accomplishments in your diary to improve suggestions."})})]})]})},ne=({stories:i,defaultRole:E,userName:f})=>{const j=Q(),[g,c]=r.useState(E),[h,m]=r.useState(30),[y,B]=r.useState([]),[u,A]=r.useState(0),[k,w]=r.useState(0),[b,d]=r.useState(""),[S,o]=r.useState(!1),[C,q]=r.useState(!1),[I,F]=r.useState(!1),[t,l]=r.useState([]),{wasBackgrounded:R,reset:n}=O(C||I);r.useEffect(()=>{if(!S||k<=0)return;const a=window.setInterval(()=>w(s=>Math.max(0,s-1)),1e3);return()=>window.clearInterval(a)},[S,k]);const x=r.useMemo(()=>t.length?Math.round(t.reduce((a,s)=>a+s.score,0)/t.length):0,[t]),T=async()=>{q(!0);try{const a=await _({targetRole:g,userName:f});B(a.questions.slice(0,6).map(s=>s.question)),A(0),l([]),d(""),w(h*60),o(!0)}catch(a){j.error("Mock interview failed to start",a instanceof Error?a.message:"Try again in a moment.")}finally{q(!1)}},p=async()=>{const a=y[u];if(!(!a||!b.trim())){F(!0);try{const s=await z({question:a,answer:b,targetRole:g,competencyFocus:"mock interview",userName:f});l(P=>[...P,{question:a,answer:b,score:s.score,improvements:s.improvements}]),d(""),u===y.length-1?o(!1):A(P=>P+1)}catch(s){j.error("Could not score answer",s instanceof Error?s.message:"Try again.")}finally{F(!1)}}},v=r.useMemo(()=>{var s;const a=((s=y[u])==null?void 0:s.toLowerCase())||"";return i.filter(P=>P.competencies.some(W=>a.includes(W.split("-")[0]))).slice(0,2)},[u,y,i]);return e.jsxs("div",{className:"grid gap-6 xl:grid-cols-[minmax(0,1fr)_320px]",children:[e.jsxs("div",{className:"space-y-6",children:[R&&e.jsxs("div",{className:"rounded-xl border border-orange-200 bg-orange-50 dark:border-orange-900 dark:bg-orange-950/30 px-4 py-3 flex items-start gap-3",children:[e.jsxs("div",{className:"flex-1 space-y-0.5",children:[e.jsx("p",{className:"text-sm font-semibold text-orange-800 dark:text-orange-200",children:"You left this tab while we were working"}),e.jsx("p",{className:"text-xs text-orange-700 dark:text-orange-300 leading-relaxed",children:"Mobile browsers can interrupt long operations. If the result looks incomplete, try again."})]}),e.jsx("button",{onClick:n,"aria-label":"Dismiss warning",className:"text-orange-600 dar

1k:text-orange-400 hover:text-orange-800 dark:hover:text-orange-200 text-sm",children:"✕"})]}),e.jsxs(M,{variant:"glass",className:"space-y-4",children:[e.jsxs("div",{className:"grid gap-4 md:grid-cols-[minmax(0,1fr)_180px_auto]",children:[e.jsx("input",{value:g,onChange:a=>c(a.target.value),placeholder:"Target role",className:"rounded-xl border border-[var(--border-default)] bg-white px-4 py-3 text-sm dark:bg-slate-900"}),e.jsx("select",{value:h,onChange:a=>m(Number(a.target.value)),className:"rounded-xl border border-[var(--border-default)] bg-white px-4 py-3 text-sm dark:bg-slate-900",children:[30,45,60].map(a=>e.jsxs("option",{value:a,children:[a," min"]},a))}),e.jsx(N,{type:"button",variant:"primary",onClick:()=>{T()},disabled:C||!g.trim(),children:C?"Starting...":S?"Restart Session":"Start Mock"})]}),e.jsxs("div",{className:"flex items-center justify-between rounded-2xl bg-slate-50 px-4 py-3 text-sm dark:bg-slate-900/70",children:[e.jsx("span",{className:"text-[var(--text-secondary)]",children:"Session timer"}),e.jsxs("span",{className:"font-semibold text-[var(--text-primary)]",children:[Math.floor(k/60).toString().padStart(2,"0"),":",(k%60).toString().padStart(2,"0")]})]})]}),S&&y[u]?e.jsxs(M,{variant:"glass",className:"space-y-4",children:[e.jsxs("p",{className:"text-xs font-semibold uppercase tracking-[0.2em] text-slate-500",children:["Question ",u+1," of ",y.length]}),e.jsx("h2",{className:"text-xl font-semibold text-[var(--text-primary)]",children:y[u]}),e.jsx("textarea",{value:b,onChange:a=>d(a.target.value),rows:8,className:"w-full rounded-2xl border border-[var(--border-default)] bg-white px-4 py-3 text-sm dark:bg-slate-900",placeholder:"Type your answer. Keep it concrete and measurable."}),e.jsx("div",{className:"flex justify-end",children:e.jsx(N,{type:"button",variant:"primary",onClick:()=>{p()},disabled:I||!b.trim(),children:I?"Scoring...":u===y.length-1?"Finish Session":"Submit & Next"})})]}):e.jsxs(M,{variant:"glass",className:"space-y-4",children:[e.jsx("h2",{className:"text-xl font-semibold text-[var(--text-primary)]",children:"Session summary"}),t.length?e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"rounded-2xl bg-blue-600/10 px-4 py-3",children:[e.jsx("p",{className:"text-xs font-semibold uppercase tracking-[0.2em] text-blue-700 dark:text-blue-300",children:"Average score"}),e.jsx("p",{className:"mt-2 text-3xl font-bold text-blue-700 dark:text-blue-300",children:x})]}),t.map((a,s)=>e.jsxs("div",{className:"rounded-2xl border border-[var(--border-default)] p-4",children:[e.jsx("p",{className:"text-sm font-semibold text-[var(--text-primary)]",children:a.question}),e.jsxs("p",{className:"mt-2 text-xs uppercase tracking-[0.2em] text-slate-500",children:["Score ",a.score]}),e.jsx("div",{className:"mt-3 space-y-2 text-sm text-[var(--text-secondary)]",children:a.improvements.map(P=>e.jsxs("p",{children:["• ",P]},P))})]},`${a.question}-${s}`))]}):e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:"Start a session to get timed practice and a scored wrap-up."})]})]}),e.jsxs(M,{variant:"glass",className:"space-y-4",children:[e.jsx("h3",{className:"text-lg font-semibold text-[var(--text-primary)]",children:"Quick story prompts"}),v.length?v.map(a=>e.jsxs("div",{className:"rounded-2xl border border-[var(--border-default)] bg-slate-50 p-4 dark:bg-slate-900/70",children:[e.jsxs("p",{className:"text-sm font-semibold text-[var(--text-primary)]",children:[a.jobTitle," at ",a.company]}),e.jsx("p",{className:"mt-2 text-sm text-[var(--text-secondary)]",children:a.description})]},a.id)):e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:"Your story bank suggestions will appear here during the session."})]})]})},ie=(i,E)=>{const f=`${i} ${E.join(" ")}`.toLowerCase(),c=[["leadership",["lead","managed","mentor","strategy","executive"]],["problem-solving",["solved","resolved","improved","optimized","debugged"]],["teamwork",["partnered","collaborated","cross-functional","aligned"]],["technical",["built","engineer","sql","python","system","api","typescript"]],["communication",["presented","wrote","explained","storytelling","stakeholder"]]].filter(([,h])=>h.some(m=>f.includes(m))).map(([h])=>h);return c.length?c:["problem-solving"]},ve=()=>{var u,A,k,w,b,d,S,o,C,q,I,F,t,l,R,n;const{state:i}=L(),E=U(),[f,j]=r.useState("stories"),[g,c]=r.useState([]);V({title:"Interview Prep | CareerDiary",description:"Build a STAR story bank, practice behavioral answers, and run mock 

1interviews from your Career Diary.",canonical:"https://careerdiary.io/app/interview-prep"});const h=r.useMemo(()=>{var T,p;return(((p=(T=i.profile)==null?void 0:T.experience)==null?void 0:p.flatMap(v=>(v.accomplishments||[]).map((a,s)=>({id:a.id||`${v.id}-${s}`,description:a.description||"",jobTitle:v.jobTitle,company:v.company,competencies:ie(a.description||"",a.skills||[]),interviewReady:!1,skills:a.skills||[]}))))||[]).filter(v=>v.description.trim().length>0)},[i.profile]),m=g.length?g:h,y=r.useMemo(()=>{var x,T,p;return te({lastTailoredRole:(x=i.lastTailoredInfo)==null?void 0:x.jobTitle,trackedRole:(p=(T=i.appliedJobs)==null?void 0:T[0])==null?void 0:p.job_title,profile:i.profile})},[(u=i.lastTailoredInfo)==null?void 0:u.jobTitle,i.appliedJobs,i.profile]);$.useEffect(()=>{!g.length&&h.length&&c(h)},[h,g.length]);const B=x=>f===x?"bg-blue-600 text-white shadow-lg":"bg-white/70 text-slate-600 hover:bg-slate-100 dark:bg-slate-900/70 dark:text-slate-300 dark:hover:bg-slate-800";return e.jsx(ee,{featureName:"Interview Prep",featureKey:"interview_prep",description:"Turn your diary into a STAR story bank, generate behavioral questions for the role you want, and run timed mock interviews with feedback.",children:e.jsxs("div",{className:"mx-auto w-full max-w-6xl space-y-6",children:[e.jsx(M,{variant:"glass",className:"overflow-hidden bg-gradient-to-br from-blue-600/10 via-white to-indigo-500/10 dark:from-blue-500/10 dark:via-slate-950 dark:to-indigo-500/10",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 rounded-full bg-blue-600/10 px-3 py-1 text-xs font-semibold uppercase tracking-[0.2em] text-blue-700 dark:text-blue-300",children:[e.jsx(G,{className:"h-4 w-4"}),"Interview Prep"]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("h1",{className:"text-3xl font-bold text-[var(--text-primary)]",children:"Train from your own career evidence"}),e.jsx("p",{className:"max-w-3xl text-sm text-[var(--text-secondary)]",children:"Turn diary accomplishments into interview stories, practice tailored behavioral questions, and run timed mock sessions."})]})]})}),m.length===0?e.jsx(M,{variant:"glass",children:e.jsx(se,{surface:"interview_prep",tease:y,onAction:()=>E("/app/diary"),icon:e.jsx(D,{className:"h-8 w-8"})})}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex flex-wrap gap-3",children:[e.jsx(N,{type:"button",variant:"ghost",className:B("stories"),onClick:()=>j("stories"),leftIcon:e.jsx(D,{className:"h-4 w-4"}),children:"Story Bank"}),e.jsx(N,{type:"button",variant:"ghost",className:B("practice"),onClick:()=>j("practice"),leftIcon:e.jsx(G,{className:"h-4 w-4"}),children:"Practice Q&A"}),e.jsx(N,{type:"button",variant:"ghost",className:B("mock"),onClick:()=>j("mock"),leftIcon:e.jsx(H,{className:"h-4 w-4"}),children:"Mock Interview"})]}),f==="stories"&&e.jsx(ae,{stories:m,userName:(A=i.profile)==null?void 0:A.fullName,onToggleReady:x=>c(T=>T.map(p=>p.id===x?{...p,interviewReady:!p.interviewReady}:p)),onUpdateStory:(x,T)=>c(p=>p.map(v=>v.id===x?{...v,description:T}:v))}),f==="practice"&&e.jsx(re,{stories:m,userName:(k=i.profile)==null?void 0:k.fullName,defaultRole:((d=(b=(w=i.profile)==null?void 0:w.jobPreferences)==null?void 0:b.targetRoles)==null?void 0:d[0])||((C=(o=(S=i.profile)==null?void 0:S.experience)==null?void 0:o[0])==null?void 0:C.jobTitle)||""}),f==="mock"&&e.jsx(ne,{stories:m,userName:(q=i.profile)==null?void 0:q.fullName,defaultRole:((t=(F=(I=i.profile)==null?void 0:I.jobPreferences)==null?void 0:F.targetRoles)==null?void 0:t[0])||((n=(R=(l=i.profile)==null?void 0:l.experience)==null?void 0:R[0])==null?void 0:n.jobTitle)||""})]})]})})};export{ve as InterviewPrepPage};