https://naemo.ai/_next/static/chunks/3591.0485e480f79b124c.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3591],{15051:function(e,t,s){s.d(t,{Z:function(){return r}});let r=(0,s(79205).Z)("ArrowDown",[["path",{d:"M12 5v14",key:"s699le"}],["path",{d:"m19 12-7 7-7-7",key:"1idqje"}]])},32660:function(e,t,s){s.d(t,{Z:function(){return r}});let r=(0,s(79205).Z)("ArrowLeft",[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]])},20265:function(e,t,s){s.d(t,{Z:function(){return r}});let r=(0,s(79205).Z)("ArrowUp",[["path",{d:"m5 12 7-7 7 7",key:"hav0vg"}],["path",{d:"M12 19V5",key:"x0mq9r"}]])},69076:function(e,t,s){s.d(t,{Z:function(){return r}});let r=(0,s(79205).Z)("RotateCcw",[["path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",key:"1357e3"}],["path",{d:"M3 3v5h5",key:"1xhq8a"}]])},83229:function(e,t,s){s.d(t,{Z:function(){return r}});let r=(0,s(79205).Z)("Save",[["path",{d:"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",key:"1c8476"}],["path",{d:"M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7",key:"1ydtos"}],["path",{d:"M7 3v4a1 1 0 0 0 1 1h7",key:"t51u73"}]])},14064:function(e,t,s){s.d(t,{Z:function(){return r}});let r=(0,s(79205).Z)("Undo2",[["path",{d:"M9 14 4 9l5-5",key:"102s5s"}],["path",{d:"M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5v0a5.5 5.5 0 0 1-5.5 5.5H11",key:"llx8ln"}]])},62883:function(e,t,s){s.d(t,{Z:function(){return r}});let r=(0,s(79205).Z)("WandSparkles",[["path",{d:"m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72",key:"ul74o6"}],["path",{d:"m14 7 3 3",key:"1r5n42"}],["path",{d:"M5 6v4",key:"ilb8ba"}],["path",{d:"M19 14v4",key:"blhpug"}],["path",{d:"M10 2v2",key:"7u0qdc"}],["path",{d:"M7 8H3",key:"zfb6yr"}],["path",{d:"M21 16h-4",key:"1cnmox"}],["path",{d:"M11 3H9",key:"1obp7u"}]])},48313:function(e,t,s){s.d(t,{Z:function(){return i}});var r=s(2265),n=s(54887);function i(e){let{children:t}=e,[s,i]=(0,r.useState)(!1);return(0,r.useEffect)(()=>(i(!0),()=>i(!1)),[]),s?(0,n.createPortal)(t,document.body):null}},43591:function(e,t,s){s.r(t),s.d(t,{default:function(){return F}});var r=s(57437),n=s(98319),i=s(10136),a=s(2265),l=s(40875),d=s(32660),c=s(62883),o=s(79205);let x=(0,o.Z)("FileSpreadsheet",[["path",{d:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z",key:"1rqfz7"}],["path",{d:"M14 2v4a2 2 0 0 0 2 2h4",key:"tnqrlb"}],["path",{d:"M8 13h2",key:"yr2amv"}],["path",{d:"M14 13h2",key:"un5t4a"}],["path",{d:"M8 17h2",key:"2yhykz"}],["path",{d:"M14 17h2",key:"10kma7"}]]),u=(0,o.Z)("ListFilter",[["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M7 12h10",key:"b7w52i"}],["path",{d:"M10 18h4",key:"1ulq68"}]]);var h=s(20265),m=s(15051),b=s(69076),p=s(51817),f=s(18930),g=s(14064),v=s(83229),k=s(92451),w=s(10407),z=s(73247),j=s(32489),N=s(33245),y=s(30401),C=s(93448),M=s(83008),S=s(67920),Z=s(34137);function E(e){var t;let{surveyId:s,targetClasses:n,classList:i,questions:d,onClose:c,onSuccess:o}=e,x=(0,S.XC)();(0,Z.j)(c);let[u,h]=(0,a.useState)(0),[m,b]=(0,a.useState)(2),[f,g]=(0,a.useState)([]),[v,k]=(0,a.useState)(d.map(e=>e.id)),w="담임 학급",z=n.filter(e=>e!==w),E=0===z.length,D=i.filter(e=>e!==w),[L,A]=(0,a.useState)(null!==(t=D[0])&&void 0!==t?t:""),[q,I]=(0,a.useState)(!1),[_,R]=(0,a.useState)(null),T=E?L:z[0];(0,a.useEffect)(()=>{!L&&D.length>0&&A(D[0])},[D,L]),(0,a.useEffect)(()=>{if(!T)return;let e=!0;return(async()=>{try{let t=await (0,M.X)("getEvaluationColumnConfig",{classId:T},x);e&&t.success&&t.data&&(b(Math.max(2,t.data.seteukSourceCount)),g(t.data.seteukSourceNames||[]))}catch(e){console.error("Failed to fetch column config:",e)}})(),()=>{e=!1}},[T,x]);let F=e=>{k(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},X=e=>{k(e?d.map(e=>e.id):[])},P=async()=>{if(0===v.length){R("최소 하나 이상의 문항을 선택해주세요.");return}I(!0),R(null);try{var e,t;let r=(null===(e=f[u])||void 0===e?void 0:e.trim())||"자료 ".concat(u+1),n=await (0,M.X)("copySurveyToEvaluation",{surveyId:s,targetColumnIndex:u,targetColumnName:r,selectedQuestionIds:v,...E&&L?{overrideTargetClasses:[L]}:{},userId:(null===(t=x.user)||void 0===t?void 0:t.id)||""},x);n.success?(o(n.message||"성공적으로 복사되었습니다."),c()):R(n.error||"복사에 실패했습니다.")}catch(e){R("서버 오류가 발생했습니다.")}finally{I(!1)}};return(0,r.jsx)("div",{className:"modal-viewport z-[100] flex items-center justify-center bg-black/40 backdrop-blur-sm p-4 animate-in fade-in duration-200",children:(0,r.jsxs)("div",{className:"bg-white dark:bg-[#1c1c1e] rounded-2xl shadow-2xl w-full max-w-lg border border-zinc-200 dark:border-white/10 overflow-hidden animate-in zoom-in-95 duration-200 flex flex-col max-h-full",children:[(0,r.jsxs)("div",{className:"px-6 pt-6 pb-4 flex items-center justify-between shrink-0",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h3",{className:"text-lg font-bold text-zinc-900 dark:text-white",children:"세특 자료로 복사"}),(0,r.jsx)("p",{className:"text-xs text-zinc-500 mt-0.5",children:"설문 응답 내용을 수행\xb7세특 페이지의 자료 열로 복사합니다."})]}),(0,r.jsx)("button",{"aria-label":"닫기",onClick:c,className:"p-2 hover:bg-zinc-100 dark:hover:bg-white/5 rounded-full transition-colors text-zinc-400",children:(0,r.jsx)(j.Z,{size:20})})]}),(0,r.jsxs)("div",{className:"p-6 space-y-6 overflow-y-auto custom-scrollbar flex-1",children:[(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsx)("label",{className:"text-xs font-bold text-zinc-500 uppercase tracking-wider",children:"대상 학급"}),E?(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)("select",{value:L,onChange:e=>A(e.target.value),className:"w-full h-11 px-4 bg-zinc-50 dark:bg-white/5 border border-zinc-200 dark:border-white/10 rounded-xl text-sm font-medium text-zinc-900 dark:text-zinc-100 focus:outline-none focus:ring-2 focus:ring-zinc-400/30 dark:focus:ring-white/20 appearance-none",children:D.map(e=>(0,r.jsx)("option",{value:e,children:e},e))}),(0,r.jsx)(l.Z,{size:14,className:"absolute right-4 top-1/2 -translate-y-1/2 pointer-events-none text-zinc-400"})]}):(0,r.jsx)("div",{className:"px-4 py-3 bg-zinc-50 dark:bg-white/5 border border-zinc-200 dark:border-white/10 rounded-xl",children:(0,r.jsx)("span",{className:"text-sm font-semibold text-zinc-900 dark:text-zinc-100",children:z.join(", ")})})]}),(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsx)("label",{className:"text-xs font-bold text-zinc-500 uppercase tracking-wider",children:"자료 열 선택"}),(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)("select",{value:u,onChange:e=>h(Number(e.target.value)),className:"w-full h-11 px-4 bg-zinc-50 dark:bg-white/5 border border-zinc-200 dark:border-white/10 rounded-xl text-sm font-medium text-zinc-900 dark:text-zinc-100 focus:outline-none focus:ring-2 focus:ring-zinc-400/30 dark:focus:ring-white/20 appearance-none",children:Array.from({length:m}).map((e,t)=>(0,r.jsx)("option",{value:t,children:f[t]||"자료 ".concat(t+1)},t))}),(0,r.jsx)(l.Z,{size:14,className:"absolute right-4 top-1/2 -translate-y-1/2 pointer-events-none text-zinc-400"})]}),z.length>1&&(0,r.jsxs)("p",{className:"text-[11px] text-zinc-500 dark:text-zinc-400 flex items-start gap-1.5 mt-1.5 leading-relaxed",children:[(0,r.jsx)(N.Z,{size:12,className:"shrink-0 mt-0.5"}

