https://tresda.institute/assets/CaseTraceEditor-DM4aIdYk.js

1import{j as e,X as ge,r as d,k as ae,l as fe,v as ye,n as be,m as k,c7 as g,c8 as je,c9 as ve,o as N,ca as _e,c0 as we,bW as Se,cb as Ce,O as ke,z as Ee,u as Te,b as K,cc as q,A as Be}from"./index-u0HMC9Vb.js";import{C as Ae}from"./CaseTraceView-DE_NuyEq.js";import"./use-motion-value-BQcCJPQB.js";function w({label:t,helper:c}){return e.jsxs("div",{style:{marginBottom:"8px"},children:[e.jsx("p",{style:{fontSize:"9px",fontFamily:"monospace",letterSpacing:"0.18em",textTransform:"uppercase",color:"#999",margin:0,fontWeight:600},children:t}),c&&e.jsx("p",{style:{fontSize:"11px",color:"#AAA",lineHeight:1.5,marginTop:"4px",margin:0},children:c})]})}function ne({label:t,value:c,onChange:p,placeholder:h,type:u="text"}){return e.jsxs("div",{children:[t&&e.jsx("p",{style:{fontSize:"9px",fontFamily:"monospace",letterSpacing:"0.14em",textTransform:"uppercase",color:"#999",marginBottom:"6px"},children:t}),e.jsx("input",{type:u,value:c||"",onChange:m=>p(m.target.value),placeholder:h,style:{width:"100%",padding:"8px 0",fontSize:"14px",color:"#121212",background:"transparent",border:"none",borderBottom:"1px solid #E0E0E0",outline:"none",transition:"border-color 0.15s"},onFocus:m=>m.target.style.borderColor="#121212",onBlur:m=>m.target.style.borderColor="#E0E0E0"})]})}function v({label:t,helper:c,value:p,onChange:h,placeholder:u,rows:m=3}){return e.jsxs("div",{children:[t&&e.jsx(w,{label:t,helper:c}),e.jsx("textarea",{value:p||"",onChange:x=>h(x.target.value),placeholder:u,rows:m,style:{width:"100%",padding:"8px 0",fontSize:"14px",color:"#121212",background:"transparent",border:"none",borderBottom:"1px solid #E0E0E0",outline:"none",resize:"vertical",lineHeight:1.7,transition:"border-color 0.15s"},onFocus:x=>x.target.style.borderColor="#121212",onBlur:x=>x.target.style.borderColor="#E0E0E0"})]})}function R({onUploaded:t,accept:c="image/*",label:p="Upload",multiple:h=!0}){const u=d.useRef(null),[m,x]=d.useState(!1),T=async y=>{const a=Array.from(y.target.files||[]);if(a.length!==0){x(!0);try{const _=await Promise.all(a.map(b=>k.integrations.Core.UploadFile({file:b}).then(f=>f.file_url)));t(_)}finally{x(!1),u.current&&(u.current.value="")}}};return e.jsxs(e.Fragment,{children:[e.jsxs("button",{type:"button",onClick:()=>{var y;return(y=u.current)==null?void 0:y.click()},disabled:m,style:{display:"inline-flex",alignItems:"center",gap:"6px",fontSize:"11px",fontFamily:"monospace",letterSpacing:"0.06em",textTransform:"uppercase",color:"#777",background:"none",border:"1px solid #E0E0E0",padding:"6px 12px",cursor:m?"default":"pointer",transition:"color 0.15s, border-color 0.15s"},children:[m?e.jsx(ae,{className:"w-3 h-3 animate-spin"}):e.jsx(fe,{className:"w-3 h-3",strokeWidth:1.5}),m?"Uploading…":p]}),e.jsx("input",{ref:u,type:"file",accept:c,multiple:h,className:"hidden",onChange:T})]})}function W({url:t,onRemove:c}){return e.jsxs("div",{style:{position:"relative",width:"72px",height:"72px",flexShrink:0},children:[e.jsx("img",{src:t,alt:"",style:{width:"100%",height:"100%",objectFit:"cover"}}),c&&e.jsx("button",{type:"button",onClick:c,style:{position:"absolute",top:"-6px",right:"-6px",width:"18px",height:"18px",borderRadius:"50%",background:"#121212",color:"#fff",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",minWidth:"18px",minHeight:"18px"},children:e.jsx(ge,{style:{width:"10px",height:"10px"},strokeWidth:2})})]})}function le({onAdd:t}){const[c,p]=d.useState("");return e.jsxs("div",{style:{display:"flex",gap:"8px",alignItems:"center"},children:[e.jsx(ye,{style:{width:"12px",height:"12px",color:"#AAA",flexShrink:0},strokeWidth:1.5}),e.jsx("input",{type:"url",value:c,onChange:h=>p(h.target.value),onKeyDown:h=>{h.key==="Enter"&&(h.preventDefault(),c.trim()&&(t(c.trim()),p("")))},placeholder:"Paste a URL…",style:{flex:1,fontSize:"13px",color:"#121212",background:"transparent",border:"none",borderBottom:"1px solid #E0E0E0",outline:"none",padding:"4px 0"}}),e.jsx("button",{type:"button",onClick:()=>{c.trim()&&(t(c.trim()),p(""))},style:{fontSize:"11px",fontFamily:"monospace",color:"#777",background:"none",border:"none",cursor:"pointer",textTransform:"uppercase"},children:"Add"})]})}function ce({onClick:t,label:c}){return e.jsxs("button",{type:"button",onClick:t,style:{display:"inline-flex",alignItems:"center",gap:"6px",fontSize:"11px",fontFamily:"monospace",letterSpacing:"0.06em",textTransform:"uppercase",color:"#777",background:"none",border:"none",cursor:"pointer",padding:0},children:[e.jsx(be,{style:{width:"12px",height:"12px"},strokeWidth:1.5}),c]})}function Fe({initialData:t,projectId:c,project:p,userId:h,onSave:u,onCancel:m}){var se,oe,re;const[x,T]=d.useState((t==null?void 0:t.case_title)||(t==null?void 0:t.content)||""),[y,a]=d.useState((t==null?void 0:t.case_project_type)||""),[_,b]=d.useState((t==null?void 0:t.case_status)||"in_progress"),[f,A]=d.useState((t==null?void 0:t.case_context)||""),[F,P]=d.useState((t==null?void 0:t.case_intention)||""),[z,U]=d.use

1State((t==null?void 0:t.case_brief)||""),[S,j]=d.useState((t==null?void 0:t.file_urls)||[]),[M,H]=d.useState((t==null?void 0:t.case_output_links)||[]),[L,Q]=d.useState(((se=t==null?void 0:t._parsedRefs)==null?void 0:se.images)||[]),[J,$]=d.useState(((oe=t==null?void 0:t._parsedRefs)==null?void 0:oe.links)||[]),[X,de]=d.useState(((re=t==null?void 0:t._parsedRefs)==null?void 0:re.text)||""),[V,E]=d.useState((t==null?void 0:t._parsedDecisions)||[]),[Y,pe]=d.useState((t==null?void 0:t.case_process_summary)||""),[G,ie]=d.useState((t==null?void 0:t.case_reflection)||""),[I,xe]=d.useState((t==null?void 0:t.case_sos_tags)||[]),[Z,ue]=d.useState((t==null?void 0:t.case_tra_relevance)||""),[D,C]=d.useState((t==null?void 0:t._parsedKeyMoments)||[]),[B,ee]=d.useState(!1),[te,O]=d.useState(null),he=s=>{xe(o=>o.includes(s)?o.filter(n=>n!==s):[...o,s])},me=async()=>{if(!x.trim()){O("A title is required.");return}ee(!0),O(null);try{const s=(p==null?void 0:p.project_signature)||we(c),o={trace_id:c,owner_id:h,parent_project_id:p==null?void 0:p.project_id,project_signature:s,media_type:"images",trace_kind:"case",content:x.trim(),case_title:x.trim(),case_project_type:y||void 0,case_status:_,case_context:f.trim()||void 0,case_intention:F.trim()||void 0,case_brief:z.trim()||void 0,file_urls:S,case_output_links:M,case_references:JSON.stringify({images:L,links:J,text:X.trim()}),case_decisions:JSON.stringify(V.filter(n=>{var l,r,i;return((l=n.title)==null?void 0:l.trim())||((r=n.what_changed)==null?void 0:r.trim())||((i=n.why)==null?void 0:i.trim())})),case_process_summary:Y.trim()||void 0,case_reflection:G.trim()||void 0,case_sos_tags:I,case_tra_relevance:Z.trim()||void 0,case_key_moments:JSON.stringify(D.filter(n=>{var l,r;return((l=n.title)==null?void 0:l.trim())||((r=n.what_happened)==null?void 0:r.trim())})),is_public:(t==null?void 0:t.is_public)??!1};if(t!=null&&t.id)await k.entities.TraceItem.update(t.id,o),u({...t,...o});else{const n=await Se().catch(()=>null);n&&(o.created_location=[n.city,n.country].filter(Boolean).join(", ")),o.trace_display_id=Ce(s);const l=await k.entities.TraceItem.create(o);u({...l,trace_display_id:o.trace_display_id})}}catch(s){O(s.message||"Failed to save")}finally{ee(!1)}};return e.jsxs("div",{style:{paddingBottom:"120px"},children:[e.jsx("p",{style:{fontSize:"13px",color:"#999",lineHeight:1.7,marginBottom:"32px",fontStyle:"italic"},children:g.intro}),e.jsxs("div",{style:{marginBottom:"28px"},children:[e.jsx(w,{label:"Case Trace Title"}),e.jsx("input",{value:x,onChange:s=>T(s.target.value),placeholder:"A short title for the work",style:{width:"100%",fontSize:"22px",fontWeight:500,color:"#121212",background:"transparent",border:"none",borderBottom:"1px solid #E0E0E0",outline:"none",padding:"8px 0",letterSpacing:"-0.02em",transition:"border-color 0.15s"},onFocus:s=>s.target.style.borderColor="#121212",onBlur:s=>s.target.style.borderColor="#E0E0E0"})]}),e.jsxs("div",{style:{display:"flex",gap:"24px",marginBottom:"28px",flexWrap:"wrap"},children:[e.jsxs("div",{style:{flex:"1 1 200px"},children:[e.jsx(w,{label:"Project Type"}),e.jsxs("select",{value:y,onChange:s=>a(s.target.value),style:{width:"100%",fontSize:"14px",color:"#121212",background:"transparent",border:"none",borderBottom:"1px solid #E0E0E0",outline:"none",padding:"8px 0",cursor:"pointer"},children:[e.jsx("option",{value:"",children:"— Select —"}),je.map(s=>e.jsx("option",{value:s.value,children:s.label},s.value))]})]}),e.jsxs("div",{style:{flex:"1 1 150px"},children:[e.jsx(w,{label:"Status"}),e.jsx("select",{value:_,onChange:s=>b(s.target.value),style:{width:"100%",fontSize:"14px",color:"#121212",background:"transparent",border:"none",borderBottom:"1px solid #E0E0E0",outline:"none",padding:"8px 0",cursor:"pointer"},children:ve.map(s=>e.jsx("option",{value:s.value,children:s.label},s.value))})]})]}),e.jsx("div",{style:{marginBottom:"28px"},children:e.jsx(v,{label:"Context",helper:g.context,value:f,onChange:A,placeholder:"What prompted this work…",rows:3})}),e.jsx("div",{style:{marginBottom:"28px"},children:e.jsx(v,{label:"Intention",helper:g.intention,value:F,onChange:P,placeholder:"What were you trying to explore…",rows:3})}),e.jsx("div",{style:{marginBottom:"28px"},children:e.jsx(v,{label:"Brief or Core Question",helper:g.brief,value:z,onChange:U,placeholder:"What question shaped the work…",rows:2})}),e.jsxs("div",{style:{marginBottom:"28px"},children:[e.jsx(w,{label:"Final Output Uploads",helper:g.outputs}),S.length>0&&e.jsx("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap",marginBottom:"12px"},children:S.map((s,o)=>e.jsx(W,{url:s,onRemove:()=>j(n=>n.filter((l,r)=>

1r!==o))},o))}),e.jsx("div",{style:{marginBottom:"12px"},children:e.jsx(R,{onUploaded:s=>j(o=>[...o,...s]),accept:"image/*,video/*,application/pdf",label:"Upload files"})}),M.map((s,o)=>e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"6px"},children:[e.jsx("a",{href:s.startsWith("http")?s:`https://${s}`,target:"_blank",rel:"noopener noreferrer",style:{fontSize:"13px",color:"#121212",textDecoration:"none",flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:s.replace(/^https?:\/\//,"")}),e.jsx("button",{type:"button",onClick:()=>H(n=>n.filter((l,r)=>r!==o)),style:{background:"none",border:"none",cursor:"pointer",color:"#AAA"},children:e.jsx(N,{className:"w-3 h-3",strokeWidth:1.5})})]},o)),e.jsx(le,{onAdd:s=>H(o=>[...o,s])})]}),e.jsxs("div",{style:{marginBottom:"28px"},children:[e.jsx(w,{label:"References",helper:g.references}),L.length>0&&e.jsx("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap",marginBottom:"12px"},children:L.map((s,o)=>e.jsx(W,{url:s,onRemove:()=>Q(n=>n.filter((l,r)=>r!==o))},o))}),e.jsx("div",{style:{marginBottom:"12px"},children:e.jsx(R,{onUploaded:s=>Q(o=>[...o,...s]),accept:"image/*",label:"Upload reference images"})}),J.map((s,o)=>e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"6px"},children:[e.jsx("a",{href:s.startsWith("http")?s:`https://${s}`,target:"_blank",rel:"noopener noreferrer",style:{fontSize:"13px",color:"#121212",textDecoration:"none",flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:s.replace(/^https?:\/\//,"")}),e.jsx("button",{type:"button",onClick:()=>$(n=>n.filter((l,r)=>r!==o)),style:{background:"none",border:"none",cursor:"pointer",color:"#AAA"},children:e.jsx(N,{className:"w-3 h-3",strokeWidth:1.5})})]},o)),e.jsx("div",{style:{marginBottom:"12px"},children:e.jsx(le,{onAdd:s=>$(o=>[...o,s])})}),e.jsx("textarea",{value:X,onChange:s=>de(s.target.value),placeholder:"Notes on references…",rows:2,style:{width:"100%",fontSize:"13px",color:"#121212",background:"transparent",border:"none",borderBottom:"1px solid #E0E0E0",outline:"none",resize:"vertical",padding:"8px 0",lineHeight:1.7}})]}),e.jsxs("div",{style:{marginBottom:"28px"},children:[e.jsx(w,{label:"Key Decisions"}),V.map((s,o)=>e.jsxs("div",{style:{padding:"16px 0",borderBottom:"1px solid #F0F0F0"},children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",marginBottom:"8px"},children:[e.jsxs("span",{style:{fontSize:"9px",fontFamily:"monospace",color:"#AAA",letterSpacing:"0.1em",textTransform:"uppercase"},children:["Decision ",o+1]}),e.jsx("button",{type:"button",onClick:()=>E(n=>n.filter((l,r)=>r!==o)),style:{background:"none",border:"none",cursor:"pointer",color:"#AAA"},children:e.jsx(N,{className:"w-3 h-3",strokeWidth:1.5})})]}),e.jsx(ne,{value:s.title,onChange:n=>E(l=>l.map((r,i)=>i===o?{...r,title:n}:r)),placeholder:"Decision title"}),e.jsx("div",{style:{height:"12px"}}),e.jsx(v,{value:s.what_changed,onChange:n=>E(l=>l.map((r,i)=>i===o?{...r,what_changed:n}:r)),placeholder:g.decisions_what,rows:2}),e.jsx("div",{style:{height:"12px"}}),e.jsx(v,{value:s.why,onChange:n=>E(l=>l.map((r,i)=>i===o?{...r,why:n}:r)),placeholder:g.decisions_why,rows:2}),e.jsx("div",{style:{height:"8px"}}),s.file_url?e.jsx("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:e.jsx(W,{url:s.file_url,onRemove:()=>E(n=>n.map((l,r)=>r===o?{...l,file_url:void 0}:l))})}):e.jsx(R,{onUploaded:n=>E(l=>l.map((r,i)=>i===o?{...r,file_url:n[0]}:r)),accept:"image/*",label:"Add visual",multiple:!1})]},o)),e.jsx(ce,{onClick:()=>E(s=>[...s,{title:"",what_changed:"",why:"",file_url:void 0}]),label:"Add decision"})]}),e.jsx("div",{style:{marginBottom:"28px"},children:e.jsx(v,{label:"Process Summary",helper:g.process_summary,value:Y,onChange:pe,placeholder:"How the work came together…",rows:3})}),e.jsx("div",{style:{marginBottom:"28px"},children:e.jsx(v,{label:"Reflection",helper:g.reflection,value:G,onChange:ie,placeholder:"What this work reveals…",rows:3})}),e.jsxs("div",{style:{marginBottom:"28px"},children:[e.jsx(w,{label:"SOS Tags",helper:"Tag this trace by axis."}),e.jsx("div",{style:{display:"flex",gap:"12px"},children:_e.map(s=>e.jsx("button",{type:"button",onClick:()=>he(s.value),style:{fontSize:"12px",fontFamily:"monospace",letterSpacing:"0.06em",textTransform:"uppercase",color:I.includes(s.value)?"#fff":"#777",background:I.includes(s.value)?"#121212":"transparent",border:"1px solid "+(I.includes(s.value)?"#121212":"#E0E0E0"),padding:"6px 14px",cursor:"pointer",transition:"all 0.15s"},children:s.label},s.value))})]}),e.jsx("div",{style:{marginBottom:"28px"},children:e.jsx(v,{label:"TRA Relevance (optional)",helper:g.tra_relevance,value:Z,onChange:ue,placeholder:"What this reveals about your temperament…",rows:2})}),e.jsxs("div",{style:{marginBottom:"28px"},children:[e.jsx(w,{label:"Key Moments (optional)",helper:"Date certain moments without building a full timeline."}),D.map((s,o)=>e.jsxs("div",{style:{padding:"16px 0",borderBottom:"1px solid #F0F0F0"},children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",marginBottom:"8px"},children:[e.jsxs("span",{style:{fontSize:"9px",fontFamily:"monospace",color:"#AAA",letterSpacing:"0.1em",textTransform:"uppercase"},children:["Moment ",o+1]}),e.jsx("button",{type:"button",onClick:()=>C(n=>n.filter((l,r)=>

1r!==o)),style:{background:"none",border:"none",cursor:"pointer",color:"#AAA"},children:e.jsx(N,{className:"w-3 h-3",strokeWidth:1.5})})]}),e.jsx("input",{type:"date",value:s.date||"",onChange:n=>C(l=>l.map((r,i)=>i===o?{...r,date:n.target.value}:r)),style:{width:"100%",fontSize:"13px",color:"#121212",background:"transparent",border:"none",borderBottom:"1px solid #E0E0E0",outline:"none",padding:"6px 0",marginBottom:"8px"}}),e.jsx(ne,{value:s.title,onChange:n=>C(l=>l.map((r,i)=>i===o?{...r,title:n}:r)),placeholder:"Moment title"}),e.jsx("div",{style:{height:"12px"}}),e.jsx(v,{value:s.what_happened,onChange:n=>C(l=>l.map((r,i)=>i===o?{...r,what_happened:n}:r)),placeholder:g.key_moment_what,rows:2}),e.jsx("div",{style:{height:"12px"}}),e.jsx(v,{value:s.why_mattered,onChange:n=>C(l=>l.map((r,i)=>i===o?{...r,why_mattered:n}:r)),placeholder:g.key_moment_why,rows:2}),e.jsx("div",{style:{height:"8px"}}),s.evidence_url?e.jsx(W,{url:s.evidence_url,onRemove:()=>C(n=>n.map((l,r)=>r===o?{...l,evidence_url:void 0}:l))}):e.jsx(R,{onUploaded:n=>C(l=>l.map((r,i)=>i===o?{...r,evidence_url:n[0]}:r)),accept:"image/*",label:"Add evidence",multiple:!1})]},o)),e.jsx(ce,{onClick:()=>C(s=>[...s,{date:"",title:"",what_happened:"",why_mattered:"",evidence_url:void 0}]),label:"Add Key Moment"})]}),te&&e.jsx("p",{style:{fontSize:"13px",color:"#CC3333",marginBottom:"16px"},children:te}),e.jsxs("div",{style:{position:"fixed",bottom:0,left:0,right:0,zIndex:40,background:"hsl(var(--background))",borderTop:"1px solid hsl(var(--border))",padding:"12px 20px",paddingBottom:"calc(12px + env(safe-area-inset-bottom))",display:"flex",justifyContent:"flex-end",gap:"12px"},children:[e.jsx("button",{type:"button",onClick:m,disabled:B,style:{fontSize:"12px",fontFamily:"monospace",color:"#777",background:"none",border:"none",cursor:"pointer",textTransform:"uppercase",letterSpacing:"0.06em",padding:"8px 16px"},children:"Cancel"}),e.jsxs("button",{type:"button",onClick:me,disabled:B,style:{display:"flex",alignItems:"center",gap:"6px",fontSize:"12px",fontFamily:"monospace",color:"#fff",background:"#121212",border:"none",cursor:"pointer",textTransform:"uppercase",letterSpacing:"0.06em",padding:"8px 20px",opacity:B?.5:1},children:[B&&e.jsx(ae,{className:"w-3 h-3 animate-spin"}),B?"Saving…":"Save Case Trace"]})]})]})}function Re(){const{projectId:t,itemId:c}=ke(),p=Ee(),h=Te(),[u,m]=d.useState(null),x=!c||c==="new",[T,y]=d.useState(x);d.useEffect(()=>{k.auth.me().then(m).catch(()=>{})},[]);const{data:a,isLoading:_}=K({queryKey:["case-trace-item",c],queryFn:()=>k.entities.TraceItem.filter({trace_display_id:c}).then(j=>j[0]||null),enabled:!!c&&!x}),b=t||(a==null?void 0:a.trace_id),{data:f}=K({queryKey:["trace-project",b],queryFn:()=>k.entities.Trace.filter({id:b}).then(j=>j[0]||null),enabled:!!b}),A=(u==null?void 0:u.id)===(f==null?void 0:f.owner_id),{data:F}=K({queryKey:["case-author",a==null?void 0:a.owner_id],queryFn:()=>k.entities.TRESDAProfile.filter({user_id:a.owner_id}).then(j=>j[0]||null),enabled:!!(a!=null&&a.owner_id)}),P=async()=>{await k.entities.TraceItem.update(a.id,{is_public:!a.is_public}),h.invalidateQueries({queryKey:["case-trace-item",c]})},z=a?{...a,_parsedRefs:q(a.case_references,{images:[],links:[],text:""}),_parsedDecisions:q(a.case_decisions,[]),_parsedKeyMoments:q(a.case_key_moments,[])}:null,U=j=>{h.invalidateQueries({queryKey:["trace-items",b]}),h.invalidateQueries({queryKey:["case-trace-item",j.trace_display_id]}),p(`/case-trace/${j.trace_display_id}`),y(!1)},S=x||A&&T;return e.jsx("div",{className:"min-h-screen bg-background","data-immersive":!0,children:e.jsxs("div",{className:"mx-auto px-4 md:px-8 lg:px-12 max-w-6xl",children:[e.jsxs("div",{className:"flex items-center justify-between mb-10 md:mb-14 pt-8 md:pt-12",children:[e.jsxs("button",{onClick:()=>p(`/trace/${b}`),className:"flex items-center gap-2 text-[11px] uppercase tracking-widest text-[#777] hover:text-[#121212] transition-colors",children:[e.jsx(Be,{className:"w-3 h-3",strokeWidth:1.5}),(f==null?void 0:f.name)||"Project"]}),e.jsx("span",{className:"text-[9px] font-mono uppercase tracking-[0.16em] text-[#AAA]",children:x?"New Case Trace":S?"Edit Case Trace":"Case Trace"})]}),_&&e.jsx("div",{className:"flex items-center justify-center py-20",children:e.jsx("div",{className:"w-5 h-5 border border-[#DDD] border-t-[#777] rounded-full animate-spin"})}),!_&&S&&e.jsx(Fe,{initialData:z,projectId:b,project:f,userId:u==null?void 0:u.id,onSave:U,onCancel:()=>x?p(`/trace/${b}`):y(!1)}),!_&&!S&&a&&e.jsx(Ae,{item:a,isOwner:A,onEdit:()=>y(!0),author:F,onTogglePublic:P}),!_&&!S&&!a&&e.jsx("div",{className:"py-20 text-center",children:e.jsx("p",{className:"text-[12px] text-[#777]",children:"Case trace not found."})})]})})}export{Re as default};