1"use strict";(self.webpackChunkreact_saas_template=self.webpackChunkreact_saas_template||[]).push([[8020],{48020:(e,o,n)=>{n.r(o),n.d(o,{default:()=>T});var t=n(89379),i=n(65043),r=n(57256),a=n(96446),s=n(85865),l=n(26240),c=n(30344),d=n(12110),m=n(26494),g=n(18483),p=n(86328),u=n(79958),x=n(17392),h=n(30279),f=n(98139),b=n.n(f),y=n(93222),v=n(21337),k=n(85473),F=n(69120),A=n(40854),S=n.n(A),j=n(57067),w=n(64147),C=n(58991),R=n(70579);const W=e=>{switch(e){case"A+":return"Exceptional";case"A":return"Excellent";case"B+":return"Very good";case"B":return"Good";case"C+":return"Above average";case"C":return"Average";case"D+":return"Below average";case"D":return"Poor";case"F":return"Needs work";default:return"Score not available"}},E=(e,o)=>{e&&(e.classList.remove("low","good","high","medium"),e.classList.add(o))},z=e=>{let{value:o,max:n,unit:t,color:i,leftLabel:r,rightLabel:l,tipLabel:c,tipText:d}=e;const m=Math.max(0,Math.min(100,o/n*100));return(0,R.jsxs)(a.A,{sx:{display:"flex",flexDirection:"column",gap:1.25,mt:2},children:[(0,R.jsxs)(a.A,{sx:{display:"flex",alignItems:"baseline",gap:.75},children:[(0,R.jsx)(s.A,{sx:{fontFamily:"'Plus Jakarta Sans', sans-serif",fontSize:"2rem",fontWeight:700,color:"#0F172A",lineHeight:1,letterSpacing:"-0.02em"},children:o}),(0,R.jsx)(s.A,{sx:{fontFamily:"'Plus Jakarta Sans', sans-serif",fontSize:"0.78rem",fontWeight:600,color:"rgba(15, 23, 42, 0.6)",textTransform:"uppercase",letterSpacing:"0.05em"},children:t})]}),(0,R.jsx)(a.A,{sx:{position:"relative",height:8,background:"#F1F1F4",borderRadius:999,overflow:"hidden"},children:(0,R.jsx)(a.A,{sx:{position:"absolute",inset:0,width:"".concat(m,"%"),background:i,borderRadius:999,transition:"width 600ms cubic-bezier(0.4, 0, 0.2, 1)"}})}),(0,R.jsxs)(a.A,{sx:{display:"flex",justifyContent:"space-between",fontFamily:"'Plus Jakarta Sans', sans-serif",fontSize:"0.72rem",fontWeight:500,color:"rgba(15, 23, 42, 0.5)",letterSpacing:"0.01em"},children:[(0,R.jsx)("span",{children:r}),(0,R.jsx)("span",{children:l})]}),d&&(0,R.jsx)(a.A,{sx:{mt:1,p:1.5,background:"#FAFAFC",borderRadius:"10px",border:"1px solid rgba(15, 23, 42, 0.08)"},children:(0,R.jsxs)(s.A,{sx:{fontFamily:"'Plus Jakarta Sans', sans-serif",fontSize:"0.85rem",color:"rgba(15, 23, 42, 0.78)",lineHeight:1.5},children:[(0,R.jsxs)(a.A,{component:"strong",sx:{color:"#0F172A",fontWeight:600},children:[c,":"]})," ",d]})})]})},D=e=>{let{eyeTracking:o}=e;if(!(!(o&&(!1===o.tracked||null==o.eyeContactPercentage))&&o&&("number"===typeof o.eyeContactPercentage||"string"===typeof o.eyeContactPercentage))){const e=null===o||void 0===o?void 0:o.trackingFailureReason,n="no_data_collected"===e||"no_data"===e?"MediaPipe couldn't find your face throughout the recording \u2014 usually a lighting or framing issue.":"serialization_failed"===e?"We hit a processing hiccup. Try recording again \u2014 your answer is still saved.":"Eye-contact analysis didn't run for this answer.";return(0,R.jsxs)(a.A,{sx:{padding:"16px 18px",borderRadius:"12px",background:"rgba(15,23,42,0.025)",border:"1px dashed rgba(15,23,42,0.15)",display:"flex",alignItems:"flex-start",gap:1.5},children:[(0,R.jsx)(a.A,{sx:{minWidth:36,height:36,borderRadius:"50%",background:"rgba(15,23,42,0.06)",color:"rgba(15,23,42,0.5)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:18,fontWeight:700,mt:.25},"aria-hidden":"true",children:"\u2014"}),(0,R.jsxs)(a.A,{sx:{flex:1,minWidth:0},children:[(0,R.jsx)(s.A,{sx:{fontFamily:C.tokens.fontFamily.sans,fontSize:"11px",fontWeight:600,textTransform:"uppercase",letterSpacing:"0.05em",color:"rgba(15,23,42,0.5)",mb:.5},children:"Tracking unavailable"}),(0,R.jsxs)(s.A,{sx:{fontFamily:C.tokens.fontFamily.sans,fontSize:"0.88rem",color:C.tokens.colorRoles.light.textSecondary,lineHeight:1.5},children:[n," Your transcript scoring isn't affected."]})]})]})}const n="string"===typeof o.eyeContactPercentage?parseFloat(o.eyeContactPercentage):o.eyeContactPercentage,t=n>=70?"#10B981":n>=50?"#F59E0B":"#EF4444",i=n<35?"Look directly at your webcam lens to maintain consistent eye contact. Position your webcam at eye level and try to hold your gaze longer.":n<60?"Fair progress. Aim to look at the webcam lens more consistently, especially when delivering key points.":"Excellent eye contact. You're maintaining strong engagement by consistently focusing on the webcam lens.";return(0,R.jsx)(z,{value:Math.round(n),max:100,unit:"%",color:t,leftLabel:"0%",rightLabel:"100%",tipLabel:"Eye contact tip",tipText:i})},T=(0,r.A)((e=>({wrapper:{background:"#F8F7FA",padding:e.spacing(4),paddingBottom:e.spacing(6),borderRadius:0,color:"#0F172A",position:"relative",minHeight:"100vh",[e.breakpoints.down("md")]:{padding:e.spacing(1.5),paddingBottom:"100px"}},"@keyframes pulse":{"0%":{transform:"scale(1)"},"50%":{transform:"scale(1.02)"},"100%":{transform:"scale(1)"}},"@keyframes glow":{"0%":{boxShadow:"0 0 5px ".concat(e.palette.primary.main,"40")},"50%":{boxShadow:"0 0 20px ".concat(e.palette.primary.main,"60, 0 0 30px ").concat(e.palette.primary.main,"40")},"100%":{boxShadow:"0 0 5px ".concat(e.palette.primary.main,"40")}},container:{display:"flex",gap:e.spacing(3),[e.breakpoints.down("lg")]:{flexDirection:"column"},[e.breakpoints.down("md")]:{flexDirection:"column",gap:e.spacing(1.5)}},heading:{fontSize:"28px",fontWeight:600,color:e.palette.common.contrast,marginBottom:e.spacing(3),textAlign:"left"},scoresSection:{background:"#FFFFFF",borderRadius:16,padding:e.spacing(2.75),marginBottom:e.spacing(2),border:"1px solid rgba(15, 23, 42, 0.06)",boxShadow:"0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px -12px rgba(91, 56, 168, 0.10)",position:"relative",overflow:"hidden","&::before":{content:'""',position:"absolute",top:0,bottom:0,left:0,width:3,background:"linear-gradient(180deg, #6C5CE7 0%, #7B47E0 100%)"},[e.breakpoints.down("md")]:{padding:e.spacing(2),marginBottom:e.spacing(1.5)}},cardContentContainer:{display:"grid",gap:e.spacing(1.5),gridTemplateColumns:"repeat(auto-fit, minmax(220px, 1fr))",width:"100%",[e.breakpoints.down("md")]:{gridTemplateColumns:"repeat(2, 1fr)",gap:e.spacing(1)}},cardContent:{padding:e.spacing(2),borderRadius:10,border:"1px solid rgba(15, 23, 42, 0.08)",background:"#FAFAFC",display:"flex",flexDirection:"column",alignItems:"center",gap:e.spacing(.75),textAlign:"center","& p":{color:"#0F172A",margin:0,fontWeight:500},"& span":{color:"rgba(15, 23, 42, 0.6)",fontSize:"12px",margin:0,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.04em"},"& .content-comment":{padding:e.spacing(.6,1.5),background:"#F4EEFF",border:"1px solid #E9DFFE",borderRadius:999,display:"inline-flex",alignItems:"center",justifyContent:"center",margin:e.spacing(.5,0,0),fontSize:"12px",fontWeight:600,color:"#5C38A8"},"& .rating":{color:"#0F172A",fontWeight:700,margin:0,fontSize:"1.5rem",lineHeight:1.1},[e.breakpoints.down("md")]:{padding:e.spacing(1.5),borderRadius:10}},feedbackCard:{background:"#FFFFFF",border:"1px solid rgba(15, 23, 42, 0.06)",borderRadius:12,marginBottom:e.spacing(1.25),overflow:"hidden",boxShadow:"0 1px 2px rgba(15, 23, 42, 0.03)",transition:"border-color 160ms ease","&:hover":{borderColor:"rgba(15, 23, 42, 0.12)"}},feedbackCardHeader:{background:"transparent",borderBottom:"1px solid rgba(15, 23, 42, 0.06)",padding:e.spacing(1.75,2.25),"& .MuiCardHeader-title":{color:"#0F172A",fontWeight:600,fontSize:"15px",letterSpacing:"-0.005em"},"& .MuiCardHeader-action":{margin:0}},expandButton:{color:"rgba(15, 23, 42, 0.6)",borderRadius:8,transition:"background-color 160ms ease, color 160ms ease","&:hover":{background:"#F4EEFF",color:"#5C38A8"}},feedbackCardContent:{padding:e.spacing(2.5,2.25),"& .MuiTypography-root":{color:"rgba(15, 23, 42, 0.78)",lineHeight:1.6,fontSize:"14.5px"}},leftSide:{display:"flex",flexDirection:"column",gap:e.spacing(2.5),width:"50%",[e.breakpoints.down("lg")]:{width:"100%"},[e.breakpoints.down("md")]:{gap:e.spacing(2),order:1}},rightSide:{display:"flex",flexDirection:"column",gap:e.spacing(2.5),width:"50%",[e.breakpoints.down("lg")]:{width:"100%"},[e.breakpoints.down("md")]:{gap:e.spacing(2),order:0}},mediaSection:{background:"#FFFFFF",borderRadius:16,padding:e.spacing(2.75),border:"1px solid rgba(15, 23, 42, 0.06)",boxShadow:"0 1px 2px rgba(15, 23, 42, 0.04), 0 4px 16px -8px rgba(15, 23, 42, 0.06)",[e.breakpoints.down("md")]:{padding:e.spacing(2),marginBottom:e.spacing(1.5)}},videoPlayer:{width:"100%",height:"auto",borderRadius:12,objectFit:"cover",backgroundColor:"#000",[e.breakpoints.down("md")]:{borderRadius:10,maxHeight:"50vh",objectFit:"contain"}},questionGradeContainer:{display:"flex",gap:e.spacing(2),justifyContent:"space-between",alignItems:"flex-start",marginBottom:e.spacing(2),padding:e.spacing(2),background:"#FAFAFC",borderRadius:10,border:"1px solid rgba(15, 23, 42, 0.06)",[e.breakpoints.down("md")]:{flexDirection:"column",gap:e.spacing(1.5),padding:e.spacing(1.5),marginBottom:e.spacing(1.5)}},grade:{width:52,height:52,borderRadius:999,display:"flex",justifyContent:"center",alignItems:"center",fontWeight:700,fontSize:"1.1rem",flexShrink:0,[e.breakpoints.down("md")]:{width:44,height:44,fontSize:"1rem",alignSelf:"center"}},analyticsSection:{background:"#FFFFFF",borderRadius:16,padding:e.spacing(2.75),border:"1px solid rgba(15, 23, 42, 0.06)",boxShadow:"0 1px 2px rgba(15, 23, 42, 0.04), 0 4px 16px -8px rgba(15, 23, 42, 0.06)"},transcriptContainer:{padding:e.spacing(2.5),background:"#FAFAFC",borderRadius:12,border:"1px solid rgba(15, 23, 42, 0.08)",marginBottom:e.spacing(3)},line:{width:"100%",height:1,background:"rgba(15, 23, 42, 0.08)",margin:e.spacing(2.5,0),border:"none"},fillerWordsContainer:{display:"flex",gap:e.spacing(1),flexWrap:"wrap"},fillerWord:{display:"inline-flex",alignItems:"center",background:"#FAFAFC",padding:e.spacing(.6,1.25),gap:e.spacing(.75),borderRadius:999,color:"rgba(15, 23, 42, 0.78)",border:"1px solid rgba(15, 23, 42, 0.08)",fontSize:"0.825rem",fontWeight:500,transition:"border-color 160ms ease, background-color 160ms ease","&:hover":{borderColor:"rgba(15, 23, 42, 0.14)",background:"#FFFFFF"}},fillerPercentage:{fontWeight:600,fontSize:"12px",padding:e.spacing(.25,.75),borderRadius:999,"&.good":{color:"#047857",background:"#ECFDF5"},"&.medium":{color:"#C2410C",background:"#FFF7ED"},"&.high":{color:"#B91C1C",background:"#FEF2F2"}},sectionTitle:{color:"#0F172A",fontWeight:700,marginBottom:e.spacing(2),fontSize:"1.05rem",letterSpacing:"-0.005em","& .MuiSvgIcon-root":{fontSize:18,color:"rgba(15, 23, 42, 0.6)"}}})),{withTheme:!0})((e=>{var o,n,r,f,A,T,N;let{classes:I}=e;const P=(0,y.useLocation)(),B=(0,y.useHistory)(),M=(0,l.A)(),H=(0,c.A)(M.breakpoints.down("md")),[L,q]=(0,i.useState)((null===(o=P.state)||void 0===o?void 0:o.message)||null),[O,_]=(0,i.useState)(!0),[U,Q]=(0,i.useState)(null);(0,i.useEffect)((()=>{var e,o;if(!(null!==(e=P.state)&&void 0!==e&&e.message||null!==(o=P.state)&&void 0!==o&&o.messageId)){try{const e=localStorage.getItem("feedback_message_data");if(e){const o=JSON.parse(e);if(o.message&&Date.now()-o.timestamp<3e5)return}}catch(n){}B.replace("/c/dashboard")}}),[]);const[J,Y]=(0,i.useState)(0),[G,V]=(0,i.useState)(null),[K,$]=(0,i.useState)(null),[Z,X]=(0,i.useState)([]),[ee,oe]=(0,i.useState)([]),[ne,te]=(0,i.useState)(!1),[ie]=(0,i.useState)(!(null===(n=P.state)||void 0===n||!n.skippedFollowUp)),[re,ae]=(0,i.useState)(null),[se,le]=(0,i.useState)(!1),[ce,de]=(0,i.useState)(!1),[me,ge]=(0,i.useState)(null),[pe,ue]=(0,i.useState)(!1),[xe,he]=(0,i.useState)({summary:!0,exemplar:!0,detailed:!1,strengths:!1,development:!1,contentQuality:!1,communication:!1,reflection:!1,enhancement:!1,refinement:!1,guidance:!1,improvement:!1,transcript:!1}),fe=e=>{he((o=>(0,t.A)((0,t.A)({},o),{},{[e]:!o[e]})))},be=e=>{if(!e)return null;if(e.eyeTracking)return console.log("Eye tracking data found in message:",e.eyeTracking),e;if(console.warn("No eye tracking data in message object"),e.feedback)try{const o="string"===typeof e.feedback?JSON.parse(e.feedback.trim()):e.feedback;if(o.eyeTracking)return console.log("Found eye tracking data in feedback, adding to message"),e.eyeTracking=o.eyeTracking,e}catch(o){console.warn("Error trying to extract eye tracking data from feedback:",o)}return e.eyeTracking={eyeContactPercentage:null,tracked:!1,trackingFailureReason:"no_data_collected",totalGazePoints:0,feedback:"No eye tracking data available"},e};(0,i.useEffect)((()=>{(async()=>{try{var e,o;const n=(null===(e=P.state)||void 0===e?void 0:e.message)||null,t=n&&"string"===typeof n.transcription&&n.feedback&&(n.feedback.comprehensiveFeedback||n.feedback.strengthsAnalysis);if(n&&(q(be(n)),t))return void _(!1);const r=(null===(o=P.state)||void 0===o?void 0:o.messageId)||(null===n||void 0===n?void 0:n._id)||(null===n||void 0===n?void 0:n.id);if(!r){try{const e=localStorage.getItem("feedback_message_data");if(e){const o=JSON.parse(e),n=(new Date).getTime()-o.timestamp<3e5;if(o.message&&n)return q(be(o.message)),void _(!1);localStorage.removeItem("feedback_message_data")}}catch(i){}return Q("No message details available. Please try accessing this feedback from your dashboard."),void _(!1)}const a=await S().get("/api/users/messages/".concat(r)),s=be(a.data);q(s),Q(null)}catch(U){var n,t;404===(null===(n=U.response)||void 0===n?void 0:n.status)?(console.error("Message not found:",U),Q("This feedback could not be found. It may have been deleted or is no longer available.")):(null===(t=U.response)||void 0===t?void 0:t.status)>=500?(console.error("Server error:",U),Q("Our servers are experiencing issues. Please try again in a few moments.")):"NETWORK_E
1RROR"!==U.code&&U.response?(console.error("Error fetching message details:",U),Q("Failed to load feedback details. Please try refreshing the page.")):(console.error("Network error:",U),Q("Network connection issue. Please check your internet connection and try again."))}finally{_(!1)}})()}),[P.state]),(0,i.useEffect)((()=>{const e=null===L||void 0===L?void 0:L._id;if(!e)return;let o=!1;return te(!1),(async()=>{try{var n;const{data:t}=await S().get("/api/users/session/".concat(e));if(o)return;null!==t&&void 0!==t&&null!==(n=t.followUps)&&void 0!==n&&n.length?(oe(t.followUps),le(!0),S().get("/api/users/session-synthesis/".concat(e)).then((e=>{var n;o||null!==e&&void 0!==e&&null!==(n=e.data)&&void 0!==n&&n.synthesis&&ae(e.data.synthesis)})).catch((e=>{var o;404!==(null===e||void 0===e||null===(o=e.response)||void 0===o?void 0:o.status)&&console.warn("session synthesis failed:",null===e||void 0===e?void 0:e.message)})).finally((()=>{o||le(!1)}))):(oe([]),ae(null))}catch(i){var t;if(404===(null===i||void 0===i||null===(t=i.response)||void 0===t?void 0:t.status))return void(o||te(!0));console.warn("session lookup failed:",(null===i||void 0===i?void 0:i.message)||i)}finally{o||te(!0)}})(),()=>{o=!0}}),[null===L||void 0===L?void 0:L._id]),(0,i.useEffect)((()=>{const e=null===L||void 0===L?void 0:L._id;if(!e)return;let o=!1;return ue(!0),S().get("/api/users/recommend-next-mock",{params:{messageId:e}}).then((e=>{var n;o||(null!==e&&void 0!==e&&null!==(n=e.data)&&void 0!==n&&n.success&&e.data.recommendation?ge(e.data.recommendation):ge(null))})).catch((e=>{var n;404!==(null===e||void 0===e||null===(n=e.response)||void 0===n?void 0:n.status)&&console.warn("next-mock recommendation failed:",(null===e||void 0===e?void 0:e.message)||e),o||ge(null)})).finally((()=>{o||ue(!1)})),()=>{o=!0}}),[null===L||void 0===L?void 0:L._id]),(0,i.useEffect)((()=>{if(null!==L&&void 0!==L&&L.feedback)try{var e,o,n,t,i,r,a,s,l,c,d,m,g,p,u,x,h,f,b,y,v,k,F,A;let j;if("string"===typeof L.feedback)try{j=JSON.parse(L.feedback.trim())}catch(S){console.error("JSON parsing failed:",S),j={overallScore:"N/A",scoreDetails:{totalScore:0,maxScore:40,scores:{communicationSkills:{score:0,feedback:"No feedback available"},contentQuality:{score:0,feedback:"No feedback available"},depthOfReflectionAndInsight:{score:0,feedback:"No feedback available"}}},comprehensiveFeedback:L.feedback,howToImprove:"No improvement suggestions available"}}else j=L.feedback;const C=null===(e=j)||void 0===e||null===(o=e.scoreDetails)||void 0===o||null===(n=o.scores)||void 0===n||null===(t=n.communicationSkills)||void 0===t?void 0:t.score,R=null===(i=j)||void 0===i||null===(r=i.scoreDetails)||void 0===r||null===(a=r.scores)||void 0===a||null===(s=a.contentQuality)||void 0===s?void 0:s.score,W=null===(l=j)||void 0===l||null===(c=l.scoreDetails)||void 0===c||null===(d=c.scores)||void 0===d||null===(m=d.depthOfReflectionAndInsight)||void 0===m?void 0:m.score,E="number"===typeof C||"number"===typeof R||"number"===typeof W,z=null===(g=j)||void 0===g||null===(p=g.scoreDetails)||void 0===p?void 0:p.totalScore;if(j={overallScore:(null===(u=j)||void 0===u?void 0:u.overallScore)||"N/A",scoreDetails:{totalScore:"number"===typeof z?z:0,maxScore:40,scores:{communicationSkills:{score:"number"===typeof C?C:null,feedback:(null===(x=j.scoreDetails)||void 0===x||null===(h=x.scores)||void 0===h||null===(f=h.communicationSkills)||void 0===f?void 0:f.feedback)||"No feedback available"},contentQuality:{score:"number"===typeof R?R:null,feedback:(null===(b=j.scoreDetails)||void 0===b||null===(y=b.scores)||void 0===y||null===(v=y.contentQuality)||void 0===v?void 0:v.feedback)||"No feedback available"},depthOfReflectionAndInsight:{score:"number"===typeof W?W:null,feedback:(null===(k=j.scoreDetails)||void 0===k||null===(F=k.scores)||void 0===F||null===(A=F.depthOfReflectionAndInsight)||void 0===A?void 0:A.feedback)||"No feedback available"}}},comprehensiveFeedback:j.comprehensiveFeedback||j.overallFeedback||"No feedback available",strengthsAnalysis:j.strengthsAnalysis||"",areasForDevelopment:j.areasForDevelopment||"",contentEnhancement:j.contentEnhancement||"",communicationRefinement:j.communicationRefinement||"",industrySpecificGuidance:j.industrySpecificGuidance||"",exemplar:j.exemplar||"",howToImprove:j.howToImprove||"No improvement suggestions available"},E){const e=(e,o)=>"number"===typeof e?Math.min(o,Number(e)):0;j.scoreDetails.scores.communicationSkills.score=e(C,15),j.scoreDetails.scores.contentQuality.score=e(R,15),j.scoreDetails.scores.depthOfReflectionAndInsight.score=e(W,10);const o=Math.round(j.scoreDetails.scores.communicationSkills.score
1+j.scoreDetails.scores.contentQuality.score+j.scoreDetails.scores.depthOfReflectionAndInsight.score);j.scoreDetails.totalScore=o,j.overallScore=(0,w.l)(o).grade}$(j)}catch(U){console.error("Error parsing feedback:",U),$({overallScore:"N/A",scoreDetails:{totalScore:0,maxScore:40,scores:{communicationSkills:{score:0,feedback:"No feedback available"},contentQuality:{score:0,feedback:"No feedback available"},depthOfReflectionAndInsight:{score:0,feedback:"No feedback available"}}},comprehensiveFeedback:"Unable to load feedback",howToImprove:"No improvement suggestions available"})}}),[L]);(0,i.useEffect)((()=>{(async()=>{var e,o;if(V(null),window.lastRecordingDuration&&window.lastRecordingDuration>0){const e=window.lastRecordingDuration/60;return console.log("\ud83c\udfaf Using stored recording duration from window: ".concat(e.toFixed(2)," minutes (").concat(window.lastRecordingDuration," seconds)")),void V(e)}const n=localStorage.getItem("lastRecordingDuration");if(n&&parseFloat(n)>0){const e=parseFloat(n),o=e/60;return console.log("\ud83c\udfaf Using stored recording duration from localStorage: ".concat(o.toFixed(2)," minutes (").concat(e," seconds)")),void V(o)}if(null!==L&&void 0!==L&&null!==(e=L.recordingMetadata)&&void 0!==e&&e.duration){const e=parseFloat(L.recordingMetadata.duration);if(console.log("Found recordingMetadata.duration: ".concat(e," seconds")),e>0&&!isNaN(e)){const o=e/60;if(e>=5&&e<=600)return console.log("\u2705 Using stored recording duration: ".concat(o.toFixed(2)," minutes (").concat(e," seconds)")),void V(o);console.log("\u26a0\ufe0f Stored duration seems unrealistic: ".concat(e," seconds, trying other methods"))}else console.log("\u274c Invalid recordingMetadata.duration: ".concat(e))}else console.log("\u274c No recordingMetadata.duration found in messageDetails");if(null!==L&&void 0!==L&&null!==(o=L.eyeTracking)&&void 0!==o&&o.recordingDuration){const e=parseFloat(L.eyeTracking.recordingDuration);if(e>0&&!isNaN(e)){const o=e/60;return console.log("Using eye tracking recording duration: ".concat(o.toFixed(2)," minutes")),void V(o)}}if(null!==L&&void 0!==L&&L.createdAt&&null!==L&&void 0!==L&&L.updatedAt){const e=new Date(L.createdAt),o=(new Date(L.updatedAt)-e)/1e3/60;if(o>=.5&&o<=10&&!isNaN(o))return console.log("\u2705 Using timestamp duration: ".concat(o.toFixed(2)," minutes")),void V(o)}if(ve.current&&null!==L&&void 0!==L&&L.videoURI)try{const e=ve.current;if(e.duration&&e.duration!==1/0&&!isNaN(e.duration)){const o=e.duration/60;return console.log("\u2705 Using duration from existing video element: ".concat(o.toFixed(2)," minutes")),void V(o)}if(e.readyState<1){console.log("\ud83d\udd04 Forcing video metadata load..."),e.preload="metadata",e.load();const o=new Promise(((o,n)=>{const t=()=>{if(e.removeEventListener("loadedmetadata",t),e.removeEventListener("error",i),e.duration&&e.duration!==1/0&&!isNaN(e.duration)){const n=e.duration/60;console.log("\u2705 Loaded video metadata - Duration: ".concat(n.toFixed(2)," minutes")),o(n)}else n(new Error("Invalid duration after metadata load"))},i=()=>{e.removeEventListener("loadedmetadata",t),e.removeEventListener("error",i),n(new Error("Failed to load video metadata"))};e.addEventListener("loadedmetadata",t),e.addEventListener("error",i),setTimeout((()=>{e.removeEventListener("loadedmetadata",t),e.removeEventListener("error",i),n(new Error("Metadata load timeout"))}),3e3)}));try{const e=await o;return void V(e)}catch(U){console.log("Could not load video metadata:",U.message)}}}catch(U){console.log("Error accessing video element:",U)}if(null!==L&&void 0!==L&&L.videoURI)try{console.log("Attempting lightweight metadata extraction from URI:",L.videoURI);const e=await(t=L.videoURI,new Promise(((e,o)=>{const n=document.createElement("video");n.preload="metadata",n.muted=!0,n.style.display="none";let i=!1;const r=()=>{n.removeEventListener("loadedmetadata",a),n.removeEventListener("error",s),n.src&&(n.src="")},a=()=>{i||!n.duration||n.duration===1/0||isNaN(n.duration)?(r(),i||(i=!0,o(new Error("Video duration not available in metadata")))):(i=!0,r(),console.log("\u2705 Video duration from metadata: ".concat(n.duration," seconds (").concat((n.duration/60).toFixed(2)," minutes)")),e(n.duration))},s=e=>{r(),i||(i=!0,o(new Error("Failed to load video metadata")))};n.addEventListener("loadedmetadata",a),n.addEventListener("error",s),n.src=t,setTimeout((()=>
1{i||(r(),i=!0,o(new Error("Metadata loading timeout")))}),3e3)})))/60;return console.log("Successfully extracted video duration: ".concat(e.toFixed(2)," minutes")),void V(e)}catch(U){console.log("Metadata extraction failed (expected for some videos):",U.message)}var t;console.error("Could not extract video duration from any source - WPM will show as 0")})()}),[L]);const ye=(0,i.useMemo)((()=>{const e=e=>{var o,n;if(!e)return null;const t=parseFloat(null===e||void 0===e||null===(o=e.recordingMetadata)||void 0===o?void 0:o.duration);if(Number.isFinite(t)&&t>0)return t;const i=parseFloat(null===e||void 0===e||null===(n=e.eyeTracking)||void 0===n?void 0:n.recordingDuration);return Number.isFinite(i)&&i>0?i:null},o=["string"===typeof(null===L||void 0===L?void 0:L.transcription)?L.transcription.trim():"",...(ee||[]).map((e=>"string"===typeof(null===e||void 0===e?void 0:e.transcription)?e.transcription.trim():"")).filter(Boolean)].filter(Boolean).join(" "),n="number"===typeof G&&G>0?G:null;let i=0,r=!1;(ee||[]).forEach((o=>{const n=e(o);if(Number.isFinite(n)&&n>0)i+=n/60,r=!0;else{const e="string"===typeof(null===o||void 0===o?void 0:o.transcription)?o.transcription.trim():"";if(e){const o=e.split(/\s+/).length;i+=Math.max(.1,o/150)}}}));const a=null!=n?n+i:r||i>0?i:null,s=[],l=(e,o)=>{if(!e)return;const n=e.eyeContactPercentage;if(!(!1!==e.tracked&&null!=n))return;const t="string"===typeof n?parseFloat(n):n;if(!Number.isFinite(t))return;const i=Number.isFinite(o)&&o>0?60*o:30;s.push({pct:t,durSecs:i})};l(null===L||void 0===L?void 0:L.eyeTracking,n),(ee||[]).forEach((o=>{const n=e(o),t=Number.isFinite(n)&&n>0?n/60:null;l(null===o||void 0===o?void 0:o.eyeTracking,t)}));let c=(null===L||void 0===L?void 0:L.eyeTracking)||null;if(s.length>0){const e=s.reduce(((e,o)=>e+o.pct*o.durSecs),0),o=s.reduce(((e,o)=>e+o.durSecs),0),n=o>0?e/o:null;c=(0,t.A)((0,t.A)({},(null===L||void 0===L?void 0:L.eyeTracking)||{}),{},{eyeContactPercentage:n,tracked:null!=n,turnsCounted:s.length,aggregatedAcrossTurns:((null===ee||void 0===ee?void 0:ee.length)||0)>0})}return{combinedTranscript:o,combinedDuration:a,combinedEyeTracking:c}}),[L,ee,G]);(0,i.useEffect)((()=>{const e=ye.combinedTranscript,o=ye.combinedDuration;if(!o||!e)return console.log("WPM calculation skipped - combinedDuration: ".concat(o,", combinedTranscript exists: ").concat(!!e)),console.log("Debug - messageDetails.recordingMetadata:",null===L||void 0===L?void 0:L.recordingMetadata),console.log("Debug - messageDetails.eyeTracking:",null===L||void 0===L?void 0:L.eyeTracking),console.log("Debug - window.lastRecordingDuration:",window.lastRecordingDuration),void Y(0);if(o<=0||isNaN(o))return console.log("Invalid combined duration: ".concat(o)),void Y(0);const n=e.trim().split(/\s+/).length;console.log("\ud83d\udd0d WPM Debug - Words: ".concat(n,", Combined Duration: ").concat(o," minutes"));let t=o;o<.5&&(console.log("\u26a0\ufe0f Duration too small (".concat(o," min), estimating from word count")),t=n/150,t=Math.max(.5,t),console.log("\ud83d\udcca Estimated duration: ".concat(t.toFixed(2)," minutes")));const i=Math.floor(n/t),r=Math.max(50,Math.min(300,i));console.log("\ud83d\udcc8 WPM Calculation - Words: ".concat(n,", Duration: ").concat(t.toFixed(2)," min, Raw WPM: ").concat(i,", Final WPM: ").concat(r)),Y(r);let a=document.querySelector(".filledGuage");if(!a)return;E(a,r<130?"low":r<160?"good":"high"),a.style.transition="transform 0.6s ease-in-out";let s=Math.min(180,r/320*180);a.style.transform="rotate(calc(-180deg + ".concat(s,"deg))")}),[ye.combinedTranscript,ye.combinedDuration,null===L||void 0===L?void 0:L.recordingMetadata,null===L||void 0===L?void 0:L.eyeTracking]);const ve=(0,i.useRef)(null);if((0,i.useEffect)((()=>{if(ve.current&&null!==L&&void 0!==L&&L.videoURI){const e=ve.current,o=()=>{try{if(e.duration>.2&&(e.currentTime=.2),e.pause(),e.duration&&e.duration!==1/0&&!isNaN(e.duration)){const o=e.duration/60;console.log("\ud83c\udfac Video loaded - updating WPM with duration: ".concat(o.toFixed(2)," minutes")),V(o)}}catch(o){console.warn("Video thumbnail seek error",o)}};return e.addEventListener("loadeddata",o),()=>{e.removeEventListener("loadeddata",o)}}}),[null===L||void 0===L?void 0:L.videoURI]),O)return(0,R.jsx)("div",{className:I.wrapper,children:(0,R.jsx)(j.WL,{message:"Loading your feedback\u2026"})});if(U)return(0,R.jsx)("div",{className:I.wrapper,children:(0,R.jsx)(j.pp,{title:"Couldn't load this feedback",description:U,action:(0,R.jsx)(j.Yq,{onClick:()=>
1B.push("/c/dashboard"),children:"\u2190 Back to dashboard"})})});if(!L)return(0,R.jsx)("div",{className:I.wrapper,children:(0,R.jsx)(s.A,{children:"No message details available"})});const ke=!!re&&"number"===typeof re.totalScore&&!!re.comprehensiveFeedback,Fe=ke?(0,t.A)((0,t.A)({},K),{},{overallScore:re.overallScore||(null===K||void 0===K?void 0:K.overallScore),comprehensiveFeedback:re.comprehensiveFeedback,strengthsAnalysis:re.strengthsAnalysis||(null===K||void 0===K?void 0:K.strengthsAnalysis),areasForDevelopment:re.areasForDevelopment||(null===K||void 0===K?void 0:K.areasForDevelopment),scoreDetails:(0,t.A)((0,t.A)({},(null===K||void 0===K?void 0:K.scoreDetails)||{}),{},{totalScore:re.totalScore,maxScore:(null===K||void 0===K||null===(r=K.scoreDetails)||void 0===r?void 0:r.maxScore)||40})}):K,Ae=(0,w.g)(Fe),Se="number"===typeof Ae&&Ae>0,je=Se?(0,w.l)(Ae):{grade:"N/A",color:"#94A3B8"},we=null===K||void 0===K||null===(f=K.scoreDetails)||void 0===f?void 0:f.scores,Ce=!!we&&[null===we||void 0===we||null===(A=we.communicationSkills)||void 0===A?void 0:A.score,null===we||void 0===we||null===(T=we.contentQuality)||void 0===T?void 0:T.score,null===we||void 0===we||null===(N=we.depthOfReflectionAndInsight)||void 0===N?void 0:N.score].some((e=>"number"===typeof e&&e>0)),Re=(null!==K&&void 0!==K&&K.resources&&K.resources.split("\n").filter((e=>""!==e.trim())),["um","uh","like","you know","actually","basically","sort of","kind of","I mean","you see","well","so","right","okay","anyways","look","listen","believe me","frankly","literally","just","pretty much","perhaps","I guess","I think","you know what","at the end of the day","to be honest","to tell you the truth","in a sense","if you will","you know what I mean","at all","whatsoever","thing","stuff","let's say","in other words","I suppose","definitely","certainly","surely","absolutely","totally","completely","utterly","essentially","fundamentally","practically","virtually","nearly","almost","about","around","approximately","roughly","someway","somehow","sometime","sometimes","occasionally","often","frequently","regularly","usually","typically","generally","mainly","mostly","largely","particularly","especially","specifically","expressly","explicitly","precisely","exactly","just","merely","simply","only","solely","perhaps","probably","maybe","possibly","seemingly","apparently","ostensibly","evidently","presumably","assumably","likely","almost","nearly","quite","rather","somewhat","to some extent","in some way"]),We=ne?ye.combinedTranscript:(null===L||void 0===L?void 0:L.transcription)||"",Ee=We?We.trim().split(/\s+/).map((e=>e.toLowerCase().replace(/[^\w']+/g,""))):[],ze=We?We.toLowerCase().replace(/[^\w\s']+/g,""):"",De=((e,o)=>{const n={Finance:{"Financial Analyst":["roi","revenue","profit margin","cash flow","balance sheet","income statement","financial modeling","valuation","dcf","ebitda","capex","working capital","debt equity ratio","liquidity","profitability"],"Investment Banking Analyst":["dcf","comparable companies","precedent transactions","merger","acquisition","due diligence","pitch deck","financial modeling","valuation","lbo","leveraged buyout","debt financing","equity financing","ipo","underwriting"],"Hedge Fund Analyst":["alpha","beta","sharpe ratio","portfolio","risk management","derivatives","hedge","long short","arbitrage","volatility","correlation","market neutral","fundamental analysis","technical analysis","quantitative modeling"],"Private Equity Associate":["lbo","leveraged buyout","portfolio company","due diligence","exit strategy","irr","multiple","fund","limited partner","management fee","carry","debt financing","equity check","platform company","add-on acquisition"]},Consulting:{"Strategy Consultant":["framework","hypothesis","mckinsey","bcg","bain","strategic planning","market analysis","competitive advantage","value proposition","business model","growth strategy","operational efficiency","digital transformation","change management","stakeholder analysis"],"Management Consultant":["process improvement","organizational design","performance metrics","benchmarking","best practices","implementation","change management","project management","stakeholder engagement","business process","efficie
1ncy","optimization","transformation","kpi","roi"]},Technology:{"Software Engineer":["algorithm","data structure","api","database","scalability","architecture","framework","agile","sprint","code review","testing","debugging","version control","deployment","cloud computing"],"Product Manager":["user experience","product roadmap","user stories","agile","scrum","kpi","metrics","a/b testing","product market fit","mvp","user research","stakeholder management","prioritization","feature","backlog"],"Data Scientist":["machine learning","statistical analysis","python","sql","data visualization","predictive modeling","algorithm","big data","neural network","regression","classification","clustering","feature engineering","model validation","deep learning"]},Marketing:{"Digital Marketing Manager":["seo","sem","social media","content marketing","email marketing","conversion rate","customer acquisition","retention","analytics","roi","cpc","cpm","ctr","lead generation","brand awareness"],"Marketing Analyst":["market research","consumer behavior","segmentation","positioning","campaign analysis","roi","attribution","funnel analysis","cohort analysis","lifetime value","churn rate","market share","competitive analysis","brand equity","price elasticity"]}}[e];return n&&n[o]||[]})((null===L||void 0===L?void 0:L.industry)||"",(null===L||void 0===L?void 0:L.role)||""),Te=[],Ne=[];De.forEach((e=>{const o=new RegExp("\\b".concat(e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"\\b"),"gi");ze.match(o)?Te.push(e):Ne.push(e)}));const Ie=[];["damn","hell","shit","fuck","fucking","bullshit","pissed","bitch","bastard","ass","asshole","dickhead","dumbass","badass","kick ass","half-assed","pain in the ass","crap","screwed","screwed up","pissed off","what the hell","jesus","christ","oh my god","jesus christ","holy shit","holy crap","god damn","goddamn","sucks","that sucks","blows","freaking","freakin","frickin","what the heck","lol","omg","wtf","tbh","ngl","fr","no cap","periodt","slay","sus","stan","ship","flex","clap back","ghosted","fire","lit","bet","vibe","mood","dude","bro","homie","y'all","ain't","gonna","wanna","gotta","dunno","lemme","gimme","
1whatever","shut up","get out","that's stupid","that's dumb","that's ridiculous","throw under the bus","stab in the back","kiss ass","brown nose","suck up","backstab","rat out","snitch","noob","pwned","epic fail","cringe","karen","boomer","woke","salty","deadass","cap","slaps","hits different","on god","and i oop","deez nuts","your mom","that's what she said","party","partying","hungover","wasted","drunk","buzzed","high","stoned","blazed"].forEach((e=>{const o=new RegExp("\\b".concat(e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"\\b"),"gi"),n=ze.match(o);n&&Ie.push({term:e,count:n.length})}));const Pe=De.length>0?Math.round(Te.length/De.length*100):0,Be=[],Me={},He=Re.filter((e=>e.includes(" "))),Le=Re.filter((e=>!e.includes(" ")));He.sort(((e,o)=>o.length-e.length));let qe=ze;He.forEach((e=>{const o=new RegExp("\\b".concat(e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"\\b"),"gi"),n=qe.match(o);n&&(n.forEach((()=>{Be.push(e),Me[e]=(Me[e]||0)+1})),qe=qe.replace(o," REMOVED "))}));qe.split(/\s+/).map((e=>e.toLowerCase().replace(/[^\w']+/g,""))).filter((e=>e&&"removed"!==e)).forEach((e=>{Le.includes(e)&&(Be.push(e),Me[e]=(Me[e]||0)+1)}));const Oe=Ee.length,_e=Be.length,Ue=Oe>0?(_e/Oe*100).toFixed(2):0;return(0,R.jsxs)("div",{className:I.wrapper,children:[(0,R.jsx)(a.A,{sx:{marginBottom:1.5},children:(0,R.jsxs)(j.Yq,{onClick:()=>B.push("/c/dashboard"),size:"sm",children:[(0,R.jsx)(F.A,{sx:{fontSize:14,mr:.5}}),"Back to dashboard"]})}),(0,R.jsx)(j.zY,{eyebrow:"Feedback",title:"Your interview feedback",accent:"feedback",sub:null!==L&&void 0!==L&&L.question?"Question: ".concat(L.question):"Detailed grading, transcript, and analytics from your session.",action:!H&&(0,R.jsx)(j.jn,{onClick:()=>B.push("/c/mock"),children:"Practise another question"}),dense:!0}),(0,R.jsxs)("div",{className:b()(I.container),children:[(0,R.jsxs)(a.A,{className:I.leftSide,children:[!Se&&!(null!==K&&void 0!==K&&K.comprehensiveFeedback)&&(null===L||void 0===L?void 0:L.transcription)&&(0,R.jsx)(d.A,{className:I.scoresSection,sx:{mt:0},children:(0,R.jsxs)(m.A,{sx:{p:0,"&:last-child":{pb:0},display:"flex",flexDirection:"column",gap:2},children:[(0,R.jsxs)(a.A,{sx:{display:"flex",alignItems:"center",gap:1.5},children:[(0,R.jsx)(a.A,{sx:{width:24,height:24,borderRadius:"50%",border:"2.5px solid rgba(108, 92, 231,0.18)",borderTopColor:"#6C5CE7",animation:"auralyzeSpin 1s linear infinite","@keyframes auralyzeSpin":{to:{transform:"rotate(360deg)"}},flexShrink:0}}),(0,R.jsxs)(a.A,{children:[(0,R.jsx)(s.A,{sx:{fontFamily:C.tokens.fontFamily.sans,fontSize:"0.72rem",fontWeight:700,color:"#5C38A8",textTransform:"uppercase",letterSpacing:"0.08em",lineHeight:1,marginBottom:"6px"},children:"Generating"}),(0,R.jsx)(s.A,{sx:{fontFamily:C.tokens.fontFamily.sans,fontSize:{xs:"1.05rem",sm:"1.15rem"},fontWeight:600,color:C.tokens.colorRoles.light.textPrimary,lineHeight:1.3},children:"Building your detailed feedback\u2026"})]})]}),(0,R.jsx)(s.A,{sx:{fontFamily:C.tokens.fontFamily.sans,fontSize:"0.95rem",color:C.tokens.colorRoles.light.textSecondary,lineHeight:1.55,maxWidth:"60ch"},children:"The AI is scoring your answer against the rubric and writing your full coaching report. Usually takes 30-60 seconds. You can stay here \u2014 it'll update automatically when it's ready."}),(0,R.jsx)(a.A,{sx:{display:"flex",flexDirection:"column",gap:1},children:[{label:"Performance overview",note:"Rubric scores + grade band"},{label:"Quick summary",note:"Two-paragraph read on your answer"},{label:"Detailed feedback",note:"Strengths, gaps, exemplar answer"}].map((e=>(0,R.jsxs)(a.A,{sx:{display:"flex",alignItems:"center",gap:1.25,padding:"8px 12px",borderRadius:"10px",backgroundColor:"rgba(108, 92, 231,0.04)",border:"1px solid rgba(108, 92, 231,0.1)"},children:[(0,R.jsx)(a.A,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:"#6C5CE7",opacity:.7,animation:"auralyzePulse 1.4s ease-in-out infinite","@keyframes auralyzePulse":{"0%, 100%":{opacity:.4},"50%":{opacity:1}},flexShrink:0}}),(0,R.jsxs)(a.A,{children:[(0,R.jsx)(s.A,{sx:{fontFamily:C.tokens.fontFamily.sans,fontSize:"0.85rem",fontWeight:600,color:C.tokens.colorRoles.light.textPrimary,lineHeight:1.2},children:e.label}),(0,R.jsx)(s.A,{sx:{fontFamily:C.tokens.fontFamily.sans,fontSize:"0.78rem",color:C.tokens.colorRoles.light.textSecondary,lineHeight:1.3},children:e.note})]})]},e.label)))})]})}),!H&&Se&&((e,o,n,t,i,r,l,c,p)=>{const u=(e,o,n)=>({label:e,score:o,max:n,pct:"number"===typeof o?Math.max(0,Math.min(100,o/n*100)):0,barColor:"number"!==typeof o?"rgba(15, 23, 42, 0.15)":o/n>=.7?"#10B981":o/n>=.5?"#F59E0B":"#EF4444"}),x=Ce?[u("Communication",null===K||void 0===K||null===(e=K.scoreDetails)||void 0===e||null===(o=e.scores)||void 0===o||null===(n=o.communicationSkills)||void 0===n?void 0:n.score,15),u("Content quality",null===K||void 0===K||null===(t=K.scoreDetails)||void 0===t||null===(i=t.scores)||void 0===i||null===(r=i.contentQuality)||void 0===r?void 0:r.score,15),u("Reflection",null===K||void 0===K||null===(l=K.scoreDetails)||void 0===l||null===(c=l.scores)||void 0===c||null===(p=c.depthOfReflectionAndInsight)||void 0===p?void 0:p.score,10)]:[];return(0,R.jsx)(d.A,{className:I.scoresSection,children:(0,R.jsxs)(m.A,{sx:{p:0,"&:last-child":{pb:0}},children:[(0,R.jsx)(s.A,{className:I.sectionTitle,sx:{mb:2},children:"Performance overview"}),(0,R.jsx)(g.A,{title:(0,R.jsxs)(a.A,{children:[(0,R.jsx)(s.A,{variant:"subtitle2",sx:{fontWeight:600,mb:1},children:"Overall grade scale"}),(0,R.jsx)(s.A,{variant:"body2",sx:{mb:.5},children:"\u2022 A+ (37-40): Exceptional"}),(0,R.jsx)(s.A,{variant:"body2",sx:{mb:.5},children:"\u2022 A (34-36): Excellent"}),(0,R.jsx)(s.A,{variant:"body2",sx:{mb:.5},children:"\u2022 B+ (32-33): Very good"}),(0,R.jsx)(s.A,{variant:"body2",sx:{mb:.5},children:"\u2022 B (28-31): Good"}),(0,R.jsx)(s.A,{variant:"body2",sx:{mb:.5},children:"\u2022 C+ (24-27): Above average"}),(0,R.jsx)(s.A,{variant:"body2",sx:{mb:.5},children:"\u2022 C (20-23): Average"}),(0,R.jsx)(s.A,{variant:"body2",sx:{mb:.5},children:"\u2022 D+ (16-19): Below average"}),(0,R.jsx)(s.A,{variant:"body2",sx:{mb:.5},children:"\u2022 D (12-15): Poor"}),(0,R.jsx)(s.A,{variant:"body2",children:"\u2022 F (0-11): Needs significant improvement"})]}),arrow:!0,placement:"top",children:(0,R.jsx)(a.A,{sx:{cursor:"help",mb:Ce?2.5:0,pb:Ce?2.5:0,borderBottom:Ce?"1px solid rgba(15, 23, 42, 0.08)":"none"},children:(0,R.jsxs)(a.A,{sx:{display:"flex",alignItems:"flex-start",justifyContent:"space-between",gap:3,flexWrap:"wrap"},children:[(0,R.jsxs)(a.A,{sx:{flex:1,minWidth:200},children:[(0,R.jsx)(s.A,{sx:{color:C.tokens.colorRoles.light.textTertiary,fontFamily:C.tokens.fontFamily.sans,fontWeight:600,mb:.75,fontSize:"0.7rem",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Score"}),(0,R.jsxs)(a.A,{sx:{display:"flex",alignItems:"baseline",gap:.5},children:[(0,R.jsx)(s.A,{sx:{fontFamily:C.tokens.fontFamily.display,fontSize:"2.75rem",fontWeight:700,color:C.tokens.colorRoles.light.textPrimary,letterSpacing:"-0.025em",lineHeight:1},children:Math.round(Ae)}),(0,R.jsx)(s.A,{sx:{fontFamily:C.tokens.fontFamily.sans,fontSize:"1.2rem",fontWeight:500,color:C.tokens.colorRoles.light.textTertiary,letterSpacing:"-0.01em"},children:"/ 40"})]}),(0,R.jsx)(a.A,{sx:{mt:1.25,height:5,background:"#F1F1F4",borderRadius:999,overflow:"hidden",maxWidth:280},children:(0,R.jsx)(a.A,{sx:{height:"100%",width:"".concat(Math.min(100,Ae/40*100),"%"),background:je.color,borderRadius:999,transition:"width 700ms cubic-bezier(0.4, 0, 0.2, 1)"}})}),(0,R.jsxs)(s.A,{sx:{fontFamily:C.tokens.fontFamily.sans,fontSize:"0.8rem",fontWeight:600,color:C.tokens.colorRoles.light.textSecondary,mt:1},children:[W(je.grade)," performance"]})]}),(0,R.jsx)(a.A,{sx:{width:"1px",alignSelf:"stretch",background:"rgba(15, 23, 42, 0.08)"}}),(0,R.jsxs)(a.A,{sx:{display:"flex",flexDirection:"column",alignItems:"center",minWidth:88},children:[(0,R.jsx)(s.A,{sx:{color:C.tokens.colorRoles.light.textTertiary,fontFamily:C.tokens.fontFamily.sans,fontWeight:600,mb:.75,fontSize:"0.7rem",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Grade"}),(0,R.jsx)(s.A,{sx:{fontFamily:C.tokens.fontFamily.serif,fontStyle:"italic",fontSize:"3.5rem",fontWeight:400,color:je.color,letterSpacing:"-0.01em",lineHeight:1},children:je.grade})]})]})})}),Ce&&(0,R.jsx)(a.A,{sx:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:1.25},children:x.map((e=>(0,R.jsxs)(a.A,{sx:{p:1.5,borderRadius:"12px",background:"#FAFAFC",border:"1px solid rgba(15, 23, 42, 0.08)"},children:[(0,R.jsx)(s.A,{sx:{fontSize:"0.7rem",fontWeight:600,color:"rgba(15, 23, 42, 0.6)",textTransform:"uppercase",letterSpacing:"0.05em",mb:.75},children:e.label}),(0,R.jsxs)(a.A,{sx:{display:"flex",alignItems:"baseline",gap:.5,mb:1},children:[(0,R.jsx)(s.A,{sx:{fontFamily:"'Plus Jakarta Sans', sans-serif",fontSize:"1.4rem",fontWeight:700,color:"#0F172A",letterSpacing:"-0.02em",lineHeight:1},children:"number"===typeof e.score?e.score:"\u2014"}),(0,R.jsxs)(s.A,{sx:{fontSize:"0.78rem",fontWeight:500,color:"rgba(15, 23, 42, 0.5)"},children:["/",e.max]})]}),(0,R.jsx)(a.A,{sx:{height:4,background:"#F1F1F4",borderRadius:999,overflow:"hidden"},children:(0,R.jsx)(a.A,{sx:{height:"100%",width:"".concat(e.pct,"%"),background:e.barColor,borderRadius:999,transition:"width 600ms cubic-bezier(0.4, 0, 0.2, 1)"}})})]},e.label)))})]})})})(),(0,R.jsxs)("div",{children:[((null===Fe||void 0===Fe?void 0:Fe.comprehensiveFeedback)||(null===Fe||void 0===Fe?void 0:Fe.summary))&&(0,R.jsx)(d.A,{className:I.scoresSection,sx:{mt:2},children:(0,R.jsxs)(m.A,{sx:{p:0,"&:last-child":{pb:0}},children:[(0,R.jsx)(s.A,{className:I.sectionTitle,sx:{mb:1.5},children:ke?"Quick summary \xb7 whole session":"Quick summary"}),(0,R.jsx)(s.A,{sx:{fontFamily:C.tokens.fontFamily.sans,color:C.tokens.colorRoles.light.textPrimary,fontSize:{xs:"1rem",sm:"1.1rem",md:"1.15rem"},lineHeight:1.65,whiteSpace:"pre-line",maxWidth:"70ch"},children:(null===Fe||void 0===Fe?void 0:Fe.comprehensiveFeedback)||(null===Fe||void 0===Fe?void 0:Fe.summary)})]})}),!1]})]}),(0,R.jsxs)(a.A,{className:I.rightSide,children:[(0,R.jsx)(p.A,{in:!0,timeout:500,
1children:(0,R.jsx)(d.A,{className:I.mediaSection,children:(0,R.jsxs)(m.A,{children:[(0,R.jsxs)(a.A,{sx:{mb:2},children:[(0,R.jsx)(s.A,{sx:{fontFamily:C.tokens.fontFamily.sans,fontSize:"11px",fontWeight:600,color:"#5C38A8",backgroundColor:"#F4EEFF",border:"1px solid #E9DFFE",borderRadius:"999px",padding:"4px 10px",textTransform:"uppercase",letterSpacing:"0.06em",display:"inline-block",lineHeight:1,mb:1},children:"audio-only"===(null===L||void 0===L?void 0:L.recordingMode)?"Audio recording":"Recording"}),(0,R.jsxs)(s.A,{sx:{fontFamily:C.tokens.fontFamily.display,fontWeight:C.tokens.fontWeight.extrabold,fontSize:{xs:"20px",md:"22px"},letterSpacing:C.tokens.letterSpacing.tight,color:C.tokens.colorRoles.light.textPrimary,lineHeight:1.25},children:["audio-only"===(null===L||void 0===L?void 0:L.recordingMode)?"Replay your ":"Watch your ",(0,R.jsx)(a.A,{component:"span",sx:{fontFamily:C.tokens.fontFamily.serif,fontStyle:"italic",fontWeight:400},children:"answer"})]})]}),(0,R.jsx)(a.A,{sx:{position:"relative",mb:2.5,[M.breakpoints.down("md")]:{mb:2}},children:"audio-only"===(null===L||void 0===L?void 0:L.recordingMode)?(0,R.jsxs)(a.A,{sx:{borderRadius:"16px",border:"1px solid rgba(15, 23, 42, 0.08)",background:"linear-gradient(135deg, #F4EEFF 0%, #FFFFFF 60%, #FAF7FF 100%)",padding:{xs:2.5,md:3},display:"flex",alignItems:"center",gap:2.5},children:[(0,R.jsx)(a.A,{sx:{width:56,height:56,flexShrink:0,borderRadius:"50%",background:"#FFFFFF",border:"1px solid #E9DFFE",display:"flex",alignItems:"center",justifyContent:"center",color:"#7B47E0",boxShadow:"0 4px 12px rgba(108, 92, 231, 0.15)"},children:(0,R.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:(0,R.jsx)("path",{d:"M12 14a3 3 0 0 0 3-3V6a3 3 0 1 0-6 0v5a3 3 0 0 0 3 3Zm5-3a5 5 0 0 1-10 0H5a7 7 0 0 0 6 6.93V21h2v-3.07A7 7 0 0 0 19 11h-2Z",fill:"currentColor"})})}),(0,R.jsx)(a.A,{sx:{flex:1,minWidth:0},children:(0,R.jsx)(j.KJ,{ref:ve,src:L.videoURI,mode:"audio"})})]}):(0,R.jsx)(j.KJ,{ref:ve,src:L.videoURI,mode:"video",sx:{boxShadow:"0 8px 24px -8px rgba(15, 23, 42, 0.18)",border:"1px solid rgba(15, 23, 42, 0.08)"}})}),(0,R.jsxs)(a.A,{sx:{display:"flex",alignItems:"center",gap:2,padding:{xs:2,md:2.5},borderRadius:"12px",backgroundColor:"#FFFFFF",border:"1px solid rgba(15, 23, 42, 0.08)",borderLeft:"3px solid ".concat(Se?je.color:"#6C5CE7")},children:[(0,R.jsxs)(a.A,{sx:{flex:1,minWidth:0},children:[(0,R.jsx)(s.A,{sx:{color:C.tokens.colorRoles.light.textTertiary,fontFamily:C.tokens.fontFamily.sans,fontWeight:600,mb:.5,fontSize:"11px",textTransform:"uppercase",letterSpacing:"0.06em"},children:"Question"}),(0,R.jsx)(s.A,{sx:{fontFamily:C.tokens.fontFamily.sans,color:C.tokens.colorRoles.light.textPrimary,lineHeight:1.45,fontSize:"15px",fontWeight:500},children:L.question})]}),Se&&(0,R.jsxs)(a.A,{sx:{display:"flex",flexDirection:"column",alignItems:"center",flexShrink:0,minWidth:60,paddingLeft:1.5,borderLeft:"1px solid rgba(15, 23, 42, 0.08)"},children:[(0,R.jsx)(s.A,{sx:{color:C.tokens.colorRoles.light.textTertiary,fontFamily:C.tokens.fontFamily.sans,fontWeight:600,mb:.5,fontSize:"11px",textTransform:"uppercase",letterSpacing:"0.06em"},children:"Grade"}),(0,R.jsx)(s.A,{sx:{fontFamily:C.tokens.fontFamily.serif,fontStyle:"italic",fontSize:"2rem",fontWeight:400,color:je.color,letterSpacing:"-0.01em",lineHeight:1},children:je.grade})]})]})]})})}),H&&Se&&((e,o,n,t,i,r,l,c,g)=>{const p=(e,o,n)=>({label:e,score:o,max:n,pct:"number"===typeof o?Math.max(0,Math.min(100,o/n*100)):0,barColor:"number"!==typeof o?"rgba(15, 23, 42, 0.15)":o/n>=.7?"#10B981":o/n>=.5?"#F59E0B":"#EF4444"}),u=Ce?[p("Communication",null===K||void 0===K||null===(e=K.scoreDetails)||void 0===e||null===(o=e.scores)||void 0===o||null===(n=o.communicationSkills)||void 0===n?void 0:n.score,15),p("Content",null===K||void 0===K||null===(t=K.scoreDetails)||void 0===t||null===(i=t.scores)||void 0===i||null===(r=i.contentQuality)||void 0===r?void 0:r.score,15),p("Insight",null===K||void 0===K||null===(l=K.scoreDetails)||void 0===l||null===(c=l.scores)||void 0===c||null===(g=c.depthOfReflectionAndInsight)||void 0===g?void 0:g.score,10)]:[];return(0,R.jsx)(d.A,{className:I.scoresSection,children:(0,R.jsxs)(m.A,{sx:{p:0,"&:last-child":{pb:0}},children:[(0,R.jsx)(s.A,{className:I.sectionTitle,sx:{mb:1.5},children:"Performance overview"}),(0,R.jsxs)(a.A,{sx:{mb:Ce?2:0,pb:Ce?2:0,borderBottom:Ce?"1px solid rgba(15, 23, 42, 0.08)":"none",display:"flex",alignItems:"flex-start",justifyContent:"space-between",gap:2},children:[(0,R.jsxs)(a.A,{sx:{flex:1,minWidth:0},children:[(0,R.jsx)(s.A,{sx:{color:C.tokens.colorRoles.light.textTertiary,fontFamily:C.tokens.fontFamily.sans,fontWeight:600,mb:.5,fontSize:"0.65rem",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Score"}),(0,R.jsxs)(a.A,{sx:{display:"flex",alignItems:"baseline",gap:.5},children:[(0,R.jsx)(s.A,{sx:{fontFamily:C.tokens.fontFamily.display,fontSize:"2.25rem",fontWeight:700,color:C.tokens.colorRoles.light.textPrimary,letterSpacing:"-0.025em",lineHeight:1},children:Math.round(Ae)}),(0,R.jsx)(s.A,{sx:{fontFamily:C.tokens.fontFamily.sans,fontSize:"1rem",fontWeight:500,color:C.tokens.colorRoles.light.textTertiary},children:"/ 40"})]}),(0,R.jsx)(a.A,{sx:{mt:1,height:4,background:"#F1F1F4",borderRadius:999,overflow:"hidden",maxWidth:200},children:(0,R.jsx)(a.A,{sx:{height:"100%",width:"".concat(Math.min(100,Ae/40*100),"%"),background:je.color,borderRadius:999,transition:"width 700ms cubic-bezier(0.4, 0, 0.2, 1)"}})}),(0,R.jsxs)(s.A,{sx:{fontFamily:C.tokens.fontFamily.sans,fontSize:"0.72rem",fontWeight:600,color:C.tokens.colorRoles.light.textSecondary,mt:.75},children:[W(je.grade)," performance"]})]}),(0,R.jsx)(a.A,{sx:{width:"1px",alignSelf:"stretch",background:"rgba(15, 23, 42, 0.08)"}}),(0,R.jsxs)(a.A,{sx:{display:"flex",flexDirection:"column",alignItems:"center",minWidth:64},children:[(0,R.jsx)(s.A,{sx:{color:C.tokens.colorRoles.light.textTertiary,fontFamily:C.tokens.fontFamily.sans,fontWeight:600,mb:.5,fontSize:"0.65rem",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Grade"}),(0,R.jsx)(s.A,{sx:{fontFamily:C.tokens.fontFamily.serif,fontStyle:"italic",fontSize:"2.75rem",fontWeight:400,color:je.color,letterSpacing:"-0.01em",lineHeight:1},children:je.grade})]})]}),Ce&&(0,R.jsx)(a.A,{sx:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:1},children:u.map((e=>(0,R.jsxs)(a.A,{sx:{p:1.25,borderRadius:"12px",background:"#FAFAFC",border:"1px solid rgba(15, 23, 42, 0.08)"},children:[(0,R.jsx)(s.A,{sx:{fontSize:"0.65rem",fontWeight:600,color:"rgba(15, 23, 42, 0.6)",textTransform:"uppercase",letterSpacing:"0.05em",mb:.5},children:e.label}),(0,R.jsxs)(a.A,{sx:{display:"flex",alignItems:"baseline",gap:.25,mb:.75},children:[(0,R.jsx)(s.A,{sx:{fontFamily:"'Plus Jakarta Sans', sans-serif",fontSize:"1.2rem",fontWeight:700,color:"#0F172A",letterSpacing:"-0.02em",lineHeight:1},children:"number"===typeof e.score?e.score:"\u2014"}),(0,R.jsxs)(s.A,{sx:{fontSize:"0.72rem",fontWeight:500,color:"rgba(15, 23, 42, 0.5)"},children:["/",e.max]})]}),(0,R.jsx)(a.A,{sx:{height:3,background:"#F1F1F4",borderRadius:999,overflow:"hidden"},children:(0,R.jsx)(a.A,{sx:{height:"100%",width:"".concat(e.pct,"%"),background:e.barColor,borderRadius:999}})})]},e.label)))})]})})})(),(0,R.jsx)(p.A,{in:!0,timeout:700,children:(0,R.jsx)(d.A,{className:I.analyticsSection,children:(0,R.jsxs)(m.A,{children:[(0,R.jsx)(s.A,{variant:"h6",className:I.sectionTitle,sx:{mb:3},children:"Speech analytics"}),(0,R.jsxs)(d.A,{className:I.feedbackCard,sx:{mb:3},children:[(0,R.jsx)(u.A,{className:I.feedbackCardHeader,onClick:()=>fe("transcript"),sx:{cursor:"pointer"},title:(0,R.jsx)(a.A,{sx:{display:"flex",alignItems:"center",gap:1},children:(0,R.jsx)(s.A,{children:"Transcript"})}),action:(0,R.jsx)(x.A,{className:I.expandButton,children:xe.transcript?(0,R.jsx)(k.A,{}):(0,R.jsx)(v.A,{})})}),(0,R.jsx)(h.A,{in:xe.transcript,timeout:"auto",unmountOnExit:!0,children:(0,R.jsx)(m.A,{className:I.feedbackCardContent,children:(0,R.jsx)(s.A,{variant:"body2",sx:{color:"text.secondary",lineHeight:1.7,fontSize:"14px"},children:L.transcription})})})]}),Be.length>0&&(0,R.jsxs)(a.A,{children:[(0,R.jsx)("div",{className:I.line}),(0,R.jsxs)(a.A,{sx:{display:"flex",gap:2,alignItems:"center",justifyContent:"space-between",mb:2},children:[(0,R.jsx)(s.A,{sx:{color:"#0F172A",fontWeight:700,fontSize:"1.05rem",letterSpacing:"-0.005em"},children:"Filler words analysis"}),(0,R.jsxs)(a.A,{sx:{display:"inline-flex",alignItems:"center",gap:.75,py:.5,px:1,borderRadius:999,background:Ue<3?"#ECFDF5":Ue<5?"#FFF7ED":"#FEF2F2"},children:[(0,R.jsxs)(s.A,{sx:{fontWeight:700,fontSize:"0.875rem",color:Ue<3?"#047857":Ue<5?"#C2410C":"#B91C1C"},children:[Ue,"%"]}),(0,R.jsx)(s.A,{sx:{fontSize:"0.7rem",fontWeight:600,textTransform:"uppercase",letterSpacing:"0.04em",color:Ue<3?"#047857":Ue<5?"#C2410C":"#B91C1C"},children:Ue<3?"Excellent":Ue<5?"Fair":"Needs work"})]})]}),(0,R.jsx)("div",{className:I.fillerWordsContainer,children:Object.keys(Me).map((e=>(0,R.jsxs)("div",{className:I.fillerWord,children:[(0,R.jsxs)(s.A,{variant:"body2",sx:{fontWeight:600},children:["\u201c",e,"\u201d"]}),(0,R.jsx)(a.A,{sx:{background:"#F4EEFF",color:"#5C38A8",border:"1px solid #E9DFFE",borderRadius:999,minWidth:22,height:22,px:.75,display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:"0.75rem",fontWeight:700},children:Me[e]})]},e)))}),(0,R.jsx)(a.A,{sx:{mt:2,p:1.5,background:"#FAFAFC",borderRadius:"10px",border:"1px solid rgba(15, 23, 42, 0.08)"},children:(0,R.jsxs)(s.A,{sx:{color:"rgba(15, 23, 42, 0.78)",fontSize:"0.85rem",lineHeight:1.5},children:[(0,R.jsx)(a.A,{component:"strong",sx:{color:"#0F172A",fontWeight:600},children:"Tip:"})," ",Ue<3?"Outstanding. Your speech is very clean with minimal filler words.":"Practice pausing instead of using filler words. Aim for under 3% for professional communication."]})})]}),De.length>0&&(0,R.jsxs)(a.A,{children:[(0,R.jsx)("div",{className:I.line}),(0,R.jsxs)(a.A,{sx:{display:"flex",gap:2,alignItems:"center",justifyContent:"space-between",mb:2},children:[(0,R.jsx)(s.A,{sx:{color:"#0F172A",fontWeight:700,fontSize:"1.05rem",letterSpacing:"-0.005em"},children:"Key terms analysis"}),(0,R.jsxs)(a.A,{sx:{display:"inline-flex",alignItems:"center",gap:.75,py:.5,px:1,borderRadius:999,background:Pe>=70?"#ECFDF5":Pe>=40?"#FFF7ED":"#FEF2F2"},children:[(0,R.jsxs)(s.A,{sx:{fontWeight:700,fontSize:"0.875rem",color:Pe>=70?"#047857":Pe>=40?"#C2410C":"#B91C1C"},children:[Pe,"%"]}),(0,R.jsx)(s.A,{sx:{fontSize:"0.7rem",fontWeight:600,textTransform:"uppercase",letterSpacing:"0.04em",color:Pe>=70?"#047857":Pe>=40?"#C2410C":"#B91C1C"},children:Pe>=70?"Excellent":Pe>=40?"Good":"Needs work"})]})]}),Te.length>0&&(0,R.jsxs)(a.A,{sx:{mb:2.5},children:[(0,R.jsxs)(s.A,{sx:{color:"rgba(15, 23, 42, 0.6)",fontWeight:600,mb:1,fontSize:"0.7rem",textTransform:"uppercase",letterSpacing:"0.05em"},children:["Used (",Te.length,")"]}),(0,R.jsx)(a.A,{sx:{display:"flex",flexWrap:"wrap",gap:.75},children:Te.map((e=>(0,R.jsx)(a.A,{sx:{display:"inline-flex",alignItems:"center",py:.5,px:1.25,borderRadius:999,background:"#ECFDF5",border:"1px solid #A7F3D0",color:"#047857",fontWeight:600,fontSize:"0.8rem"},children:e},e)))})]}),Ne.length>0&&(0,R.jsxs)(a.A,{sx:{mb:2.5},children:[(0,R.jsxs)(s.A,{sx:{color:"rgba(15, 23, 42, 0.6)",fontWeight:600,mb:1,fontSize:"0.7rem",textTransform:"uppercase",letterSpacing:"0.05em"},children:["Suggested (",Ne.length,")"]}),(0,R.jsx)(a.A,{sx:{display:"flex",flexWrap:"wrap",gap:.75},children:Ne.map((e=>(0,R.jsx)(a.A,{sx:{display:"inline-flex",alignItems:"center",py:.5,px:1.25,borderRadius:999,background:"#FFF7ED",border:"1px solid #FED7AA",color:"#C2410C",fontWeight:600,fontSize:"0.8rem"},children:e},e)))})]}),(0,R.jsx)(a.A,{sx:{mt:2,p:1.5,background:"#FAFAFC",borderRadius:"10px",border:"1px solid rgba(15, 23, 42, 0.08)"},children:(0,R.jsxs)(s.A,{sx:{color:"rgba(15, 23, 42, 0.78)",fontSize:"0.85rem",lineHeight:1.5},children:[(0,R.jsx)(a.A,{component:"strong",sx:{color:"#0F172A",fontWeight:600},children:"Key terms tip:"})," ",Pe>=70?"Excellent use of industry terminology. You're demonstrating strong domain knowledge.":"Try incorporating more industry-specific terms to showcase your expertise and knowledge."]})})]}),(0,R.jsxs)(a.A,{children:[(0,R.jsx)("div",{className:I.line}),(0,R.jsxs)(a.A,{sx:{display:"flex",gap:2,alignItems:"center",justifyContent:"space-between",mb:2},children:[(0,R.jsx)(s.A,{sx:{color:"#0F172A",fontWeight:700,fontSize:"1.05rem",letterSpacing:"-0.005em"},children:"Professional language"}),(0,R.jsxs)(a.A,{sx:{display:"inline-flex",alignItems:"center",gap:.75,py:.5,px:1,borderRadius:999,background:Ie.length>0?"#FEF2F2":"#ECFDF5"},children:[(0,R.jsx)(s.A,{sx:{fontWeight:700,fontSize:"0.875rem",color:Ie.length>0?"#B91C1C":"#047857"},children:Ie.length>0?Ie.reduce(((e,o)=>e+o.count),0):"0"}),(0,R.jsx)(s.A,{sx:{fontSize:"0.7rem",fontWeight:600,textTransform:"uppercase",letterSpacing:"0.04em",color:Ie.length>0?"#B91C1C":"#047857"},children:Ie.length>0?"Issues":"Clean"})]})]}),Ie.length>0?(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)("div",{className:I.fillerWordsContainer,children:Ie.map((e=>(0,R.jsxs)("div",{className:I.fillerWord,children:[(0,R.jsxs)(s.A,{variant:"body2",sx:{fontWeight:600,color:"#B91C1C"},children:["\u201c",e.term,"\u201d"]}),(0,R.jsx)(a.A,{sx:{background:"#FEF2F2",color:"#B91C1C",border:"1px solid #FECACA",borderRadius:999,minWidth:22,height:22,px:.75,display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:"0.75rem",fontWeight:700},children:e.count})]},e.term)))}),(0,R.jsx)(a.A,{sx:{mt:2,p:1.5,background:"#FAFAFC",borderRadius:"10px",border:"1px solid rgba(15, 23, 42, 0.08)"},children:(0,R.jsxs)(s.A,{sx:{color:"rgba(15, 23, 42, 0.78)",fontSize:"0.85rem",lineHeight:1.5},children:[(0,R.jsx)(a.A,{component:"strong",sx:{color:"#0F172A",fontWeight:600},children:"Professional tip:"})," ","Avoid profanity, internet slang, and very casual expressions. These terms can significantly impact your professional credibility."]})})]}):(0,R.jsx)(a.A,{sx:{mt:2,p:1.5,background:"#FAFAFC",borderRadius:"10px",border:"1px solid rgba(15, 23, 42, 0.08)"},children:(0,R.jsxs)(s.A,{sx:{color:"rgba(15, 23, 42, 0.78)",fontSize:"0.85rem",lineHeight:1.5},children:[(0,R.jsx)(a.A,{component:"strong",sx:{color:"#0F172A",fontWeight:600},children:"Clean run:"})," ","Your language maintained a professional tone throughout the interview. No unprofessional terms detected."]})})]}),(0,R.jsxs)(a.A,{sx:{mb:4},children:[(0,R.jsx)(s.A,{variant:"h6",sx:{color:"text.primary",fontWeight:700,mb:2,fontSize:"1.05rem"},children:"Speaking speed analysis"}),(0,R.jsx)(z,{value:J,max:300,unit:"WPM",color:J>=130&&J<=160?"#10B981":J>=100&&J<=180?"#F59E0B":"#EF4444",leftLabel:"0",rightLabel:"300 \xb7 ideal 130\u2013160",tipLabel:"Speed tip",tipText:J<130?"Try speaking a bit faster. Ideal range is 130-160 WPM for clear communication.":J<160?"Perfect pace. You're speaking at an ideal speed for comprehension.":"Slow down slightly. Speaking too fast can reduce clarity and understanding."})]}),(0,R.jsx)(a.A,{children:"audio-only"===(null===L||void 0===L?void 0:L.recordingMode)?(0,R.jsxs)(a.A,{sx:{p:2.5,background:"#FFFFFF",borderRadius:"12px",border:"1px solid rgba(15, 23, 42, 0.08)",borderLeft:"3px solid #6C5CE
17",display:"flex",flexDirection:"column",gap:1},children:[(0,R.jsx)(s.A,{sx:{fontFamily:'"Plus Jakarta Sans", sans-serif',fontSize:"11px",fontWeight:600,color:"#5C38A8",textTransform:"uppercase",letterSpacing:"0.06em"},children:"Audio-only"}),(0,R.jsx)(s.A,{sx:{fontFamily:'"Plus Jakarta Sans", sans-serif',fontSize:"15px",fontWeight:600,color:"#0F172A",lineHeight:1.35},children:"Want sharper feedback next time?"}),(0,R.jsx)(s.A,{sx:{fontFamily:'"Plus Jakarta Sans", sans-serif',fontSize:"13px",color:"#475569",lineHeight:1.55},children:"Switching to a video recording unlocks eye-contact analysis, body-language cues, and clearer communication insights. All your recordings stay private \u2014 only you can see them."})]}):(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(s.A,{variant:"h6",sx:{color:"text.primary",fontWeight:700,mb:2,fontSize:"1.05rem"},children:"Eye contact analysis"}),(0,R.jsx)(D,{eyeTracking:(ne&&ee.length>0?ye.combinedEyeTracking:L.eyeTracking)||null})]})})]})})})]})]}),((e,o,n,t,i,r,l,c,g,p,u,f,b,y,F,A,S,j)=>{const w=e=>{if(!e)return null;const o=String(e).trim();let n=[...o.matchAll(/(^|[\s.;:!?])(Priority|Step|Stage|Tip|Point|Note|Phase|Item|Tier|Level|Key point|Rule)\s+(\d+)\s*[:.]?\s+/gi)];if(n.length>=2){const e=n[0][2].toLowerCase();n.every((o=>o[2].toLowerCase()===e))||(n=[])}if(n.length<2&&(n=[...o.matchAll(/(^|[\s.;:!?])(\d+)[.)]\s+/g)]),n.length>=2){const e=n[0].index+n[0][1].length,t=o.slice(0,e).trim().replace(/[\s:;-]+$/,""),i=n.map(((e,t)=>{const i=e.index+e[0].length,r=t+1<n.length?n[t+1].index+n[t+1][1].length:o.length;return o.slice(i,r).trim()})).filter(Boolean);return(0,R.jsxs)(R.Fragment,{children:[t&&(0,R.jsx)(s.A,{sx:{fontFamily:C.tokens.fontFamily.sans,color:C.tokens.colorRoles.light.textSecondary,fontSize:"0.95rem",lineHeight:1.65,mb:1.5,whiteSpace:"pre-line"},children:t}),(0,R.jsx)(a.A,{component:"ol",sx:{pl:2.5,m:0,"& li":{fontFamily:C.tokens.fontFamily.sans,color:C.tokens.colorRoles.light.textSecondary,fontSize:"0.95rem",lineHeight:1.65,mb:1.25,pl:.5,"&::marker":{color:C.tokens.palette.brand[600],fontWeight:600},"&:last-child":{mb:0}}},children:i.map(((e,o)=>(0,R.jsx)("li",{children:e},o)))})]})}return(0,R.jsx)(s.A,{sx:{fontFamily:C.tokens.fontFamily.sans,color:C.tokens.colorRoles.light.textSecondary,fontSize:"0.95rem",lineHeight:1.65,whiteSpace:"pre-line"},children:o})},W={strengths:{label:"#16A34A",stripe:"#16A34A",tint:"rgba(22,163,74,0.06)"},development:{label:"#D97706",stripe:"#D97706",tint:"rgba(217,119,6,0.06)"},contentQuality:{label:"#5C38A8",stripe:"#6C5CE7",tint:"rgba(108, 92, 231,0.06)"},communication:{label:"#5C38A8",stripe:"#6C5CE7",tint:"rgba(108, 92, 231,0.06)"},reflection:{label:"#5C38A8",stripe:"#6C5CE7",tint:"rgba(108, 92, 231,0.06)"},enhancement:{label:"#5C38A8",stripe:"#6C5CE7",tint:"rgba(108, 92, 231,0.06)"},refinement:{label:"#5C38A8",stripe:"#6C5CE7",tint:"rgba(108, 92, 231,0.06)"},guidance:{label:"#5C38A8",stripe:"#6C5CE7",tint:"rgba(108, 92, 231,0.06)"},improvement:{label:"#5C38A8",stripe:"#6C5CE7",tint:"rgba(108, 92, 231,0.06)"},exemplar:{label:"#0F172A",stripe:"#94A3B8",tint:"rgba(148,163,184,0.06)"}},E={label:"#0F172A",stripe:"#CBD5E1",tint:"rgba(203,213,225,0.06)"},z=(e,o,n)=>{if(!n)return null;const t=!!xe[e],i=W[e]||E;return(0,R.jsxs)(a.A,{sx:{mt:1.25,borderRadius:"14px",border:"1px solid rgba(15, 23, 42, 0.08)",backgroundColor:"#FFFFFF",overflow:"hidden",position:"relative",transition:"border-color 160ms ease, box-shadow 160ms ease","&:hover":{borderColor:"rgba(15, 23, 42, 0.14)",boxShadow:"0 1px 2px rgba(15,23,42,0.04)"},"&::before":{content:'""',position:"absolute",left:0,top:0,bottom:0,width:"3px",backgroundColor:i.stripe,opacity:t?1:.55,transition:"opacity 160ms ease"}},children:[(0,R.jsxs)(a.A,{onClick:()=>fe(e),role:"button",tabIndex:0,onKeyDown:o=>{"Enter"!==o.key&&" "!==o.key||(o.preventDefault(),fe(e))},sx:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"14px 18px 14px 22px",cursor:"pointer",backgroundColor:t?i.tint:"transparent"},children:[(0,R.jsxs)(a.A,{sx:{display:"flex",flexDirection:"column",gap:.25},children:[(0,R.jsx)(s.A,{sx:{fontFamily:C.tokens.fontFamily.sans,fontSize:"0.7rem",fontWeight:700,color:i.label,letterSpacing:"0.08em",textTransform:"uppercase"},children:o}),!t&&(0,R.jsx)(s.A,{sx:{fontFamily:C.tokens.fontFamily.sans,fontSize:"0.78rem",color:"rgba(15, 23, 42, 0.55)",fontWeight:500},children:"Tap to expand"})]}),(0,R.jsx)(x.A,{size:"small",sx:{color:i.label,backgroundColor:t?"rgba(255,255,255,0.6)":"transparent","&:hover":{backgroundColor:"rgba(15,23,42,0.04)"}},children:t?(0,R.jsx)(k.A,{}):(0,R.jsx)(v.A,{})})]}),(0,R.jsx)(h.A,{in:t,timeout:"auto",unmountOnExit:!0,children:(0,R.jsx)(a.A,{sx:{padding:"0 22px 18px 22px"},children:w(n)})})]},e)},D=e=>(0,R.jsx)(a.A,{sx:{mt:3,mb:1.5,"&:first-of-type":{mt:.5}},children:(0,R.jsx)(s.A,{component:"span",sx:{fontFamily:C.tokens.fontFamily.sans,fontSize:"11px",fontWeight:700,color:"#5C38A8",backgroundColor:"#F4EEFF",border:"1px solid #E9DFFE",borderRadius:"999px",padding:"4px 12px",textTransform:"uppercase",letterSpacing:"0.08em"},children:e})});return(null===K||void 0===K?void 0:K.strengthsAnalysis)||(null===K||void 0===K?void 0:K.areasForDevelopment)||(null===K||void 0===K||null===(e=K.scoreDetails)||void 0===e||null===(o=e.scores)||void 0===o||null===(n=o.contentQuality)||void 0===n?void 0:n.feedback)||(null===K||void 0===K||null===(t=K.scoreDetails)||void 0===t||null===(i=t.scores)||void 0===i||null===(r=i.communicationSkills)||void 0===r?void 0:r.feedback)||(null===K||void 0===K||null===(l=K.scoreDetails)||void 0===l||null===(c=l.scores)||void 0===c||null===(g=c.depthOfReflectionAndInsight)||void 0===g?void 0:g.feedback)||(null===K||void 0===K?void 0:K.contentEnhancement)||(null===K||void 0===K?void 0:K.communicationRefinement)||(null===K||void 0===K?void 0:K.howToImprove)||(null===K||void 0===K?void 0:K.exemplar)?(0,R.jsx)(d.A,{className:I.analyticsSection,sx:{mt:3},children:(0,R.jsxs)(m.A,{children:[(0,R.jsx)(s.A,{className:I.sectionTitle,sx:{mb:1},children:"Detailed feedback"}),D("What stood out"),z("strengths","Strengths",null===K||void 0===K?void 0:K.strengthsAnalysis),z("development","Areas for development",null===K||void 0===K?void 0:K.areasForDevelopment),D("Rubric breakdown"),z("contentQuality","Content quality",(null===K||void 0===K||null===(p=K.scoreDetails)||void 0===p||null===(u=p.scores)||void 0===u||null===(f=u.contentQuality)||void 0===f?void 0:f.feedback)||(null===K||void 0===K?void 0:K.contentEnhancement)||"No content quality feedback available."),z("communication","Communication skills",(null===K||void 0===K||null===(b=K.scoreDetails)||void 0===b||null===(y=b.scores)||void 0===y||null===(F=y.communicationSkills)||void 0===F?void 0:F.feedback)||(null===K||void 0===K?void 0:K.communicationRefinement)||"No communication feedback available."),z("reflection","Depth of reflection",(null===K||void 0===K||null===(A=K.scoreDetails)||void 0===A||null===(S=A.scores)||void 0===S||null===(j=S.depthOfReflectionAndInsight)||void 0===j?void 0:j.feedback)||"No reflection feedback available."),D("How to improve"),z("enhancement","Content enhancement",null===K||void 0===K?void 0:K.contentEnhancement),z("refinement","Communication refinement",null===K||void 0===K?void 0:K.communicationRefinement),z("guidance","Subject-specific guidance",(null===K||void 0===K?void 0:K.subjectSpecificGuidance)||(null===K||void 0===K?void 0:K.industrySpecificGuidance)),z("improvement","How to elevate your answer",null===K||void 0===K?void 0:K.howToImprove),(null===K||void 0===K?void 0:K.exemplar)&&(0,R.jsxs)(R.Fragment,{children:[D("Reference"),z("exemplar","Exemplar answer",K.exemplar)]})]})}):null})(),H&&(0,R.jsxs)(a.A,{sx:{mt:3,textAlign:"center",py:3,px:3,background:"#FFFFFF",borderRadius:"14px",border:"1px solid rgba(15, 23, 42, 0.08)",boxShadow:"0 1px 2px rgba(15, 23, 42, 0.04)",marginBottom:"100px"},children:[(0,R.jsx)(s.A,{sx:{mb:.75,fontWeight:600,color:"#0F172A",fontSize:"1.1rem",letterSpacing:"-0.01em"},children:"Ready for your next question?"}),(0,R.jsx)(s.A,{sx:{mb:2.5,color:"rgba(15, 23, 42, 0.6)",lineHeight:1.55,fontSize:"0.9rem",maxWidth:"32ch",mx:"auto"},children:"Apply what you just learned \u2014 practice makes the difference."}),(0,R.jsx)(j.jn,{onClick:()=>
1B.push("/c/mock"),children:"Practise another question"})]}),ee.length>0&&(re||se)&&(0,R.jsxs)(a.A,{sx:{maxWidth:"880px",margin:"32px auto 16px",padding:{xs:"20px 18px",sm:"28px 32px"},background:"linear-gradient(135deg, #FFFFFF 0%, rgba(108, 92, 231,0.04) 100%)",border:"1px solid rgba(108, 92, 231,0.18)",borderRadius:"16px",boxShadow:"0 2px 8px rgba(108, 92, 231,0.06)"},children:[(0,R.jsx)(s.A,{sx:{fontSize:"10px",fontWeight:600,color:"#5836C9",backgroundColor:"rgba(108, 92, 231,0.08)",border:"1px solid rgba(108, 92, 231,0.18)",borderRadius:"999px",padding:"3px 10px",textTransform:"uppercase",letterSpacing:"0.08em",lineHeight:1,display:"inline-block",marginBottom:"10px"},children:"Across the session"}),se&&!re?(0,R.jsx)(s.A,{sx:{fontFamily:'"Plus Jakarta Sans", sans-serif',fontStyle:"italic",color:"#7A7488",fontSize:"0.92rem",lineHeight:1.55},children:"Reading across your turns\u2026"}):re?(0,R.jsx)(a.A,{sx:{display:"flex",flexDirection:"column",gap:1.5,marginTop:1},children:[{label:"Strengths",body:re.strengths,color:"#10B981"},{label:"Soft spots",body:re.softSpots,color:"#F59E0B"},{label:"Try next",body:re.tryNext,color:"#5836C9"}].map((e=>(0,R.jsxs)(a.A,{sx:{display:"flex",gap:1.5,alignItems:"flex-start",padding:"10px 0",borderTop:"1px solid rgba(15,12,26,0.05)","&:first-of-type":{borderTop:"none"}},children:[(0,R.jsx)(a.A,{sx:{minWidth:96,paddingTop:"2px"},children:(0,R.jsx)(s.A,{sx:{fontSize:"10px",fontWeight:700,color:e.color,textTransform:"uppercase",letterSpacing:"0.08em"},children:e.label})}),(0,R.jsx)(s.A,{sx:{flex:1,fontFamily:'"Plus Jakarta Sans", sans-serif',fontSize:"0.95rem",color:"#0F0C1A",lineHeight:1.55},children:e.body||"\u2014"})]},e.label)))}):null]}),ee.map(((e,o)=>(0,R.jsxs)(a.A,{sx:{maxWidth:"880px",margin:"32px auto",padding:{xs:"20px 18px",sm:"28px 32px"},backgroundColor:"#FFFFFF",border:"1px solid rgba(15,12,26,0.08)",borderRadius:"16px",boxShadow:"0 1px 2px rgba(15,12,26,0.04)"},children:[(0,R.jsx)(s.A,{sx:{fontSize:"10px",fontWeight:600,color:"#5836C9",backgroundColor:"rgba(108, 92, 231,0.08)",border:"1px solid rgba(108, 92, 231,0.18)",borderRadius:"999px",padding:"3px 10px",textTransform:"uppercase",letterSpacing:"0.08em",lineHeight:1,display:"inline-block",marginBottom:"12px"},children:"Follow-up \xb7 Turn ".concat(o+2)}),(0,R.jsx)(s.A,{sx:{fontFamily:'"Plus Jakarta Sans", sans-serif',fontSize:{xs:"1.05rem",sm:"1.2rem"},fontWeight:500,color:"#0F0C1A",lineHeight:1.4,marginBottom:"6px"},children:(0,R.jsx)("em",{style:{fontFamily:'"Instrument Serif", serif',fontStyle:"italic",fontWeight:400},children:e.question})}),(0,R.jsx)(s.A,{sx:{fontSize:"0.82rem",color:"#7A7488",marginBottom:"20px",fontStyle:"italic"},children:"The interviewer probed something specific you said."}),(0,R.jsxs)(a.A,{sx:{backgroundColor:"rgba(15,12,26,0.025)",borderLeft:"3px solid rgba(108, 92, 231,0.35)",padding:"14px 16px",borderRadius:"0 8px 8px 0",marginBottom:"20px"},children:[(0,R.jsx)(s.A,{sx:{fontSize:"10px",fontWeight:600,color:"#5A5468",textTransform:"uppercase",letterSpacing:"0.08em",marginBottom:"4px"},children:"Your answer"}),(0,R.jsx)(s.A,{sx:{fontSize:"0.9rem",color:"#0F0C1A",lineHeight:1.55},children:e.transcription||"\u2014"})]}),((o,n)=>{const t=e.feedback||{},i=null===t||void 0===t||null===(o=t.scoreDetails)||void 0===o?void 0:o.totalScore,r=(null===t||void 0===t||null===(n=t.scoreDetails)||void 0===n?void 0:n.maxScore)||40,l=(null===t||void 0===t?void 0:t.overallScore)||"",c=(null===t||void 0===t?void 0:t.comprehensiveFeedback)||(null===t||void 0===t?void 0:t.strengthsAnalysis)||(null===t||void 0===t?void 0:t.areasForDevelopment)||"";return(0,R.jsxs)(a.A,{sx:{display:"flex",gap:{xs:"16px",sm:"24px"},alignItems:"flex-start",flexDirection:{xs:"column",sm:"row"}},children:[(0,R.jsxs)(a.A,{sx:{minWidth:"120px",textAlign:{xs:"left",sm:"center"},padding:"12px 16px",backgroundColor:"rgba(108, 92, 231,0.04)",border:"1px solid rgba(108, 92, 231,0.12)",borderRadius:"12px"},children:[(0,R.jsx)(s.A,{sx:{fontSize:"10px",fontWeight:600,color:"#5A5468",textTransform:"uppercase",letterSpacing:"0.08em"},children:"Follow-up grade"}),(0,R.jsxs)(s.A,{sx:{fontSize:"1.6rem",fontWeight:600,color:"#0F0C1A",lineHeight:1,marginTop:"6px"},children:[null!=i?"".concat(i):"\u2014",(0,R.jsxs)("span",{style:{fontSize:"0.85rem",color:"#7A7488"},children:["/",r]})]}),l&&(0,R.jsx)(s.A,{sx:{fontSize:"0.78rem",color:"#5836C9",marginTop:"4px",textTransform:"capitalize"},children:l})]}),c&&(0,R.jsx)(s.A,{sx:{flex:1,fontSize:"0.92rem",color:"#3A3548",lineHeight:1.6},children:c.length>360?c.slice(0,360)+"\u2026":c})]})})()]},String(e._id||o)))),0===ee.length&&ie&&(0,R.jsx)(a.A,{sx:{maxWidth:"880px",margin:"32px auto",padding:"20px 24px",backgroundColor:"rgba(15,12,26,0.025)",border:"1px dashed rgba(15,12,26,0.12)",borderRadius:"12px",textAlign:"center"},children:(0,R.jsx)(s.A,{sx:{fontSize:"0.9rem",color:"#5A5468",lineHeight:1.55},children:"You wrapped this session before the follow-up. Practising under pressure is the muscle real interviews build \u2014 give it a go next time."})}),(pe||me)&&(0,R.jsxs)(a.A,{sx:{maxWidth:880,margin:"0 auto",padding:{xs:"32px 16px 8px",sm:"48px 24px 12px"},borderTop:"1px solid ".concat(C.tokens.colorRoles.light.border),marginTop:{xs:"32px",sm:"48px"}},children:[(0,R.jsx)(s.A,{sx:{fontFamily:C.tokens.fontFamily.sans,fontSize:"0.7rem",fontWeight:C.tokens.fontWeight.semibold,color:C.tokens.palette.brand[600],textTransform:"uppercase",letterSpacing:"0.1em",marginBottom:1.25}
1,children:"Practice next"}),pe&&!me?(0,R.jsxs)(a.A,{sx:{paddingY:1.5},children:[(0,R.jsx)(s.A,{sx:{fontFamily:C.tokens.fontFamily.display,fontWeight:C.tokens.fontWeight.bold,fontSize:{xs:"1.35rem",sm:"1.6rem"},lineHeight:1.25,color:C.tokens.colorRoles.light.textTertiary,marginBottom:2,maxWidth:640},children:"Picking your next question\u2026"}),(0,R.jsx)(a.A,{sx:{height:14,width:"55%",background:C.tokens.colorRoles.light.surfaceMuted,borderRadius:999}})]}):(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(s.A,{sx:{fontFamily:C.tokens.fontFamily.display,fontWeight:C.tokens.fontWeight.bold,fontSize:{xs:"1.35rem",sm:"1.6rem"},lineHeight:1.3,color:C.tokens.colorRoles.light.textPrimary,marginBottom:1.5,maxWidth:640},children:me.question}),(0,R.jsx)(s.A,{sx:{fontFamily:C.tokens.fontFamily.sans,fontSize:"0.95rem",lineHeight:1.6,color:C.tokens.colorRoles.light.textSecondary,marginBottom:2.5,maxWidth:620},children:me.rationale}),(0,R.jsxs)(a.A,{sx:{display:"flex",flexWrap:"wrap",alignItems:"center",gap:1,marginBottom:3},children:[me.topic&&(0,R.jsx)(s.A,{sx:{fontFamily:C.tokens.fontFamily.sans,fontSize:"0.72rem",fontWeight:C.tokens.fontWeight.semibold,color:C.tokens.colorRoles.light.textSecondary,textTransform:"uppercase",letterSpacing:"0.08em"},children:me.topic}),me.topic&&me.persona&&(0,R.jsx)(a.A,{component:"span",sx:{width:3,height:3,borderRadius:"50%",background:C.tokens.colorRoles.light.borderStrong}}),me.persona&&(0,R.jsxs)(s.A,{sx:{display:"inline-flex",alignItems:"center",gap:.75,background:C.tokens.colorRoles.light.brandSubtle,border:"1px solid ".concat(C.tokens.palette.brand[100]),borderRadius:"999px",padding:"3px 10px",fontFamily:C.tokens.fontFamily.sans,fontSize:"0.72rem",fontWeight:C.tokens.fontWeight.semibold,color:C.tokens.palette.brand[700],textTransform:"uppercase",letterSpacing:"0.08em"},children:[me.persona," vibe"]})]}),(0,R.jsxs)(a.A,{sx:{display:"flex",flexWrap:"wrap",alignItems:"center",gap:2},children:[(0,R.jsx)(j.jn,{onClick:()=>{const e={question:me.question,industry:me.industry||void 0,role:me.role||void 0,subTopic:me.topic||void 0,persona:me.persona,recommendationSource:"feedback-next-mock",recommendationRationale:me.rationale};B.push({pathname:"/c/mock",state:e})},children:"Start this mock"}),(0,R.jsx)(j.Yq,{onClick:()=>B.push({pathname:"/c/select-question",state:{from:"/c/mock"}}),children:"Pick something else \u2192"})]})]})]}),ce&&(0,R.jsx)("div",{style:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",backdropFilter:"blur(10px)",zIndex:9999,pointerEvents:"none"}})]})}))}}]); 2//# sourceMappingURL=8020.af725efa.chunk.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.