https://tresda.institute/assets/Art001ProjectStudio-B-ysBu6W.js

1import{O as X,z as Y,u as $,r as u,b as E,j as e,cS as W,A as J,cX as P,cU as Z,m as f,cY as U,k as H,ak as ee,n as te,cZ as ie,F as ne,a8 as re,l as oe}from"./index-u0HMC9Vb.js";import{W as se}from"./WhatsAppButton-CDvWGuCC.js";const t="'Pliant', sans-serif",F={background:"#FFFFFF",border:"1px solid #EBEBEB",borderRadius:6,padding:"24px"},C={width:"100%",padding:"10px 12px",border:"1px solid #E5E5E5",borderRadius:4,fontSize:13,fontFamily:t,color:"#121212",background:"#FFFFFF",outline:"none"};function L(r){return r?new Date(r).toLocaleDateString("en-GB",{day:"numeric",month:"short",year:"numeric"}):"—"}function ae({assignment:r,onAccept:j}){const[x,m]=u.useState(!1),[c,p]=u.useState(!1),i=async()=>{p(!0),await j(),p(!1)};return e.jsxs("div",{style:{maxWidth:680,margin:"0 auto",padding:"40px 24px 80px",fontFamily:t},children:[e.jsx("h1",{style:{fontSize:24,fontWeight:500,color:"#121212",margin:"0 0 8px 0",fontFamily:t},children:"ART 001 Participation Agreement"}),e.jsx("p",{style:{fontSize:14,color:"#666",margin:"0 0 32px 0",fontFamily:t},children:"Before entering your first live project, please review and accept the following terms."}),e.jsx("div",{style:F,children:U.map((v,o)=>e.jsxs("label",{style:{display:"flex",alignItems:"flex-start",gap:12,padding:"12px 0",borderBottom:o<U.length-1?"1px solid #F5F3EF":"none",cursor:"pointer"},children:[e.jsx("input",{type:"checkbox",checked:x,onChange:S=>m(S.target.checked),style:{marginTop:2,accentColor:"#121212",width:16,height:16}}),e.jsx("span",{style:{fontSize:13,color:"#333",lineHeight:1.6,fontFamily:t},children:v})]},o))}),e.jsxs("button",{onClick:i,disabled:!x||c,style:{marginTop:24,display:"flex",alignItems:"center",gap:8,padding:"12px 24px",background:"#121212",border:"none",borderRadius:4,cursor:!x||c?"default":"pointer",fontSize:13,fontFamily:t,color:"#FFFFFF",fontWeight:500,opacity:!x||c?.5:1},children:[c?e.jsx(H,{size:14,className:"animate-spin"}):e.jsx(ee,{size:14}),c?"Accepting...":"Accept and Enter Project Studio"]})]})}function le({assignment:r,tasks:j,submissions:x,allFeedback:m,user:c,queryClient:p}){const[i,v]=u.useState(null),[o,S]=u.useState(""),[B,R]=u.useState([]),[q,T]=u.useState(!1),[z,l]=u.useState({}),[_,b]=u.useState(!1),[d,A]=u.useState({title:"",stage:1,instructions:"",deadline:""}),h=(c==null?void 0:c.role)==="admin",Q=r.can_submit!==!1&&r.status==="active",w={};W.forEach(n=>{w[n.stage]=[]}),j.forEach(n=>{w[n.stage]||(w[n.stage]=[]),w[n.stage].push(n)});const O=async n=>{const y=n.target.files[0];if(y){T(!0);try{const{file_url:s}=await f.integrations.Core.UploadFile({file:y});R([...B,s])}catch(s){console.error("Upload failed:",s)}T(!1)}},V=async n=>{const y=j.find(k=>k.id===n),D=x.filter(k=>k.task_id===n).length+1;await f.entities.Art001Submission.create({art_file_id:r.art_file_id,task_id:n,assignment_id:r.id,user_id:c.id,resident_name:r.resident_name,stage:y.stage,version:D,content:o,file_urls:B,status:"submitted",submitted_at:new Date().toISOString()}),await f.entities.Art001Task.update(n,{status:"submitted"}),S(""),R([]),v(null),p.invalidateQueries({queryKey:["art001TasksForAssignment",r.id]}),p.invalidateQueries({queryKey:["art001SubmissionsForAssignment",r.id]})},G=async n=>{await f.entities.Art001Feedback.create({submission_id:n.id,art_file_id:r.art_file_id,submission_user_id:n.user_id,author_id:c.id,author_name:c.full_name||c.email||"Staff",content:z[n.id]||"",feedback_type:"comment"}),l({...z,[n.id]:""}),p.invalidateQueries({queryKey:["art001FeedbackForFile",r.art_file_id]})},K=async(n,y)=>{await f.entities.Art001Task.update(n,{status:y}),p.invalidateQueries({queryKey:["art001TasksForAssignment",r.id]})},M=async()=>{d.title.trim()&&(await f.entities.Art001Task.create({art_file_id:r.art_file_id,art_file_number:r.art_file_number,assignment_id:r.id,title:d.title,stage:Number(d.stage),instructions:d.instructions,deadline:d.deadline||void 0,assigned_to_user_id:r.user_id,assigned_to_name:r.resident_name,status:"not_started"}),A({title:"",stage:1,instructions:"",deadline:""}),b(!1),p.invalidateQueries({queryKey:["art001TasksForAssignment",r.id]}))};return e.jsxs("div",{children:[h&&e.jsx("div",{style:{marginBottom:16,textAlign:"right"},children:e.jsxs("button",{onClick:()=>b(!_),style:{display:"inline-flex",alignItems:"center",gap:6,padding:"8px 16px",background:"#121212",border:"none",borderRadius:4,cursor:"pointer",fontSize:12,fontFamily:t,color:"#FFFFFF",fontWeight:500},children:[e.jsx(te,{size:13})," Assign Task"]})}),_&&e.jsxs("div",{style:{...F,marginBottom:16},children:[e.jsx("input",{value:d.title,onChange:n=>A({...d,title:n.target.value}),placeholder:"Task title",style:{...C,marginBottom:8}}),e.jsxs("div",{style:{display:"flex",gap:8,marginBottom:8},children:[e.jsx("select",{value:d.stage,onChange:n=>A({...d,stage:n.target.value}),style:{...C,flex:1},children:W.map(n=>e.jsxs("option",{value:n.stage,children:[n.stage,". ",n.name]},n.stage))}),e.jsx("input",{type:"date",value:d.deadline,onChange:n=>A({...d,deadline:n.target.value}),style:{...C,flex:1}})]}),e.jsx("textarea",{value:d.instructions,onChange:n=>A({...d,instructions:n.target.value}),placeholder:"Instructions...",style:{...C,minHeight:80,resize:"vertical",marginBottom:8}}),e.jsx("button",{onClick:M,style:{padding:"8px 16px",background:"#121212",border:"none",borderRadius:4,cursor:"pointer",fontSize:12,fontFamily:t,color:"#FFFFFF"},children:"Create Task"})]}),W.map(n=>{const y=w[n.stage]||[];return y.length===0&&!h?null:e.jsxs("div",{style:{marginBottom:24},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:12},children:[e.jsxs("span",{style:{fontSize:11,fontWeight:500,color:"#9A9A9A",fontFamily:t},children:["Stage ",n.stage]}),e.jsx("h3",{style:{fontSize:14,fontWeight:500,color:"#121212",margin:0,fontFamily:t},children:n.name})]}),y.length===0?h&&e.jsx("p",{style:{fontSize:12,color:"#BBBBBB",fontFamily:t,padding:"8px 0"},children:"No tasks in this stage."}):y.map(s=>{const D=x.filter(a=>a.task_id===s.id).sort((a,I)=>I.version-a.version),k=i===s.id;return e.jsxs("div",{style:{...F,marginBottom:8,padding:"20px"},children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",cursor:"pointer"},onClick:()=>v(k?null:s.id),children:[e.jsxs("div",{children:[e.jsx("p",{style:{fontSize:13,fontWeight:500,color:"#121212",margin:0,fontFamily:t},children:s.title}),s.deadline&&e.jsxs("p",{style:{fontSize:11,color:"#9A9A9A",margin:"4px 0 0 0",fontFamily:t},children:["Due ",L(s.deadline)]})]}),e.jsx("span",{style:{fontSize:10,fontWeight:500,letterSpacing:"0.08em",textTransform:"uppercase",color:s.status==="approved"?"#2D7A3E":s.status==="revision_required"?"#C44":"#9A9A9A",fontFamily:t},children:ie[s.status]||s.status})]}),k&&e.jsxs("div",{style:{marginTop:16,borderTop:"1px solid #F5F3EF",paddingTop:16},children:[s.instructions&&e.jsx("p",{style:{fontSize:13,color:"#333",lineHeight:1.6,margin:"0 0 16px 0",fontFamily:t},children:s.instructions}),D.map(a=>

1{const I=m.filter(g=>g.submission_id===a.id);return e.jsxs("div",{style:{background:"#FAF9F7",border:"1px solid #F0EEE9",borderRadius:4,padding:"16px",marginBottom:12},children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:8},children:[e.jsxs("span",{style:{fontSize:11,fontWeight:500,color:"#666",fontFamily:t},children:["Version ",a.version]}),e.jsx("span",{style:{fontSize:10,fontWeight:500,textTransform:"uppercase",letterSpacing:"0.08em",color:a.status==="approved"?"#2D7A3E":a.status==="revision_required"?"#C44":"#9A9A9A",fontFamily:t},children:a.status})]}),a.content&&e.jsx("p",{style:{fontSize:13,color:"#333",lineHeight:1.6,margin:"0 0 8px 0",fontFamily:t,whiteSpace:"pre-wrap"},children:a.content}),a.file_urls&&a.file_urls.length>0&&e.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:8,marginBottom:8},children:a.file_urls.map((g,N)=>e.jsxs("a",{href:g,target:"_blank",rel:"noopener noreferrer",style:{display:"flex",alignItems:"center",gap:4,fontSize:12,color:"#333",fontFamily:t,textDecoration:"none",padding:"4px 10px",background:"#FFFFFF",border:"1px solid #E5E5E5",borderRadius:3},children:[e.jsx(ne,{size:12})," File ",N+1]},N))}),e.jsx("p",{style:{fontSize:10,color:"#BBBBBB",margin:0,fontFamily:t},children:L(a.submitted_at)}),I.length>0&&e.jsx("div",{style:{marginTop:12,borderTop:"1px solid #F0EEE9",paddingTop:12},children:I.map(g=>e.jsxs("div",{style:{marginBottom:8},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,marginBottom:4},children:[e.jsx(re,{size:11,style:{color:"#9A9A9A"}}),e.jsx("span",{style:{fontSize:11,fontWeight:500,color:"#666",fontFamily:t},children:g.author_name}),e.jsx("span",{style:{fontSize:9,textTransform:"uppercase",letterSpacing:"0.08em",color:g.feedback_type==="approval"?"#2D7A3E":g.feedback_type==="revision_request"?"#C44":"#9A9A9A",fontFamily:t},children:g.feedback_type.replace(/_/g," ")})]}),e.jsx("p",{style:{fontSize:12,color:"#333",lineHeight:1.6,margin:0,fontFamily:t},children:g.content})]},g.id))}),h&&e.jsxs("div",{style:{marginTop:12},children:[e.jsx("textarea",{value:z[a.id]||"",onChange:g=>l({...z,[a.id]:g.target.value}),placeholder:"Add feedback...",style:{...C,minHeight:60,resize:"vertical",marginBottom:8}}),e.jsxs("div",{style:{display:"flex",gap:8},children:[e.jsx("button",{onClick:()=>G(a),style:{padding:"6px 14px",background:"#121212",border:"none",borderRadius:3,cursor:"pointer",fontSize:11,fontFamily:t,color:"#FFFFFF"},children:"Add Comment"}),e.jsx("button",{onClick:()=>{K(s.id,"revision_required")},style:{padding:"6px 14px",background:"none",border:"1px solid #E5E5E5",borderRadius:3,cursor:"pointer",fontSize:11,fontFamily:t,color:"#C44"},children:"Request Revision"}),e.jsx("button",{onClick:()=>{K(s.id,"approved")},style:{padding:"6px 14px",background:"none",border:"1px solid #E5E5E5",borderRadius:3,cursor:"pointer",fontSize:11,fontFamily:t,color:"#2D7A3E"},children:"Approve"})]})]})]},a.id)}),Q&&e.jsxs("div",{style:{marginTop:12},children:[e.jsx("textarea",{value:o,onChange:a=>S(a.target.value),placeholder:"Write your response...",style:{...C,minHeight:100,resize:"vertical",marginBottom:8}}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:8},children:[e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:6,fontSize:12,color:"#666",fontFamily:t,cursor:"pointer",padding:"6px 12px",border:"1px solid #E5E5E5",borderRadius:3},children:[e.jsx(oe,{size:12})," Attach file",e.jsx("input",{type:"file",onChange:O,style:{display:"none"},disabled:q})]}),q&&e.jsx(H,{size:14,className:"animate-spin",style:{color:"#9A9A9A"}}),B.length>0&&e.jsxs("span",{style:{fontSize:11,color:"#9A9A9A",fontFamily:t},children:[B.length," file(s) attached"]})]}),e.jsx("button",{onClick:()=>V(s.id),style:{padding:"8px 16px",background:"#121212",border:"none",borderRadius:3,cursor:"pointer",fontSize:12,fontFamily:t,color:"#FFFFFF",fontWeight:500},children:"Submit Work"})]})]})]},s.id)})]},n.stage)})]})}function pe(){const{assignmentId:r}=X(),j=Y(),x=$(),[m,c]=u.useState("orientation"),{data:p}=E({queryKey:["me"],queryFn:()=>f.auth.me()}),{data:i,isLoading:v}=E({queryKey:["art001Assignment",r],queryFn:()=>f.entities.Art001Assignment.get(r),enabled:!!r}),{data:o}=E({queryKey:["artFileForAssignment",i==null?void 0:i.art_file_id],queryFn:()=>f.entities.ArtFile.get(i==null?void 0:i.art_file_id),enabled:!!(i!=null&&i.art_file_id)}),{data:S=[]}=E({queryKey:["art001TasksForAssignment",r],queryFn:()=>f.entities.Art001Task.filter({assignment_id:r}),enabled:!!r}),{data:B=[]}=E({queryKey:["art001SubmissionsForAssignment",r],queryFn:()=>f.entities.Art001Submission.filter({assignment_id:r}),enabled:!!r}),{data:R=[]}=E({queryKey:["art001FeedbackForFile",i==null?void 0:i.art_file_id],queryFn:()=>f.entities.Art001Feedback.filter({art_file_id:i==null?void 0:i.art_file_id}),enabled:!!(i!=null&&i.art_file_id)}),q=async()=>{await f.entities.Art001Assignment.update(i.id,{agreement_accepted:!0,agreement_accepted_at:new Date().toISOString()}),x.invalidateQueries({queryKey:["art001Assignment",r]})};if(v)return e.jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,fontFamily:t},children:e.jsx("div",{className:"w-7 h-7 border-2 border-gray-200 border-t-gray-800 rounded-full animate-spin"})});if(!i)return e.jsxs("div",{style:{textAlign:"center",padding:80,fontFamily:t},children:[e.jsx("p",{style:{fontSize:14,color:"#9A9A9A"},children:"You do not have access to this ART File."}),e.jsx("button",{onClick:()=>j("/art001"),style:{marginTop:12,fontSize:12,color:"#555",background:"none",border:"none",cursor:"pointer",fontFamily:t},children:"← Back to ART 001 Studio"})]});