1),(0,r.jsxs)("span",{children:[z.length,"개 학급(",z.join(", "),")에 복사됩니다. 학급별로 같은 ",(0,r.jsx)("b",{children:"이름"}),"의 자료 열에 들어가며, 해당 이름의 열이 없는 학급은 제외됩니다."]})]})]}),(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between mb-1",children:[(0,r.jsx)("label",{className:"text-xs font-bold text-zinc-500 uppercase tracking-wider",children:"복사할 문항 선택"}),(0,r.jsxs)("div",{className:"flex gap-3",children:[(0,r.jsx)("button",{onClick:()=>X(!0),className:"text-[10px] font-bold text-zinc-900 dark:text-zinc-100 hover:underline",children:"전체 선택"}),(0,r.jsx)("button",{onClick:()=>X(!1),className:"text-[10px] font-bold text-zinc-400 hover:underline",children:"해제"})]})]}),(0,r.jsx)("div",{className:"bg-zinc-50 dark:bg-white/5 border border-zinc-200 dark:border-white/10 rounded-xl max-h-[200px] overflow-y-auto custom-scrollbar p-2 space-y-1",children:d.map(e=>{let t=v.includes(e.id);return(0,r.jsxs)("div",{onClick:()=>F(e.id),className:"flex items-center gap-3 px-3 py-2 hover:bg-white dark:hover:bg-white/10 rounded-xl transition-colors cursor-pointer group",children:[(0,r.jsx)("input",{type:"checkbox",checked:t,readOnly:!0,className:"w-4 h-4 accent-zinc-900 dark:accent-zinc-100 cursor-pointer shrink-0 mt-[2px]"}),(0,r.jsx)("div",{className:"flex-1",children:(0,r.jsx)("span",{className:(0,C.cn)("text-[13px] font-medium transition-colors",t?"text-zinc-900 dark:text-zinc-100":"text-zinc-500 dark:text-zinc-400"),children:e.question})})]},e.id)})})]}),_&&(0,r.jsx)("div",{className:"p-3 bg-red-50 dark:bg-red-500/10 border border-red-100 dark:border-red-500/20 rounded-xl text-red-600 dark:text-red-400 text-xs text-center font-medium",children:_})]}),(0,r.jsxs)("div",{className:"px-6 pt-2 pb-6 shrink-0 flex gap-3",children:[(0,r.jsx)("button",{onClick:c,className:"flex-1 py-2.5 rounded-xl text-sm font-semibold text-zinc-500 hover:bg-zinc-100 dark:hover:bg-white/5 active:scale-95 transition",children:"취소"}),(0,r.jsxs)("button",{onClick:P,disabled:q||0===v.length,className:"survey-copy-primary flex-[2] py-2.5 bg-zinc-900 dark:bg-zinc-100 text-white dark:text-zinc-900 rounded-xl text-sm font-bold shadow-sm hover:bg-zinc-800 dark:hover:bg-zinc-200 active:scale-95 transition disabled:opacity-50 disabled:active:scale-100 flex items-center justify-center gap-2",children:[q?(0,r.jsx)(p.Z,{size:16,className:"animate-spin"}):(0,r.jsx)(y.Z,{size:16}),"수행\xb7세특의 자료 열에 추가하기"]})]})]})})}var D=s(53834),L=s(91455),A=s(48313),q=s(4908),I=s(64954);function _(e){var t,s;let r=new Set,n=null===(t=e.homeClassId)||void 0===t?void 0:t.trim();return n&&r.add(n),null===(s=e.customClassIds)||void 0===s||s.forEach(e=>{let t=null==e?void 0:e.trim();t&&r.add(t)}),Array.from(r)}function R(e,t){return _(e).includes(t)}function T(e,t){let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=_(e);if(t&&r.includes(t))return t;let n=s.length>0?r.filter(e=>s.includes(e)):r;return n.length>0?n.join(", "):e.grade&&e.classNum?"".concat(e.grade,"학년 ").concat(e.classNum,"반"):"-"}function F(e){var t;let{survey:o,responses:u,onBack:h,onShowQR:m,embedMode:b=!1,isHomeroomTarget:p=!1,hasMore:f=!1,isLoadingMore:g=!1,onLoadMore:v=()=>{},onAttachmentDeleted:k,onResponseDeleted:w,modeSwitch:z}=e;(0,S.XC)(),(0,i.N)();let{showToast:j}=(0,n.p)(),{classes:N,students:y}=(0,q.AF)(),[M,Z]=(0,a.useState)(o.questions||[]);(0,a.useEffect)(()=>{Z(o.questions||[])},[o.questions]);let[D,A]=(0,a.useState)("all"),[I,F]=(0,a.useState)("all"),B=(0,a.useMemo)(()=>{var e;return null!==(e=o.targetClasses)&&void 0!==e?e:[]},[o.targetClasses]),H="all"===I?void 0:I,V=(0,a.useMemo)(()=>"all"===I?u:u.filter(e=>R(e.student,I)),[u,I]),O=(0,a.useMemo)(()=>new Set(u.map(e=>e.student.id)),[u]),Q=(0,a.useMemo)(()=>y.filter(e=>!O.has(e.id)&&!!(0===B.length||_(e).some(e=>B.includes(e)))&&("all"===I||R(e,I))).sort((e,t)=>{var s,r,n,i;let a=T(e,H,B).localeCompare(T(t,H,B),"ko");return 0!==a?a:(null!==(s=e.grade)&&void 0!==s?s:0)-(null!==(r=t.grade)&&void 0!==r?r:0)||(null!==(n=e.classNum)&&void 0!==n?n:0)-(null!==(i=t.classNum)&&void 0!==i?i:0)||e.number-t.number}),[y,O,B,I,H]),G=(0,a.useMemo)(()=>

1{if(B.length>0)return B;let e=new Set;N.forEach(t=>e.add(t)),u.forEach(t=>{_(t.student).forEach(t=>e.add(t))});let t=N.filter((t,s)=>e.has(t)&&N.indexOf(t)===s),s=Array.from(e).filter(e=>!t.includes(e)).sort((e,t)=>e.localeCompare(t,"ko"));return[...t,...s]},[N,B,u]);(0,a.useEffect)(()=>{"all"===I||G.includes(I)||F("all")},[G,I]);let J=(0,a.useCallback)(async()=>{let e=V.map(e=>{let t={학급:T(e.student,H,B),번호:String(e.student.number),이름:e.student.name};return M.forEach(s=>{t[s.question]=e.answers[s.id||""]||""}),t["제출일시"]=new Date(e.submittedAt).toLocaleString("ko-KR"),t}),t=await Promise.all([s.e(1425),s.e(6919)]).then(s.bind(s,2093)),r=t.utils.json_to_sheet(e),n=t.utils.book_new();t.utils.book_append_sheet(n,r,"설문 응답");let i=(0,C.RJ)();t.writeFile(n,"".concat(o.title,"_응답_").concat(i,".xlsx"))},[V,M,H,B,o.title]),[Y,$]=(0,a.useState)(0),[ee,et]=(0,a.useState)(0),[es,er]=(0,a.useState)(!1),en=(0,r.jsx)("div",{className:"relative group shrink-0",children:(0,r.jsxs)("div",{className:"h-8 flex items-center gap-1.5 pl-3 pr-2.5 rounded-lg bg-zinc-100 dark:bg-white/5 border border-zinc-200 dark:border-white/10 hover:bg-zinc-200/70 dark:hover:bg-white/10 transition cursor-pointer",children:[(0,r.jsx)("span",{className:"text-xs font-medium text-zinc-700 dark:text-zinc-300 truncate max-w-[120px]",children:"all"===I?"전체 학급":I}),(0,r.jsx)(l.Z,{size:12,className:"text-zinc-400 shrink-0"}),(0,r.jsxs)("select",{"aria-label":"학급 필터",value:I,onChange:e=>F(e.target.value),className:"absolute inset-0 w-full h-full opacity-0 cursor-pointer",children:[(0,r.jsx)("option",{value:"all",children:"전체 학급"}),G.map(e=>(0,r.jsx)("option",{value:e,children:e},e))]})]})});return(0,r.jsxs)("div",{className:(0,C.cn)("h-full flex flex-col bg-white dark:bg-[#0c0c0e]",b&&"pt-16 md:pt-0"),children:[!b&&(0,r.jsxs)("div",{className:"h-16 px-6 border-b border-white/5 flex items-center justify-between shrink-0 bg-[#09090b]",children:[(0,r.jsxs)("div",{className:"flex items-center gap-4",children:[(0,r.jsx)("button",{"aria-label":"뒤로가기",onClick:h,className:"text-zinc-400 hover:text-white transition-colors",children:(0,r.jsx)(d.Z,{size:20})}),(0,r.jsxs)("h2",{className:"text-lg font-bold text-white flex items-center gap-2",children:[o.title,(0,r.jsxs)("span",{className:"text-sm font-normal text-zinc-500 bg-zinc-800 px-2 py-0.5 rounded-full",children:["응답 ",V.length," / ",(null===(t=o._count)||void 0===t?void 0:t.responses)||u.length]})]})]}),en]}),(0,r.jsx)("div",{className:"px-4 md:px-6 border-b border-zinc-200 dark:border-white/5 bg-white dark:bg-[#09090b] overflow-x-auto no-scrollbar",children:(0,r.jsxs)("div",{className:"flex items-center justify-between min-w-max md:min-w-0",children:[(0,r.jsxs)("div",{className:"flex items-center gap-4",children:[z,(0,r.jsx)(L.s,{variant:"underline",value:D,onChange:A,"aria-label":"응답 보기",className:"gap-6 md:gap-8",itemClassName:"py-3 text-[13px] md:text-sm font-medium top-[1px] whitespace-nowrap",activeItem

1ClassName:"text-blue-500",inactiveItemClassName:"text-zinc-500 hover:text-zinc-300",indicatorClassName:"bg-blue-500",options:[{key:"all",label:"전체"},{key:"summary",label:"요약"},{key:"question",label:"질문"},{key:"individual",label:"개별"},{key:"non-respondents",label:"미응답 (".concat(Q.length,")")}]})]}),(0,r.jsxs)("div",{className:"hidden md:flex items-center gap-2 my-2",children:[b&&en,"all"===D&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("button",{onClick:()=>{let e=o.targetClasses||[];if(e.length>0&&e.every(e=>"담임 학급"===e)){j("세특 자료로 복사하는 기능은 교과 학급을 대상으로 한 설문에서만 사용할 수 있습니다.\n담임 학급은 수행\xb7세특 페이지에 존재하지 않습니다.","error");return}er(!0)},className:"flex items-center gap-1.5 text-xs font-bold px-3 py-2 rounded-lg !text-white hover:opacity-90 transition-opacity shrink-0 whitespace-nowrap",style:{backgroundColor:"#3182F6"},children:[(0,r.jsx)(c.Z,{size:14,strokeWidth:2.5}),"세특 자료로 복사"]}),(0,r.jsxs)("button",{onClick:J,className:"flex items-center gap-1.5 text-xs font-bold px-3 py-2 rounded-lg !text-white hover:opacity-90 transition-colors",style:{backgroundColor:"#00ac47"},children:[(0,r.jsx)(x,{size:14,strokeWidth:3}),"엑셀 다운로드"]})]})]})]})}),(0,r.jsx)("div",{className:(0,C.cn)("flex-1 bg-white dark:bg-[#0c0c0e] survey-responses-content","all"===D?"overflow-hidden flex flex-col p-1 md:p-2":"overflow-auto custom-scrollbar p-4 md:p-6"),children:"all"===D?(0,r.jsx)(X,{surveyId:o.id,questions:M,responses:V,classFilter:I,targetClasses:B,hasMore:f,isLoadingMore:g,onLoadMore:v,onResponseDeleted:w}):(0,r.jsxs)("div",{className:"max-w-3xl mx-auto pb-20",children:["summary"===D&&(0,r.jsx)(P,{questions:M,responses:V,hasMore:f,isLoadingMore:g,onLoadMore:v,onNavigateToQuestion:e=>{$(e),A("question")}}),"question"===D&&(0,r.jsx)(K,{questions:M,responses:V,hasMore:f,isLoadingMore:g,onLoadMore:v,selectedQIdx:Y,setSelectedQIdx:$}),"individual"===D&&(0,r.jsx)(W,{questions:M,responses:V,hasMore:f,isLoadingMore:g,onLoadMore:v,currentIndex:ee,setCurrentIndex:et,onAttachmentDeleted:k}),"non-respondents"===D&&(0,r.jsx)(U,{nonRespondents:Q,classFilter:I,targetClasses:B})]})}),es&&(0,r.jsx)(E,{surveyId:o.id,targetClasses:o.targetClasses||[],classList:N,questions:M.filter(e=>e.id).map(e=>({id:e.id,question:e.question})),onClose:()=>er(!1),onSuccess:()=>{er(!1),j("수행\xb7세특 화면의 자료 열에 추가했습니다.","success")}})]})}function X(e){let{surveyId:t,questions:s,responses:l,classFilter:d="all",targetClasses:c=[],hasMore:o=!1,isLoadingMore:x=!1,onLoadMore:k=()=>{},onResponseDeleted:w}=e,z=(0,S.XC)(),j=(0,i.N)(),{showToast:N}=(0,n.p)(),y=(0,a.useRef)(null),[Z,E]=(0,a.useState)(null),[L,q]=(0,a.useState)(new Map),[_,R]=(0,a.useState)(!1),F=(0,a.useRef)(null),[X,P]=(0,a.useState)(null);(0,a.useEffect)(()=>{Z&&F.current&&F.current.focus()},[Z]);let K=(0,a.useMemo)(()=>["학급","번호","이름",...s.map(e=>e.question),"제출일시"],[s]),W=K.length,B=e=>e>=3&&e<W-1,H=(e,t,s)=>{let r="".concat(e,"::").concat(t);return L.has(r)?L.get(r):s},U=(0,a.useMemo)(()=>l.map(e=>{let t="all"===d?void 0:d,r=[T(e.student,t,c),String(e.student.number),e.student.name];return s.forEach(t=>{let s=t.id||"",n=e.answers[s]||"";r.push(H(e.id,s,n))}),r.push(new Date(e.submittedAt).toLocaleString("ko-KR")),{responseId:e.id,cells:r}}),[l,s,L,d,c]),[V,O]=(0,a.useState)(null),[Q,G]=(0,a.useState)("asc"),[J,Y]=(0,a.useState)({}),[$,ee]=(0,a.useState)(null),[et,es]=(0,a.useState)(null),er=(0,a.useRef)(null);(0,a.useEffect)(()=>{let e=e=>{var t,s;let r=e.target;!(er.current&&er.current.contains(r))&&(null!==(t=(s=e.target).closest)&&void 0!==t&&t.call(s,".filter-btn")||ee(null))},t=y.current,s=()=>{null!==$&&ee(null)};return document.addEventListener("mousedown",e),null==t||t.addEventListener("scroll",s),()=>{document.removeEventListener("mousedown",e),null==t||t.removeEventListener("scroll",s)}},[$]);let en=e=>{let t=new Set;return U.forEach(s=>{let r=s.cells[e]||"";r&&t.add(r)}),Array.from(t).sort()},ei=(0,a.useMemo)(()=>U.filter(e=>{for(let[t,s]of Object.entries(J)){if(0===s.size)continue;let r=e.cells[Number(t)]||"";if(!s.has(r))return!1}return!0}),[U,J]),ea=(0,a.useMemo)(()=>null!==V?[...ei].sort((e,t)=>

1{let s=e.cells[V]||"",r=t.cells[V]||"",n=Number(s),i=Number(r),a=isNaN(n)||isNaN(i)?s.localeCompare(r,"ko"):n-i;return"asc"===Q?a:-a}):ei,[ei,V,Q]),el=(e,t)=>{O(e),G(t)},ed=(e,t)=>{Y(s=>{let r={...s},n=new Set(r[e]||[]);return n.has(t)?n.delete(t):n.add(t),0===n.size?delete r[e]:r[e]=n,r})},ec=e=>{Y(t=>{let s={...t};return delete s[e],s}),V===e&&O(null)},[eo,ex]=(0,a.useState)(null),[eu,eh]=(0,a.useState)(null),[em,eb]=(0,a.useState)(!1),[ep,ef]=(0,a.useState)({}),eg=(0,a.useRef)(null),ev=e=>{var t;return null!==(t=ep[e])&&void 0!==t?t:0===e?80:1===e?60:2===e?90:200},ek=e=>{let t=0;for(let s=0;s<e;s++)t+=ev(s);return t},[ew,ez]=(0,a.useState)(0);(0,a.useEffect)(()=>{let e=y.current;if(!e)return;let t=new ResizeObserver(e=>ez(e[0].contentRect.width));return t.observe(e),()=>t.disconnect()},[]);let ej=K.reduce((e,t,s)=>e+ev(s),0)+44,eN=Math.max(0,W-3),ey=eN>0?Math.max(0,ew-ej)/eN:0,eC=e=>ev(e)+(e>=3?ey:0),eM=(0,a.useCallback)(()=>eo&&eu?{minRow:Math.min(eo.row,eu.row),maxRow:Math.max(eo.row,eu.row),minCol:Math.min(eo.col,eu.col),maxCol:Math.max(eo.col,eu.col)}:null,[eo,eu]),eS=(e,t)=>{let s=eM();return!!s&&e>=s.minRow&&e<=s.maxRow&&t>=s.minCol&&t<=s.maxCol},eZ=(e,t,s)=>{var r;s.preventDefault(),null===(r=y.current)||void 0===r||r.focus(),s.shiftKey&&eo||ex({row:e,col:t}),eh({row:e,col:t}),eb(!0)},eE=(e,t)=>{em&&eh({row:e,col:t})};(0,a.useEffect)(()=>{let e=()=>eb(!1);return window.addEventListener("mouseup",e),()=>window.removeEventListener("mouseup",e)},[]);let eD=(e,t)=>{e.preventDefault(),e.stopPropagation();let s=e.currentTarget.closest("th");eg.current={colIdx:t,startX:e.clientX,startWidth:s.getBoundingClientRect().width}};(0,a.useEffect)(()=>{let e=e=>{if(!eg.current)return;let{colIdx:t,startX:s,startWidth:r}=eg.current;ef(n=>({...n,[t]:Math.max(40,r+e.clientX-s)}))},t=()=>{eg.current=null};return window.addEventListener("mousemove",e),window.addEventListener("mouseup",t),()=>{window.removeEventListener("mousemove",e),window.removeEventListener("mouseup",t)}},[]),(0,a.useEffect)(()=>{let e=e=>{var t,s;if((e.ctrlKey||e.metaKey)&&"c"===e.key){let s=eM();if(!s)return;let r=document.activeElement;if(r&&("INPUT"===r.tagName||"TEXTAREA"===r.tagName))return;e.preventDefault();let n=[];for(let e=s.minRow;e<=s.maxRow;e++){let r=[];for(let n=s.minCol;n<=s.maxCol;n++)-1===e?r.push(K[n]||""):r.push((null===(t=ea[e])||void 0===t?void 0:t.cells[n])||"");n.push(r.join("	"))}navigator.clipboard.writeText(n.join("\n"))}if((e.ctrlKey||e.metaKey)&&"v"===e.key){if(!eo||eo.row<0)return;let t=document.activeElement;if(t&&("INPUT"===t.tagName||"TEXTAREA"===t.tagName))return;e.preventDefault(),navigator.clipboard.readText().then(e=>{let t=e.split("\n").filter(e=>e.length>0);for(let e=0;e<t.length;e++){let s=eo.row+e;if(s>=ea.length)break;let r=t[e].split("	"),n=0;for(let e=0;e<r.length;n++){let t=eo.col+n;if(t>=W)break;B(t)&&(eA(s,t,r[e]),e++)}}})}(e.ctrlKey||e.metaKey)&&"a"===e.key&&((null===(s=y.current)||void 0===s?void 0:s.contains(document.activeElement))||y.current===document.activeElement||eo)&&(e.preventDefault(),ea.length>0&&(ex({row:-1,col:0}),eh({row:ea.length-1,col:W-1})))};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[eo,eu,ea,K,W,eM,l,s]);let eL=(e,t)=>{B(t)&&E({row:e,col:t})},eA=(e,t,r)=>{if(!B(t))return!1;let n=ea[e];if(!n)return!1;let i=l.find(e=>e.id===n.responseId);if(!i)return!1;let a=s[t-3];if(!(null==a?void 0:a.id))return!1;let d="".concat(i.id,"::").concat(a.id),c=i.answers[a.id]||"";return q(e=>{let t=new Map(e);return r===c?t.delete(d):t.set(d,r),t}),!0},eq=e=>{Z&&(eA(Z.row,Z.col,e),E(null))},eI=()=>{E(null)},e_=async()=>{if(0!==L.size){R(!0);try{let e=Array.from(L.entries()).map(e=>{let[t,s]=e,[r,n]=t.split("::");return{responseId:r,questionId:n,answer:s}}),s=await (0,M.X)("updateSurveyAnswers",{surveyId:t,updates:e},z);s.success?(L.forEach((e,t)=>{let[s,r]=t.split("::"),n=l.find(e=>e.id===s);n&&(n.answers[r]=e)}),q(new Map)):N(s.error||"저장 중 오류가 발생했습니다.","error")}catch(e){N("저장 중 오류가 발생했습니다.","error")}finally{R(!1)}}},eR=async e=>{if(await j({title:"이 응답을 삭제할까요?",description:"삭제한 응답

1은 되돌릴 수 없습니다."})){P(e);try{let t=await (0,M.X)("deleteSurveyResponse",{responseId:e},z);if(!t.success){N(t.error||"삭제 중 오류가 발생했습니다.","error");return}q(t=>{let s=new Map(t);return Array.from(s.keys()).forEach(t=>{t.startsWith("".concat(e,"::"))&&s.delete(t)}),s}),null==w||w(e),N("응답을 삭제했습니다.","success")}catch(e){N("삭제 중 오류가 발생했습니다.","error")}finally{P(null)}}};if(0===l.length)return(0,r.jsx)("div",{className:"flex-1 flex items-center justify-center p-12",children:(0,r.jsx)(I.Z,{size:"lg",title:"아직 제출된 응답이 없습니다",description:"설문 링크 또는 QR 코드를 공유하여 학생들의 응답을 수집해 보세요."})});let eT=L.size>0,eF=e=>J[e]&&J[e].size>0;return(0,r.jsxs)("div",{ref:y,tabIndex:0,className:"w-full flex-1 min-h-0 overflow-auto rounded-md border border-zinc-200 dark:border-white/10 bg-white dark:bg-[#18181b] shadow-sm focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 custom-scrollbar",style:{userSelect:"none"},onMouseUp:()=>{eb(!1)},children:[(0,r.jsxs)("table",{className:"border-collapse text-sm",style:{tableLayout:"fixed",width:K.reduce((e,t,s)=>e+eC(s),0)+44},children:[(0,r.jsxs)("colgroup",{children:[K.map((e,t)=>(0,r.jsx)("col",{style:{width:eC(t)}},t)),(0,r.jsx)("col",{style:{width:44}})]}),(0,r.jsx)("thead",{children:(0,r.jsxs)("tr",{children:[K.map((e,t)=>{let s=eS(-1,t);return(0,r.jsxs)("th",{className:(0,C.cn)("sticky top-0 px-3 py-3 text-left text-xs font-semibold border-b border-r border-zinc-200 dark:border-white/10 cursor-cell bg-zinc-100 text-zinc-600 dark:bg-[#202023] dark:text-zinc-400 overflow-hidden",0===t&&"z-[31] border-r border-zinc-200 dark:border-white/10",1===t&&"z-[31] border-r border-zinc-200 dark:border-white/10",2===t&&"z-[31] border-r border-zinc-200 dark:border-white/10 shadow-[4px_0_8px_-4px_rgba(0,0,0,0.15)] dark:shadow-[4px_0_8px_-4px_rgba(0,0,0,0.3)]",t<3?"z-[31]":"z-10",$===t&&"z-40"),style:{left:t<3?ek(t):void 0},title:e,onMouseDown:e=>{!e.target.closest(".filter-btn")&&(e.target.closest(".resize-handle")||eZ(-1,t,e))},onMouseEnter:()=>eE(-1,t),children:[s&&(0,r.jsx)("div",{className:"absolute inset-0 bg-blue-100 dark:bg-blue-500/30 pointer-events-none"}),(0,r.jsxs)("div",{className:"flex items-center gap-1 justify-between relative z-[1]",children:[(0,r.jsx)("span",{className:(0,C.cn)(t>=2&&t<W-1&&"truncate",s&&"text-blue-900 dark:text-blue-100"),children:e}),(0,r.jsxs)("div",{className:"relative filter-btn shrink-0",children:[(0,r.jsx)("button",{"aria-label":"필터",onMouseDown:e=>{e.stopPropagation(),e.preventDefault();let s=e.currentTarget.getBoundingClientRect();es({top:s.bottom+window.scrollY,left:s.left+window.scrollX,right:window.innerWidth-(s.right+window.scrollX)}),ee(e=>e===t?null:t)},className:(0,C.cn)("p-0.5 rounded transition-colors",eF(t)?"text-blue-600 dark:text-blue-400":"text-zinc-400 dark:text-zinc-500 hover:text-zinc-600 dark:hover:text-zinc-400"),children:(0,r.jsx)(u,{size:12})}),$===t&&et&&(0,r.jsx)(A.Z,{children:(0,r.jsxs)("div",{ref:er,className:(0,C.cn)("fixed w-52 bg-white dark:bg-[#1c1c1e] border border-zinc-200 dark:border-white/10 rounded-lg shadow-xl z-[9999] overflow-hidden"),style:{userSelect:"auto",top:"".concat(et.top+4,"px"),...t<2?{left:"".concat(et.left,"px")}:{right:"".concat(et.right,"px")}},onMouseDown:e=>e.stopPropagation(),children:[(0,r.jsxs)("div",{className:"px-3 py-2 border-b border-zinc-200 dark:border-white/10 flex items-center justify-between",children:[(0,r.jsx)("span",{className:"text-xs font-semibold text-zinc-700 dark:text-zinc-300 truncate",children:e}),(0,r.jsxs)("div",{className:"flex items-center gap-1",children:[(0,r.jsx)("button",{onMouseDown:e=>{e.stopPropagation(),e.preventDefault(),el(t,"asc")},className:(0,C.cn)("p-0.5 rounded transition-colors",V===t&&"asc"===Q?"text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-500/10":"text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300"),title:"오름차순",children:(0,r.jsx)(h.Z,{size:12})}),(0,r.jsx)("button",{onMouseDown:e=>

1{e.stopPropagation(),e.preventDefault(),el(t,"desc")},className:(0,C.cn)("p-0.5 rounded transition-colors",V===t&&"desc"===Q?"text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-500/10":"text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300"),title:"내림차순",children:(0,r.jsx)(m.Z,{size:12})}),(0,r.jsx)("button",{onMouseDown:e=>{e.stopPropagation(),e.preventDefault(),ec(t)},className:"p-0.5 rounded text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300 transition-colors",title:"초기화",children:(0,r.jsx)(b.Z,{size:11})})]})]}),(0,r.jsxs)("div",{className:"max-h-48 overflow-y-auto custom-scrollbar py-1",children:[en(t).map(e=>{var s;let n=!eF(t)||(null===(s=J[t])||void 0===s?void 0:s.has(e));return(0,r.jsxs)("label",{className:"flex items-center gap-2 px-3 py-1.5 hover:bg-zinc-50 dark:hover:bg-white/5 cursor-pointer transition-colors",children:[(0,r.jsx)("input",{type:"checkbox",checked:n,onChange:()=>{if(eF(t))ed(t,e);else{let s=new Set(en(t));s.delete(e),Y(e=>({...e,[t]:s}))}},className:"w-3.5 h-3.5 rounded border-zinc-300 dark:border-zinc-600 text-blue-500 focus:ring-blue-500/20 focus:ring-offset-0"}),(0,r.jsx)("span",{className:"text-xs text-zinc-700 dark:text-zinc-300 truncate",children:e})]},e)}),0===en(t).length&&(0,r.jsx)("div",{className:"px-3 py-2 text-xs text-zinc-400",children:"값 없음"})]})]})})]})]}),(0,r.jsx)("div",{className:"resize-handle absolute right-0 top-0 h-full w-1.5 cursor-col-resize hover:bg-blue-500/40 active:bg-blue-500/60 z-10",onMouseDown:e=>eD(e,t)})]},t)}),(0,r.jsx)("th",{className:"sticky top-0 px-1 py-3 text-center text-xs font-semibold border-b border-r border-zinc-200 dark:border-white/10 bg-zinc-100 dark:bg-[#202023] text-zinc-400 z-10",style:{width:44,minWidth:44}})]})}),(0,r.jsx)("tbody",{children:ea.map((e,t)=>{var n;let i=e.cells,a=l.find(t=>t.id===e.responseId);return(0,r.jsxs)("tr",{className:(0,C.cn)("transition-colors",t%2==0?"bg-white dark:bg-[#18181b]":"bg-zinc-50/50 dark:bg-[#1c1c1f]"),children:[i.map((e,n)=>{let i=(null==Z?void 0:Z.row)===t&&(null==Z?void 0:Z.col)===n,l=B(n);if(l&&a){let e=s[n-3];(null==e?void 0:e.id)&&L.has("".concat(a.id,"::").concat(e.id))}let d=!i&&(null==eo?void 0:eo.row)===t&&(null==eo?void 0:eo.col)===n&&(null==eu?void 0:eu.row)===t&&(null==eu?void 0:eu.col)===n;return(0,r.jsx)("td",{className:(0,C.cn)("px-3 py-2.5 border-b border-r border-zinc-200/70 dark:border-white/5 text-zinc-700 dark:text-zinc-300 cursor-cell",0===n&&"sticky z-20 bg-white dark:bg-[#18181b] border-r border-zinc-200 dark:border-white/10",1===n&&"sticky z-20 bg-white dark:bg-[#18181b] border-r border-zinc-200 dark:border-white/10",2===n&&"sticky z-20 bg-white dark:bg-[#18181b] border-r border-zinc-200 dark:border-white/10 shadow-[4px_0_8px_-4px_rgba(0,0,0,0.15)] dark:shadow-[4px_0_8px_-4px_rgba(0,0,0,0.3)]",d?"whitespace-pre-wrap break-words":"overflow-hidden whitespace-nowrap",eS(t,n)&&"!bg-blue-100 dark:!bg-blue-500/20 !text-blue-900 dark:!text-blue-100",l&&!i&&"hover:ring-1 hover:ring-inset hover:ring-blue-300 dark:hover:ring-blue-500/40"),style:{left:n<3?ek(n):void 0},onMouseDown:e=>eZ(t,n,e),onMouseEnter:()=>eE(t,n),onDoubleClick:()=>eL(t,n),children:i?(0,r.jsx)("textarea",{ref:F,defaultValue:e,className:"w-full min-h-[60px] bg-white dark:bg-[#1a1a1d] border border-blue-400 dark:border-blue-500 rounded px-2 py-1.5 text-sm text-zinc-900 dark:text-white focus:outline-none focus:ring-2 focus:ring-blue-500/30 resize-y",onBlur:e=>eq(e.target.value),onKeyDown:e=>{"Escape"===e.key?eI():"Enter"!==e.key||e.shiftKey||(e.preventDefault(),eq(e.currentTarget.value))},onClick:e=>e.stopPropagation(),onMouseDown:e=>e.stopPropagation()}):e},n)}),(0,r.jsx)("td",{className:(0,C.cn)("px-1 py-2.5 border-b border-r border-zinc-200/70 dark:border-white/5 text-center",t%2==0?"bg-white dark:bg-[#18181b]":"bg-zinc-50/50 dark:bg-[#1c1c1f]"),style:{width:44,minWidth:44},onMouseDown:e=>e.stopPropagation(),children:(0,r.jsx)("button",{onClick:()=>eR(e.responseId),disabled:null!==X,className:"p-1.5 rounded text-zinc-300 dark:text-zinc-500 hover:text-red-500 dark:hover:text-red-400 hover:bg-red-50 dark:hover:bg-red-500/10 transition-colors disabled:opacity-40",title:"응답 삭제","aria-label":"".concat(null!==(n=null==a?void 0:a.student.name)&&void 0!==n?n:"학생"," 응답 삭제"),children:X===e.responseId?(0,r.jsx)(p.Z,{size:13,className:"animate-spin","aria-hidden":"true"}):(0,r.jsx)(f.Z,{size:13,"aria-hidden":"true"})})})]},e.responseId)})})]}),o&&(0,r.jsx)("div",{className:"p-4 border-t border-zinc-200 dark:border-white/10 flex justify-center bg-white dark:bg-[#18181b]",children:(0,r.jsxs)("button",{onClick:k,disabled:x,className:"flex items-center gap-2 px-6 py-2 rounded-lg bg-zinc-100 dark:bg-white/5 hover:bg-zinc-200 dark:hover:bg-white/10 text-zinc-600 dark:text-zinc-400 text-sm font-medium transition disabled:opacity-50",children:[x?(0,r.jsx)(D.W,{size:12,className:"opacity-50"}):(0,r.jsx)(m.Z,{size:14}),"더 보기"]})}),eT&&(0,r.jsxs)("div",{className:"sticky bottom-0 left-0 right-0 p-3 pb-[max(0.75rem,env(safe-area-inset-bottom,0.75rem))] mobile-safe-area-bottom bg-white/95 dar

1k:bg-[#18181b]/95 backdrop-blur border-t border-zinc-200 dark:border-white/10 flex items-center justify-between gap-3 z-50",children:[(0,r.jsxs)("span",{className:"text-xs text-amber-600 dark:text-amber-400 font-medium",children:[L.size,"개 항목이 수정되었습니다"]}),(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsxs)("button",{onClick:()=>{q(new Map),E(null)},disabled:_,className:"flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium text-zinc-600 dark:text-zinc-400 bg-zinc-100 dark:bg-white/5 hover:bg-zinc-200 dark:hover:bg-white/10 transition-colors disabled:opacity-50",children:[(0,r.jsx)(g.Z,{size:13}),"취소"]}),(0,r.jsxs)("button",{onClick:e_,disabled:_,className:"flex items-center gap-1.5 px-4 py-1.5 rounded-lg text-xs font-bold hover:opacity-90 transition-opacity disabled:opacity-50",style:{backgroundColor:"#3182F6",color:"#ffffff"},children:[_?(0,r.jsx)(D.W,{size:12,className:"opacity-80"}):(0,r.jsx)(v.Z,{size:13}),_?"저장 중...":"변경사항 저장"]})]})]})]})}function P(e){let{questions:t,responses:s,hasMore:n,isLoadingMore:i,onLoadMore:a,onNavigateToQuestion:l}=e;return 0===s.length?(0,r.jsx)("div",{className:"flex-1 flex items-center justify-center p-12",children:(0,r.jsx)(I.Z,{size:"lg",title:"아직 제출된 응답이 없습니다",description:"설문 응답이 수집되면 문항별 요약 차트와 통계가 여기에 표시됩니다."})}):(0,r.jsxs)("div",{className:"space-y-6",children:[n&&(0,r.jsxs)("div",{className:"bg-blue-50 dark:bg-blue-500/10 border border-blue-100 dark:border-blue-500/20 p-4 rounded-xl flex items-center justify-between",children:[(0,r.jsxs)("p",{className:"text-xs text-blue-600 dark:text-blue-400",children:["현재 상위 ",s.length,"개의 응답에 대한 요약입니다."]}),(0,r.jsx)("button",{onClick:a,disabled:i,className:"text-xs font-bold text-blue-500 hover:opacity-80 disabled:opacity-50",children:i?"불러오는 중...":"전체 요약을 위해 더 불러오기"})]}),t.map((e,t)=>{let n=e.id||"",i=s.filter(e=>e.answers[n]).length;return(0,r.jsxs)("div",{className:"bg-white dark:bg-[#18181b] rounded-xl border border-zinc-200 dark:border-white/5 p-6 shadow-sm",children:[(0,r.jsxs)("h3",{className:"text-sm font-medium text-zinc-900 dark:text-white mb-4 flex justify-between items-start",children:[(0,r.jsx)("span",{className:"whitespace-pre-line",children:e.question}),(0,r.jsxs)("span",{className:"text-xs text-zinc-500",children:[i,"명 응답"]})]}),(0,r.jsx)("div",{className:"text-sm text-zinc-500",children:(0,r.jsx)(H,{question:e,responses:s})}),(0,r.jsx)("button",{onClick:()=>l(t),className:"mt-4 text-xs text-blue-500 hover:text-blue-400 font-medium hover:underline",children:"자세히 보기"})]},t)}),n&&(0,r.jsx)("div",{className:"flex justify-center pb-10",children:(0,r.jsxs)("button",{onClick:a,disabled:i,className:"flex items-center gap-2 px-6 py-2.5 rounded-lg bg-white dark:bg-[#18181b] border border-zinc-200 dark:border-white/5 hover:bg-zinc-50 dark:hover:bg-white/10 text-zinc-600 dark:text-zinc-400 text-sm font-medium transition shadow-sm disabled:opacity-50",children:[i?(0,r.jsx)(D.W,{size:12,className:"opacity-50"}):(0,r.jsx)(m.Z,{size:14}),"더 많은 응답 불러오기"]})})]})}function K(e){let{questions:t,responses:s,hasMore:n,isLoadingMore:i,onLoadMore:a,selectedQIdx:l,setSelectedQIdx:d}=e,c=t[l],o=(null==c?void 0:c.id)||"",x=s.flatMap(e=>{let t=e.answers[o];return t?[{student:e.student,answer:t,submittedAt:e.submittedAt}]:[]}).sort((e,t)=>new Date(t.submittedAt).getTime()-new Date(e.submittedAt).getTime());return c?(0,r.jsxs)("div",{className:"space-y-6",children:[(0,r.jsx)("div",{className:"flex items-center gap-4 bg-white dark:bg-[#18181b] p-3 rounded-xl border border-zinc-200 dark:border-white/5 shadow-sm",children:(0,r.jsxs)("div",{className:"flex items-center gap-2 flex-1",children:[(0,r.jsx)("button",{"aria-label":"이전 문항",disabled:0===l,onClick:()=>d(Math.max(0,l-1)),className:"p-2 hover:bg-zinc-100 dark:hover:bg-white/5 rounded-full disabled:opacity-30 transition-colors text-zinc-400 hover:text-zinc-900 dark:hover:text-white",children:(0,r.jsx)(k.Z,{size:20})}),(0,r.jsxs)("div",{className:"flex-1 px-4 relative group",children:[(0,r.jsx)("select",{value:l,onCh

1ange:e=>d(Number(e.target.value)),className:"w-full bg-transparent text-zinc-900 dark:text-white text-sm font-medium focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 appearance-none py-2 text-center cursor-pointer",style:{textAlignLast:"center"},children:t.map((e,t)=>(0,r.jsxs)("option",{value:t,className:"text-black text-left",children:[t+1,". ",e.question.length>40?e.question.substring(0,40)+"...":e.question]},t))}),(0,r.jsx)("div",{className:"absolute inset-x-0 bottom-0 h-[1px] bg-blue-500 scale-x-0 group-hover:scale-x-50 transition-transform origin-center opacity-50"})]}),(0,r.jsx)("button",{"aria-label":"다음 문항",disabled:l===t.length-1,onClick:()=>d(Math.min(t.length-1,l+1)),className:"p-2 hover:bg-zinc-100 dark:hover:bg-white/5 rounded-full disabled:opacity-30 transition-colors text-zinc-400 hover:text-zinc-900 dark:hover:text-white",children:(0,r.jsx)(w.Z,{size:20})})]})}),"select"===c.type&&(0,r.jsx)("div",{className:"bg-white dark:bg-[#18181b] rounded-xl border border-zinc-200 dark:border-white/5 p-6 shadow-sm",children:(0,r.jsx)(H,{question:c,responses:s,detailed:!0})}),(0,r.jsxs)("div",{className:"bg-white dark:bg-[#18181b] rounded-xl border border-zinc-200 dark:border-white/5 overflow-hidden shadow-sm",children:[(0,r.jsx)("div",{className:"px-6 py-4 border-b border-zinc-200 dark:border-white/5 bg-zinc-50 dark:bg-[#202023]/50",children:(0,r.jsxs)("h4",{className:"text-sm font-medium text-zinc-900 dark:text-white",children:["응답 목록 (",x.length,"개)"]})}),0===x.length?(0,r.jsx)("div",{className:"py-8",children:(0,r.jsx)(I.Z,{size:"sm",title:"응답이 없습니다",description:"해당 문항에 등록된 응답이 아직 없습니다."})}):(0,r.jsx)("div",{className:"divide-y divide-white/5",children:x.map((e,t)=>(0,r.jsxs)("div",{className:"px-6 py-4 flex flex-col gap-1.5 hover:bg-zinc-50 dark:hover:bg-[#202023]/30 transition-colors",children:[(0,r.jsxs)("div",{className:"flex items-baseline gap-2 min-w-0",children:[(0,r.jsx)("span",{className:"text-sm font-semibold text-zinc-900 dark:text-white truncate",children:e.student.name}),(0,r.jsxs)("span",{className:"text-[11px] text-zinc-400 dark:text-zinc-500 shrink-0",children:[e.student.grade,"학년 ",e.student.classNum,"반 ",e.student.number,"번"]})]}),(0,r.jsx)("div",{className:"text-sm text-zinc-700 dark:text-zinc-300 leading-relaxed bg-zinc-50 dark:bg-white/5 p-3 rounded-lg border border-zinc-100 dark:border-white/5",children:e.answer})]},t))})]}),n&&(0,r.jsx)("div",{className:"flex justify-center pt-4",children:(0,r.jsxs)("button",{onClick:a,disabled:i,className:"flex items-center gap-2 px-6 py-2.5 rounded-lg bg-white dark:bg-[#18181b] border border-zinc-200 dark:border-white/5 hover:bg-zinc-50 dark:hover:bg-white/10 text-zinc-600 dark:text-zinc-400 text-sm font-medium transition shadow-sm disabled:opacity-50",children:[i?(0,r.jsx)(D.W,{size:12,className:"opacity-50"}):(0,r.jsx)(m.Z,{size:14}),"더 많은 응답 불러오기"]})})]}):(0,r.jsx)("div",{className:"flex-1 flex items-center justify-center p-12",children:(0,r.jsx)(I.Z,{size:"md",title:"질문이 없습니다",description:"설문에 등록된 문항이 없습니다."})})}function W(e){let{questions:t,responses:s,hasMore:n,isLoadingMore:i,onLoadMore:l,currentIndex:d,setCurrentIndex:c,onAttachmentDeleted:o}=e,x=s[d],[u,h]=(0,a.useState)(""),[m,b]=(0,a.useState)(!1),p=u.trim()?s.filter((e,t)=>{let s=e.student.name.toLowerCase().includes(u.toLowerCase()),r=e.student.number.toString().includes(u);return s||r}).map(e=>({...e,originalIndex:s.findIndex(t=>t.id===e.id)})):[],f=e=>{c(e),h(""),b(!1)};return 0===s.length?(0,r.jsx)("div",{className:"flex-1 flex items-center justify-center p-12",children:(0,r.jsx)(I.Z,{size:"lg",title:"아직 제출된 응답이 없습니다",description:"설문 응답이 수집되면 개별 학생별 응답지를 확인할 수 있습니다."})}):x?(0,r.jsxs)("div",{className:"space-y-6",children:[(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)(z.Z,{size:16,className:"absolute left-3 top-1/2 -translate-y-1/2 text-zinc-500"}),(0,r.jsx)("input",{type:"text",value:u,onChange:e=>{h(e.target.value),b(!0)},onFocus:()=>b(!0),placeholder:"학생 이름 또는 번호로 검색...",className:"w-full h-10 pl-10 pr-4 bg-[#fafaf9] dark:bg-[#18181b] border border-zinc-200 dark:border-white/10 rounded-xl text-[16px] md:text-sm text-zinc-900 dark:text-white placeholder-zinc-400 dark:placeholder-zinc-600 focus:outline-none focus:border-blue-500/50 focus:ring-1 focus:ring-blue-500/20 transition"}),u&&(0,r.jsx)("button",{"aria-label":"검색어 지우기",onClick:()=>{h(""),b(!1)},className:"absolute right-3 top-1/2 -translate-y-1/2 text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300 transition-colors",children:(0,r.jsx)(j.Z,{size:14})})]}),m&&u.trim()&&(0,r.jsx)("div",{className:"absolute top-full left-0 right-0 mt-1 bg-white dark:bg-[#1c1c1e] border border-zinc-200 dark:border-white/10 rounded-xl shadow-lg z-20 max-h-60 overflow-y-auto custom-scrollbar",children:0===p.length?(0,r.jsx)("div",{className:"p-4 text-center text-sm text-zinc-500",children:"검색 ê²°ê

1³¼ê°€ 없습니다"}):(0,r.jsx)("div",{className:"py-1",children:p.map(e=>(0,r.jsxs)("button",{onClick:()=>f(e.originalIndex),className:"w-full px-4 py-2.5 flex items-center gap-3 hover:bg-zinc-100 dark:hover:bg-white/5 transition-colors text-left",children:[(0,r.jsx)("div",{className:"w-6 h-6 rounded-full bg-blue-500/10 dark:bg-blue-500/20 flex items-center justify-center text-[10px] text-blue-600 dark:text-blue-400 font-bold",children:e.student.number}),(0,r.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,r.jsx)("div",{className:"text-sm font-medium text-zinc-900 dark:text-white",children:e.student.name}),(0,r.jsxs)("div",{className:"text-xs text-zinc-500",children:[e.student.grade&&"".concat(e.student.grade,"학년 "),e.student.classNum&&"".concat(e.student.classNum,"반 "),e.student.number,"번"]})]})]},e.id))})})]}),(0,r.jsxs)("div",{className:"flex items-center justify-between bg-white dark:bg-[#18181b] p-3 rounded-xl border border-zinc-200 dark:border-white/5 shadow-sm",children:[(0,r.jsx)("button",{"aria-label":"이전 응답",disabled:0===d,onClick:()=>c(Math.max(0,d-1)),className:"p-2 hover:bg-zinc-100 dark:hover:bg-white/5 rounded-full disabled:opacity-30 transition-colors text-zinc-400 hover:text-zinc-900 dark:hover:text-white",children:(0,r.jsx)(k.Z,{size:20})}),(0,r.jsxs)("div",{className:"flex flex-col items-center",children:[(0,r.jsxs)("span",{className:"text-sm font-bold text-zinc-900 dark:text-white",children:[d+1," ",(0,r.jsxs)("span",{className:"text-zinc-500 font-normal",children:["/ ",s.length]})]}),(0,r.jsxs)("span",{className:"text-xs text-zinc-900 dark:text-zinc-500 mt-0.5",children:[x.student.grade&&"".concat(x.student.grade,"학년")," ",x.student.classNum&&"".concat(x.student.classNum,"반")," ",x.student.number,"번 ",x.student.name]})]}),(0,r.jsx)("button",{"aria-label":"다음 응답",disabled:d===s.length-1,onClick:()=>c(Math.min(s.length-1,d+1)),className:"p-2 hover:bg-zinc-100 dark:hover:bg-white/5 rounded-full disabled:opacity-30 transition-colors text-zinc-400 hover:text-zinc-900 dark:hover:text-white",children:(0,r.jsx)(w.Z,{size:20})})]}),n&&(0,r.jsx)("div",{className:"flex justify-center",children:(0,r.jsx)("button",{onClick:l,disabled:i,className:"text-xs font-bold text-blue-500 hover:opacity-80 disabled:opacity-50",children:i?"불러오는 중...":"다음 응답들을 더 불러오기"})}),(0,r.jsxs)("div",{className:"space-y-4",children:[t.map((e,t)=>{let s=x.answers[e.id||""];return(0,r.jsxs)("div",{className:"bg-white dark:bg-[#18181b] rounded-xl border border-zinc-200 dark:border-white/5 p-6 shadow-sm",children:[(0,r.jsxs)("h3",{className:"text-sm font-medium text-zinc-900 dark:text-white mb-3 flex gap-2",children:[(0,r.jsxs)("span",{className:"text-zinc-500 font-mono",children:[t+1,"."]}),e.question]}),(0,r.jsx)("div",{className:(0,C.cn)("p-3 rounded-lg text-sm min-h-[42px] flex items-center border",s?"bg-[#fafaf9] dark:bg-blue-500/10 border-zinc-200 dark:border-blue-500/20 text-zinc-700 dark:text-blue-100":"bg-[#fafaf9] dark:bg-zinc-800/30 border-zinc-200 dark:border-white/5 text-zinc-600 dark:text-zinc-400 italic"),children:s||"응답 없음"})]},t)}),x.attachments&&x.attachments.length>0&&(0,r.jsxs)("div",{className:"bg-white dark:bg-[#18181b] rounded-xl border border-zinc-200 dark:border-white/5 p-6 shadow-sm",children:[(0,r.jsxs)("h3",{className:"text-sm font-medium text-zinc-900 dark:text-white mb-3",children:["첨부파일 (",x.attachments.length,")"]}),(0,r.jsx)(B,{attachments:x.attachments,responseId:x.id,onAttachmentDeleted:o})]})]}),(0,r.jsxs)("div",{className:"text-center text-xs text-zinc-600 dark:text-zinc-400 pt-4",children:["제출 일시: ",new Date(x.submittedAt).toLocaleString()]})]}):null}function B(e){let{attachments:t,responseId:s,onAttachmentDeleted:i}=e,l=(0,S.XC)(),{showToast:d}=(0,n.p)(),[c,o]=(0,a.useState)(null),[x,u]=(0,a.useState)(null),h=t.find(e=>e.id===c)||null,m=e=>e<1024?"".concat(e," B"):e<1048576?"".concat((e/1024).toFixed(1)," KB"):"".concat((e/1048576).toFixed(1)," MB"),b=async()=>{if(h){u(h.id);try{let e=await (0,M.X)("deleteSurveyAttachment",{attachmentId:h.id},l);e.success?(null==i||i(s,h.id),o(null)):d(e.error||"삭제에 실패했습니다.","error")}

1catch(e){d("삭제 중 오류가 발생했습니다.","error")}finally{u(null)}}};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"space-y-2",children:t.map(e=>{let t=e.fileType.startsWith("image/"),s=x===e.id;return(0,r.jsxs)("div",{className:"flex items-center gap-3 px-3 py-2.5 bg-white dark:bg-[#0D0D0D] border border-zinc-200 dark:border-white/10 rounded-lg group",children:[(0,r.jsxs)("a",{href:"/api/files/".concat(encodeURIComponent(e.fileKey)),target:"_blank",rel:"noopener noreferrer",className:"flex-1 min-w-0 flex items-center gap-3 hover:opacity-80 transition-opacity",children:[(0,r.jsx)("div",{className:"w-8 h-8 rounded-md bg-zinc-50 dark:bg-[#1A1A1A] flex items-center justify-center shrink-0 text-zinc-500 dark:text-zinc-400 text-xs font-bold",children:t?"IMG":(e.fileName.split(".").pop()||"FILE").toUpperCase().slice(0,4)}),(0,r.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,r.jsx)("div",{className:"text-sm font-medium text-zinc-900 dark:text-white truncate",children:e.fileName}),(0,r.jsx)("div",{className:"text-xs text-zinc-500 dark:text-zinc-400",children:m(e.size)})]})]}),(0,r.jsx)("button",{type:"button",onClick:t=>{t.stopPropagation(),o(e.id)},disabled:s,className:"p-1.5 text-zinc-400 hover:text-red-500 hover:bg-red-500/10 rounded transition-colors shrink-0 disabled:opacity-50",title:"첨부파일 삭제","aria-label":"첨부파일 삭제",children:s?(0,r.jsx)(p.Z,{size:14,className:"animate-spin"}):(0,r.jsx)(f.Z,{size:14})})]},e.id)})}),h&&(0,r.jsx)("div",{className:"modal-viewport bg-black/60 backdrop-blur-sm flex items-center justify-center z-[60] p-4",onClick:()=>!x&&o(null),children:(0,r.jsxs)("div",{className:"bg-white dark:bg-[#1A1A1A] rounded-2xl w-full max-w-sm shadow-2xl p-6",onClick:e=>e.stopPropagation(),children:[(0,r.jsxs)("div",{className:"flex items-start justify-between mb-4",children:[(0,r.jsx)("h3",{className:"text-base font-bold text-zinc-900 dark:text-white",children:"첨부파일 삭제"}),(0,r.jsx)("button",{"aria-label":"닫기",onClick:()=>o(null),disabled:!!x,className:"p-1 text-zinc-400 hover:text-zinc-900 dark:hover:text-white transition-colors disabled:opacity-50",children:(0,r.jsx)(j.Z,{size:18})})]}),(0,r.jsx)("p",{className:"text-sm text-zinc-600 dark:text-zinc-300 mb-2",children:"아래 파일을 영구적으로 삭제하시겠습니까?"}),(0,r.jsxs)("div",{className:"px-3 py-2 bg-zinc-50 dark:bg-[#0D0D0D] border border-zinc-200 dark:border-white/10 rounded-lg mb-5",children:[(0,r.jsx)("div",{className:"text-sm font-medium text-zinc-900 dark:text-white truncate",children:h.fileName}),(0,r.jsx)("div",{className:"text-xs text-zinc-500 dark:text-zinc-400",children:m(h.size)})]}),(0,r.jsx)("p",{className:"text-xs text-zinc-500 dark:text-zinc-400 mb-5 leading-relaxed",children:"파일은 R2 스토리지에서 즉시 삭제되며, 저장 용량에서도 차감됩니다. 복구할 수 없습니다."}),(0,r.jsxs)("div",{className:"flex items-center justify-end gap-2",children:[(0,r.jsx)("button",{onClick:()=>o(null),disabled:!!x,className:"px-4 py-2 text-zinc-500 hover:text-zinc-900 dark:hover:text-white hover:bg-zinc-100 dark:hover:bg-white/10 rounded-lg transition-colors text-sm font-medium disabled:opacity-50",children:"취소"}),(0,r.jsx)("button",{onClick:b,disabled:!!x,className:"px-4 py-2 bg-red-600 hover:bg-red-700 text-white rounded-lg transition-colors text-sm font-medium disabled:opacity-50 flex items-center gap-1.5",children:x?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(p.Z,{size:14,className:"animate-spin"}),(0,r.jsx)("span",{children:"삭제 중..."})]}):(0,r.jsx)("span",{children:"삭제"})})]})]})})]})}function H(e){let{question:t,responses:s,detailed:n}=e,i=t.id||"",l=(0,a.useMemo)(()=>s.map(e=>e.answers[i]).filter(Boolean).flatMap(e=>e.split(",").map(e=>e.trim())).filter(Boolean),[s,i]);if("select"===t.type&&t.options){let e=t.options,s=e.reduce((e,t)=>(e[t]=l.filter(e=>e===t).length,e),{}),n=l.length;return(0,r.jsx)("div",{className:"space-y-3 mt-2",children:e.map(e=>{let t=s[e]||0,i=n>0?Math.round(t/n*100):0;return(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"flex justify-between text-xs mb-1.5",children:[(0,r.jsx)("span",{className:"text-zinc-700 dark:text-zinc-300 font-medium",children:e}),(0,r.jsxs)("span",{className:"text-zinc-400 dark:text-zinc-500 font-mono",children:[t,"명 \xb7 ",i,"%"]})]}),(0,r.jsx)("div",{className:"w-full h-1.5 bg-zinc-100 dark:bg-zinc-800 rounded-full overflow-hidden",children:(0,r.jsx)("div",{className:"h-full bg-blue-500 rounded-full transition-all duration-500",style:{width:"".concat(i,"%")}})})]},e)})})}if(n)return null;let d=l.length;if(0===d)return(0,r.jsx)("div",{className:"text-xs text-zinc-400 dark:text-zinc-400 italic",children:"응답 없음"});let c=new Map;for(let e of l)c.set(e,(c.get(e)||0)+1);let o=Array.from(c.entries()).sort((e,t)=>

1t[1]-e[1]),x=o.slice(0,5),u=o.length-x.length;return(0,r.jsxs)("div",{className:"mt-3 space-y-2.5",children:[x.map((e,t)=>{let[s,n]=e,i=Math.round(n/d*100);return(0,r.jsxs)("div",{className:"flex items-start gap-2.5",children:[(0,r.jsx)("span",{className:"text-[11px] font-semibold text-zinc-400 dark:text-zinc-500 w-3.5 text-right shrink-0 mt-[3px] tabular-nums",children:t+1}),(0,r.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,r.jsxs)("div",{className:"flex items-baseline justify-between gap-3 mb-1",children:[(0,r.jsx)("span",{className:"text-xs text-zinc-700 dark:text-zinc-300 truncate",children:s}),(0,r.jsxs)("span",{className:"text-[11px] text-zinc-400 dark:text-zinc-500 font-mono shrink-0",children:[n,"명 \xb7 ",i,"%"]})]}),(0,r.jsx)("div",{className:"w-full h-1.5 bg-zinc-100 dark:bg-zinc-800 rounded-full overflow-hidden",children:(0,r.jsx)("div",{className:"h-full bg-blue-500 rounded-full transition-all duration-500",style:{width:"".concat(i,"%")}})})]})]},s)}),u>0&&(0,r.jsxs)("div",{className:"text-[11px] text-zinc-400 dark:text-zinc-400 pl-6",children:["그 외 서로 다른 응답 ",u,"가지"]})]})}function U(e){let{nonRespondents:t,classFilter:s="all",targetClasses:n=[]}=e;return 0===t.length?(0,r.jsxs)("div",{className:"text-center py-20",children:[(0,r.jsx)("p",{className:"text-[15px] font-semibold text-zinc-800 dark:text-zinc-200",children:"모든 학생이 응답했습니다"}),(0,r.jsx)("p",{className:"mt-1 text-[13px] text-zinc-500 dark:text-zinc-400",children:"응답하지 않은 학생이 없습니다."})]}):(0,r.jsxs)("div",{className:"space-y-3",children:[(0,r.jsxs)("p",{className:"text-sm text-zinc-500 dark:text-zinc-400",children:["미응답 학생 ",(0,r.jsxs)("span",{className:"font-semibold text-red-500",children:[t.length,"명"]})]}),(0,r.jsx)("div",{className:"bg-white dark:bg-[#18181b] rounded-xl border border-zinc-200 dark:border-white/5 overflow-hidden shadow-sm",children:(0,r.jsxs)("table",{className:"w-full",children:[(0,r.jsx)("thead",{children:(0,r.jsxs)("tr",{className:"border-b border-zinc-200 dark:border-white/5 bg-zinc-50 dark:bg-white/[0.02]",children:[(0,r.jsx)("th",{className:"px-4 py-3 text-left text-xs font-semibold text-zinc-500 uppercase tracking-wider",children:"번호"}),(0,r.jsx)("th",{className:"px-4 py-3 text-left text-xs font-semibold text-zinc-500 uppercase tracking-wider",children:"이름"}),(0,r.jsx)("th",{className:"px-4 py-3 text-left text-xs font-semibold text-zinc-500 uppercase tracking-wider",children:"학급"})]})}),(0,r.jsx)("tbody",{className:"divide-y divide-zinc-100 dark:divide-white/5",children:t.map(e=>(0,r.jsxs)("tr",{className:"hover:bg-zinc-50 dark:hover:bg-white/[0.02] transition-colors",children:[(0,r.jsx)("td",{className:"px-4 py-3",children:(0,r.jsx)("span",{className:"inline-flex items-center justify-center w-6 h-6 rounded-full bg-zinc-100 dark:bg-zinc-800 text-[11px] font-bold text-zinc-600 dark:text-zinc-300",children:e.number})}),(0,r.jsx)("td",{className:"px-4 py-3 text-sm font-medium text-zinc-900 dark:text-white",children:e.name}),(0,r.jsx)("td",{className:"px-4 py-3 text-sm text-zinc-500",children:T(e,"all"===s?void 0:s,n)})]},e.id))})]})})]})}}}]);