1if(!i.agreement_accepted&&(p==null?void 0:p.id)===i.user_id)return e.jsx(ae,{assignment:i,onAccept:q});const T=W[i.current_stage-1],z=[{key:"orientation",label:"Orientation"},{key:"role",label:"My Role"},{key:"learning",label:"Learning Path"},{key:"tasks",label:"Tasks & Submissions"}];return e.jsxs("div",{style:{maxWidth:900,margin:"0 auto",padding:"40px 24px 80px",fontFamily:t},children:[e.jsxs("button",{onClick:()=>j("/art001"),style:{display:"flex",alignItems:"center",gap:6,background:"none",border:"none",cursor:"pointer",fontSize:12,color:"#666",fontFamily:t,marginBottom:24},children:[e.jsx(J,{size:14})," Back to ART 001 Studio"]}),e.jsxs("div",{style:F,children:[e.jsx("p",{style:{fontSize:10,fontWeight:500,letterSpacing:"0.14em",color:"#9A9A9A",textTransform:"uppercase",margin:"0 0 4px 0",fontFamily:t},children:i.art_file_number}),e.jsx("h1",{style:{fontSize:22,fontWeight:500,color:"#121212",letterSpacing:"-0.01em",margin:0},children:(o==null?void 0:o.project_name)||i.project_name}),e.jsxs("div",{style:{display:"flex",gap:24,marginTop:16,paddingTop:16,borderTop:"1px solid #F5F3EF"},children:[e.jsxs("div",{children:[e.jsx("p",{style:{fontSize:9,fontWeight:500,letterSpacing:"0.1em",textTransform:"uppercase",color:"#BBBBBB",margin:"0 0 2px 0",fontFamily:t},children:"Role"}),e.jsx("p",{style:{fontSize:12,color:"#121212",margin:0,fontFamily:t},children:P[i.role]})]}),e.jsxs("div",{children:[e.jsx("p",{style:{fontSize:9,fontWeight:500,letterSpacing:"0.1em",textTransform:"uppercase",color:"#BBBBBB",margin:"0 0 2px 0",fontFamily:t},children:"Stage"}),e.jsx("p",{style:{fontSize:12,color:"#121212",margin:0,fontFamily:t},children:T?`${T.stage}. ${T.name}`:"—"})]}),e.jsxs("div",{children:[e.jsx("p",{style:{fontSize:9,fontWeight:500,letterSpacing:"0.1em",textTransform:"uppercase",color:"#BBBBBB",margin:"0 0 2px 0",fontFamily:t},children:"Status"}),e.jsx("p",{style:{fontSize:12,color:"#121212",margin:0,fontFamily:t},children:Z[i.status]})]}),e.jsxs("div",{children:[e.jsx("p",{style:{fontSize:9,fontWeight:500,letterSpacing:"0.1em",textTransform:"uppercase",color:"#BBBBBB",margin:"0 0 2px 0",fontFamily:t},children:"Lead Designer"}),e.jsx("p",{style:{fontSize:12,color:"#121212",margin:0,fontFamily:t},children:(o==null?void 0:o.lead_designer)||"—"})]})]})]}),e.jsxs("div",{style:{background:"#FAF9F7",border:"1px solid #F0EEE9",borderRadius:4,padding:"12px 16px",marginTop:16,display:"flex",alignItems:"center",gap:8},children:[e.jsx("span",{style:{fontSize:10,fontWeight:500,letterSpacing:"0.08em",textTransform:"uppercase",color:"#9A9A9A",fontFamily:t},children:"Confidential"}),e.jsx("span",{style:{fontSize:12,color:"#666",fontFamily:t},children:"This is a live professional project. Do not share project materials externally."})]}),(o==null?void 0:o.whatsapp_link)&&e.jsxs("div",{style:{...F,marginTop:16,display:"flex",alignItems:"center",gap:16,flexWrap:"wrap"},children:[e.jsxs("div",{style:{flex:1,minWidth:200},children:[e.jsx("p",{style:{fontSize:10,fontWeight:500,letterSpacing:"0.12em",textTransform:"uppercase",color:"#9A9A9A",margin:"0 0 4px 0",fontFamily:t},children:"Project Chat"}),e.jsx("p",{style:{fontSize:13,color:"#666",margin:0,fontFamily:t},children:"Join the WhatsApp chat for this project."})]}),e.jsx(se,{url:o.whatsapp_link})]}),e.jsx("div",{style:{display:"flex",gap:0,borderBottom:"1px solid #EBEBEB",marginTop:32,marginBottom:24,overflowX:"auto"},children:z.map(l=>e.jsx("button",{onClick:()=>c(l.key),style:{padding:"12px 20px",background:"none",border:"none",cursor:"pointer",fontSize:12,fontFamily:t,fontWeight:m===l.key?500:400,color:m===l.key?"#121212":"#9A9A9A",borderBottom:m===l.key?"2px solid #121212":"2px solid transparent",whiteSpace:"nowrap"},children:l.label},l.key))}),m==="orientation"&&o&&e.jsxs("div",{style:F,children:[e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:20},children:[e.jsxs("div",{children:[e.jsx("p",{style:{fontSize:9,fontWeight:500,letterSpacing:"0.1em",textTransform:"uppercase",color:"#BBBBBB",margin:"0 0 4px 0",fontFamily:t},children:"Project Type"}),e.jsx("p",{style:{fontSize:13,color:"#121212",margin:0,fontFamily:t},children:o.project_type||"—"})]}),e.jsxs("div",{children:[e.jsx("p",{style:{fontSize:9,fontWeight:500,letterSpacing:"0.1em",textTransform:"uppercase",color:"#BBBBBB",margin:"0 0 4px 0",fontFamily:t},children:"Space Type"}),e.jsx("p",{style:{fontSize:13,color:"#121212",margin:0,fontFamily:t},children:(o.space_types||[]).join(", ")||"—"})]}),e.jsxs("div",{children:[e.jsx("p",{style:{fontSize:9,fontWeight:500,letterSpacing:"0.1em",textTransform:"uppercase",color:"#BBBBBB",margin:"0 0 4px 0",fontFamily:t},children:"Location"}),e.jsx("p",{style:{fontSize:13,color:"#121212",margin:0,fontFamily:t}

1,children:[o.city,o.country].filter(Boolean).join(", ")||"—"})]}),e.jsxs("div",{children:[e.jsx("p",{style:{fontSize:9,fontWeight:500,letterSpacing:"0.1em",textTransform:"uppercase",color:"#BBBBBB",margin:"0 0 4px 0",fontFamily:t},children:"Project Stage"}),e.jsx("p",{style:{fontSize:13,color:"#121212",margin:0,fontFamily:t},children:o.design_phase||"—"})]})]}),e.jsx("p",{style:{fontSize:11,color:"#9A9A9A",margin:"24px 0 0 0",fontFamily:t,lineHeight:1.6},children:"Client contact details, payment information, and private communications are not displayed. Residents must not contact the client unless the lead designer explicitly grants permission."})]}),m==="role"&&e.jsxs("div",{style:F,children:[e.jsxs("div",{style:{marginBottom:20},children:[e.jsx("p",{style:{fontSize:9,fontWeight:500,letterSpacing:"0.1em",textTransform:"uppercase",color:"#BBBBBB",margin:"0 0 4px 0",fontFamily:t},children:"Assigned Role"}),e.jsx("p",{style:{fontSize:15,fontWeight:500,color:"#121212",margin:0,fontFamily:t},children:P[i.role]})]}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:20,paddingTop:20,borderTop:"1px solid #F5F3EF"},children:[e.jsxs("div",{children:[e.jsx("p",{style:{fontSize:9,fontWeight:500,letterSpacing:"0.1em",textTransform:"uppercase",color:"#BBBBBB",margin:"0 0 4px 0",fontFamily:t},children:"Supervisor"}),e.jsx("p",{style:{fontSize:13,color:"#121212",margin:0,fontFamily:t},children:i.supervisor||(o==null?void 0:o.lead_designer)||"—"})]}),e.jsxs("div",{children:[e.jsx("p",{style:{fontSize:9,fontWeight:500,letterSpacing:"0.1em",textTransform:"uppercase",color:"#BBBBBB",margin:"0 0 4px 0",fontFamily:t},children:"Client Contact"}),e.jsx("p",{style:{fontSize:13,color:"#121212",margin:0,fontFamily:t},children:i.client_contact_level==="none"?"No Client Contact":i.client_contact_level.replace(/_/g," ").replace(/\b\w/g,l=>l.toUpperCase())})]}),e.jsxs("div",{children:[e.jsx("p",{style:{fontSize:9,fontWeight:500,letterSpacing:"0.1em",textTransform:"uppercase",color:"#BBBBBB",margin:"0 0 4px 0",fontFamily:t},children:"Start Date"}),e.jsx("p",{style:{fontSize:13,color:"#121212",margin:0,fontFamily:t},children:L(i.start_date)})]}),e.jsxs("div",{children:[e.jsx("p",{style:{fontSize:9,fontWeight:500,letterSpacing:"0.1em",textTransform:"uppercase",color:"#BBBBBB",margin:"0 0 4px 0",fontFamily:t},children:"End Date"}),e.jsx("p",{style:{fontSize:13,color:"#121212",margin:0,fontFamily:t},children:L(i.end_date)})]})]}),e.jsxs("div",{style:{marginTop:20,paddingTop:20,borderTop:"1px solid #F5F3EF"},children:[e.jsx("p",{style:{fontSize:9,fontWeight:500,letterSpacing:"0.1em",textTransform:"uppercase",color:"#BBBBBB",margin:"0 0 8px 0",fontFamily:t},children:"Permissions"}),e.jsxs("div",{style:{display:"flex",flexWrap:"wrap",gap:8},children:[e.jsxs("span",{style:{fontSize:11,padding:"4px 10px",borderRadius:3,fontFamily:t,background:i.can_view_brief?"#E8F0E4":"#F5F3EF",color:i.can_view_brief?"#3A6B2A":"#999"},children:[i.can_view_brief?"✓":"✕"," View Brief"]}),e.jsxs("span",{style:{fontSize:11,padding:"4px 10px",borderRadius:3,fontFamily:t,background:i.can_view_client_evidence?"#E8F0E4":"#F5F3EF",color:i.can_view_client_evidence?"#3A6B2A":"#999"},children:[i.can_view_client_evidence?"✓":"✕"," View Client Evidence"]}),e.jsxs("span",{style:{fontSize:11,padding:"4px 10px",borderRadius:3,fontFamily:t,background:i.can_submit?"#E8F0E4":"#F5F3EF",color:i.can_submit?"#3A6B2A":"#999"},children:[i.can_submit?"✓":"✕"," Submit Work"]}),e.jsxs("span",{style:{fontSize:11,padding:"4px 10px",borderRadius:3,fontFamily:t,background:i.can_download_files?"#E8F0E4":"#F5F3EF",color:i.can_download_files?"#3A6B2A":"#999"},children:[i.can_download_files?"✓":"✕"," Download Files"]})]})]})]}),m==="learning"&&e.jsx("div",{children:W.map(l=>{const _=l.stage===i.current_stage,b=l.stage<i.current_stage,d=S.filter(h=>h.stage===l.stage),A=B.filter(h=>h.stage===l.stage);return e.jsxs("div",{style:{...F,marginBottom:8,opacity:b?.7:1,borderLeft:_?"3px solid #121212":"1px solid #EBEBEB"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:12,marginBottom:8},children:[e.jsx("div",{style:{width:28,height:28,borderRadius:"50%",background:b?"#2D7A3E":_?"#121212":"#F5F3EF",color:b||_?"#FFFFFF":"#9A9A9A",display:"flex",alignItems:"center",justifyContent:"center",fontSize:11,fontWeight:500,fontFamily:t,flexShrink:0},children:b?"✓":l.stage}),e.jsxs("div",{children:[e.jsx("h3",{style:{fontSize:14,fontWeight:500,color:"#121212",margin:0,fontFamily:t},children:l.name}),e.jsx("p",{style:{fontSize:12,color:"#9A9A9A",margin:"2px 0 0 0",fontFamily:t},children:l.description})]}),_&&e.jsx("span",{style:{marginLeft:"auto",fontSize:10,fontWeight:500,textTransform:"uppercase",letterSpacing:"0.08em",color:"#121212",fontFamily:t},children:"Current"})]}),d.length>0&&e.jsxs("p",{style:{fontSize:11,color:"#666",margin:"8px 0 0 40px",fontFamily:t},children:[d.length," task(s) • ",A.length," submission(s)"]})]},l.stage)})}),m==="tasks"&&e.jsx(le,{assignment:i,tasks:S,submissions:B,allFeedback:R,user:p,queryClient:x})]})}export{pe as default};