https://platform.unago.ai/assets/Tasks2Point0-DLmL7bd6.js

1import{o as de}from"./rolldown-runtime-ChpBd9eV.js";import{a as ce,n as he}from"./vendor-react-DcWoBPJp.js";import{Ai as me,Ao as xe,As as O,At as ge,Bo as pe,Go as ue,Gt as _,Ha as be,Jt as ve,Ka as fe,Ko as we,Ks as R,Kt as Y,_ as je,_n as ye,an as L,es as Ne,g as d,gt as ke,ir as D,kt as Ce,mr as W,oo as Se,qo as E,rs as Q,sa as Te,vi as Z,vo as q,zo as ee,zs as J}from"./vendor-ui-hcrcJjHJ.js";import{u as $e}from"./chunk-QUQL4437-DKXSrjJr.js";import{d as Pe,f as Ae,m as x}from"./index-CL2aAkkR.js";import{t as Me}from"./SearchInput-DrhDJygS.js";import"./SearchInput-BBL0I83Y.js";import{a as ze,n as Le,t as X}from"./Card-DIl7dpPH.js";import{t as N}from"./Skeleton-DGtyUQyZ.js";import"./Skeleton-CeUr0eZQ.js";import{n as De}from"./useErrorHandler-Dhw0Wm3b.js";import{t as Fe}from"./useToast-0MB4uEkc.js";import{t as _e}from"./useTasks-B5h4jTuM.js";import{n as Ie,t as Ue}from"./useTasksWebSocket-D65no9zo.js";var b=de(ce(),1),e=he(),ae=({status:r})=>{const c=(p=>{switch(p?.toLowerCase()){case"completed":return{color:"bg-gradient-to-r from-emerald-500 to-teal-500 text-white shadow-lg shadow-emerald-500/25",icon:ee,label:"Completed",glow:"hover:shadow-emerald-500/40"};case"in_progress":return{color:"bg-gradient-to-r from-blue-500 to-purple-500 text-white shadow-lg shadow-blue-500/25",icon:R,label:"In Progress",glow:"hover:shadow-blue-500/40"};case"pending":return{color:"bg-gradient-to-r from-amber-500 to-orange-500 text-white shadow-lg shadow-amber-500/25",icon:q,label:"Pending",glow:"hover:shadow-amber-500/40"};case"failed":return{color:"bg-gradient-to-r from-red-500 to-pink-500 text-white shadow-lg shadow-red-500/25",icon:_,label:"Failed",glow:"hover:shadow-red-500/40"};default:return{color:"bg-gradient-to-r from-gray-500 to-slate-500 text-white shadow-lg shadow-gray-500/25",icon:q,label:p||"Unknown",glow:"hover:shadow-gray-500/40"}}})(r),n=c.icon;return(0,e.jsxs)("div",{className:`inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-semibold border-0 transition-all duration-300 hover:scale-105 ${c.color} ${c.glow}`,children:[(0,e.jsx)(n,{className:"h-3.5 w-3.5"}),(0,e.jsx)("span",{children:c.label})]})},Ee=({data:r,color:g,direction:c,className:n=""})=>{const p=Math.max(...r),o=Math.min(...r),l=p-o;if(l===0)return(0,e.jsx)("div",{className:`flex items-center h-8 ${n}`,children:(0,e.jsx)("div",{className:"w-full h-0.5 bg-white/40 rounded-full"})});const s=r.map((k,h)=>`${h/(r.length-1)*100},${100-(k-o)/l*100}`).join(" ");return(0,e.jsx)("div",{className:`relative w-full h-8 ${n}`,children:(0,e.jsxs)("svg",{className:"w-full h-full",viewBox:"0 0 100 100",preserveAspectRatio:"none",children:[(0,e.jsx)("defs",{children:(0,e.jsxs)("linearGradient",{id:`gradient-${g}`,x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,e.jsx)("stop",{offset:"0%",stopColor:"white",stopOpacity:"0.6"}),(0,e.jsx)("stop",{offset:"100%",stopColor:"white",stopOpacity:"0.1"})]})}),(0,e.jsx)("path",{d:`M 0,100 L ${s} L 100,100 Z`,fill:`url(#gradient-${g})`,className:"transition-all duration-300"}),(0,e.jsx)("polyline",{points:s,fill:"none",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"drop-shadow-sm"})]})})},re=({priority:r})=>{const c=(n=>{switch(n?.toLowerCase()){case"urgent":return{color:"bg-gradient-to-r from-red-600 via-pink-600 to-rose-600 text-white shadow-lg shadow-red-500/30",label:"Urgent",glow:"hover:shadow-red-500/50 hover:from-red-500 hover:via-pink-500 hover:to-rose-500",pulse:"animate-pulse"};case"high":return{color:"bg-gradient-to-r from-orange-500 via-amber-500 to-yellow-500 text-white shadow-lg shadow-orange-500/30",label:"High",glow:"hover:shadow-orange-500/50 hover:from-orange-400 hover:via-amber-400 hover:to-yellow-400",pulse:""};case"medium":return{color:"bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500 text-white shadow-lg shadow-indigo-500/30",label:"Medium",glow:"hover:shadow-indigo-500/50 hover:from-indigo-400 hover:via-purple-400 hover:to-pink-400",pulse:""};case"low":return{color:"bg-gradient-to-r from-teal-500 via-cyan-500 to-blue-500 text-white shadow-lg shadow-teal-500/30",label:"Low",glow:"hover:shadow-teal-500/50 hover:from-teal-400 hover:via-cyan-400 hover:to-blue-400",pulse:""};default:return{color:"bg-gradient-to-r from-gray-400 via-slate-400 to-zinc-400 text-white shadow-lg shadow-gray-500/30",label:n||"None",glow:"hover:shadow-gray-500/50",pulse:""}}})(r);return(0,e.jsx)("div",{className:`inline-flex items-center px-3 py-1 rounded-full text-xs font-bold border-0 transition-all duration-300 hover:scale-105 ${c.color} ${c.glow} ${c.pulse}`,children:c.label})},Re=({task:r,onAction:g,onRowClick:c})=>{const[n,p]=(0,b.useState)(!1),o=r.name||r.title||"Untitled Task",l=(s,k)=>{k.stopPropagation(),g(s,r),p(!1)};return(0,e.jsxs)(d.div,{layout:!0,whileHover:{y:-4,rotateY:2},className:"group bg-gradient-to-br from-white via-gray-50/50 to-white rounded-2xl shadow-lg border border-gray-200/50 hover:shadow-2xl hover:shadow-

1purple-500/10 hover:border-purple-200/60 transition-all duration-300 cursor-pointer overflow-hidden backdrop-blur-sm",onClick:()=>c(r),style:{background:"linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(248,250,252,0.9) 50%, rgba(255,255,255,0.9) 100%)"},children:[(0,e.jsx)("div",{className:"h-1 bg-gradient-to-r from-pink-500 via-purple-500 via-indigo-500 via-teal-500 to-emerald-500"}),(0,e.jsxs)("div",{className:"p-6 pb-4",children:[(0,e.jsxs)("div",{className:"flex items-start justify-between",children:[(0,e.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,e.jsx)("h3",{className:"font-bold text-gray-900 text-lg leading-tight mb-2 group-hover:text-transparent group-hover:bg-gradient-to-r group-hover:from-purple-600 group-hover:to-pink-600 group-hover:bg-clip-text transition-all duration-300",children:o}),r.description&&(0,e.jsx)("p",{className:"text-gray-600 text-sm leading-relaxed mb-4 line-clamp-2 group-hover:text-gray-700 transition-colors duration-300",children:r.description})]}),(0,e.jsxs)("div",{className:"relative ml-4",children:[(0,e.jsx)(x,{variant:"ghost",size:"sm",className:"opacity-0 group-hover:opacity-100 transition-opacity h-8 w-8 p-0",onClick:s=>{s.stopPropagation(),p(!n)},children:(0,e.jsx)(fe,{className:"h-4 w-4"})}),n&&(0,e.jsx)(d.div,{initial:{opacity:0,scale:.95,y:-10},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.95,y:-10},className:"absolute right-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 z-20 overflow-hidden",children:(0,e.jsxs)("div",{className:"py-1",children:[(0,e.jsxs)("button",{onClick:s=>l("view",s),className:"flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 w-full text-left",children:[(0,e.jsx)(be,{className:"h-4 w-4 mr-3"}),"View Details"]}),(0,e.jsxs)("button",{onClick:s=>l("edit",s),className:"flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 w-full text-left",children:[(0,e.jsx)(ye,{className:"h-4 w-4 mr-3"}),"Edit Task"]}),(0,e.jsxs)("button",{onClick:s=>l("clone",s),className:"flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 w-full text-left",children:[(0,e.jsx)(Se,{className:"h-4 w-4 mr-3"}),"Clone Task"]}),r.status!=="completed"&&(0,e.jsxs)("button",{onClick:s=>l("complete",s),className:"flex items-center px-4 py-2 text-sm text-emerald-700 hover:bg-emerald-50 w-full text-left",children:[(0,e.jsx)(pe,{className:"h-4 w-4 mr-3"}),"Mark Complete"]}),r.status!=="failed"&&(0,e.jsxs)("button",{onClick:s=>l("fail",s),className:"flex items-center px-4 py-2 text-sm text-red-700 hover:bg-red-50 w-full text-left",children:[(0,e.jsx)(xe,{className:"h-4 w-4 mr-3"}),"Mark Failed"]}),(0,e.jsx)("div",{className:"border-t border-gray-100"}),(0,e.jsxs)("button",{onClick:s=>l("delete",s),className:"flex items-center px-4 py-2 text-sm text-red-600 hover:bg-red-50 w-full text-left",children:[(0,e.jsx)(ve,{className:"h-4 w-4 mr-3"}),"Delete Task"]})]})})]})]}),(0,e.jsxs)("div",{className:"flex items-center gap-2 mb-4",children:[(0,e.jsx)(ae,{status:r.status}),(0,e.jsx)(re,{priority:r.priority})]})]}),(0,e.jsx)("div",{className:"px-6 py-4 bg-gradient-to-r from-gray-50/80 via-purple-50/30 to-blue-50/30 border-t border-gray-100/50 backdrop-blur-sm",children:(0,e.jsxs)("div",{className:"flex items-center justify-between text-sm",children:[(0,e.jsxs)("div",{className:"flex items-center gap-6 text-gray-700",children:[(0,e.jsxs)("div",{className:"flex items-center gap-2",children:[(0,e.jsx)("div",{className:"p-1 rounded-full bg-gradient-to-r from-teal-400 to-cyan-400",children:(0,e.jsx)(ge,{className:"h-3.5 w-3.5 text-white"})}),(0,e.jsx)("span",{className:"font-medium",children:r.assignedTo?.name||"Unassigned"})]}),(0,e.jsxs)("div",{className:"flex items-center gap-2",children:[(0,e.jsx)("div",{className:"p-1 rounded-full bg-gradient-to-r from-indigo-400 to-purple-400",children:(0,e.jsx)(Q,{className:"h-3.5 w-3.5 text-white"})}),(0,e.jsx)("span",{className:"font-medium",children:new Date(r.createdAt).toLocaleDateString()})]})]}),(0,e.jsxs)("div",{className:"text-gray-500 text-xs font-medium bg-white/60 px-2 py-1 rounded-full",children:["by ",r.createdBy?.name||"System"]})]})})]})},F=({title:r,value:g,icon:c,gradientClass:n,shadowClass:p,trend:o,subtitle:l,period:s="Last 30 days",isLoading:k=!1,onClick:h,progressValue:I,totalValue:w,sparklineData:m,previousValue:j,performanceIndicator:G})=>{const[M,P]=(0,b.useState)(!1),A=w?Math.round(g/w*100):0,C=j?g-j:0,z=j&&j!==0?C/j*100:0,u=(y=>{switch(y){case"excellent":return{color:"text-emerald-100",icon:O,text:"Excellent"};case"good":return{color:"text-blue-100",icon:Y,text:"Good"};case"average":return{color:"text-amber-100",icon:Te,text:"Average"};case"needs_attention":return{color:"text-red-100",icon:J,text:"Needs Attention"};default:return null}})(G);return k?(0,e.jsx)(X,{className:"relative overflow-hidden border-0 shadow-xl bg-gradient-to-br from-gray-100 to-gray-200 animate-pulse",children:(0,e.jsxs)("div",{className:"p-6 space-y-4",children:[(0,e.jsxs)("div",{className:"flex items-center justify-between",children:[(0,e.jsx)("div",{className:"w-12 h-12 bg-gray-300 rounded-2xl"}),(0,e.jsx)("div",{className:"w-16 h-6 bg-gray-300 rounded-full"})]}),(0,e.jsxs)("div",{className:"space-y-2",children:[(0,e.jsx)("div",{className:"w-20 h-8 bg-gray-300 rounded"}),(0,e.jsx)("div",{className:"w-24 h-4 bg-gray-300 rounded"})]})]})}):(0,e.jsxs)(X,{className:`
2        group relative overflow-hidden border-0 shadow-xl hover:shadow-2xl 
3        transition-all duration-500 hover:scale-105 transform-gpu cursor-pointer
4        ${p}
5        ${h?"hover:cursor-pointer":""}
6      `,onClick:h,onMouseEnter:()=>P(!0),onMouseLeave:()=>P(!1),role:h?"button":"article","aria-label":`${r}

6: ${g.toLocaleString()}${o?`, trending ${o.direction} by ${o.value}%`:""}`,tabIndex:h?0:void 0,onKeyDown:h?y=>{(y.key==="Enter"||y.key===" ")&&(y.preventDefault(),h())}:void 0,children:[(0,e.jsx)("div",{className:`absolute inset-0 ${n} transition-opacity duration-500 ${M?"opacity-100":"opacity-90"}`}),(0,e.jsx)("div",{className:"absolute inset-0 bg-gradient-to-br from-white/10 to-transparent"}),(0,e.jsx)("div",{className:"absolute inset-0 bg-gradient-to-br from-white/5 to-white/15 opacity-0 group-hover:opacity-100 transition-opacity duration-300"}),(0,e.jsx)(ze,{className:"pb-2 relative z-10",children:(0,e.jsxs)("div",{className:"flex items-start justify-between",children:[(0,e.jsxs)("div",{className:"relative",children:[(0,e.jsx)("div",{className:`
7              p-3 rounded-2xl bg-white/20 backdrop-blur-sm border border-white/30
8              transition-all duration-300 group-hover:scale-110 group-hover:bg-white/30
9              group-hover:shadow-lg group-hover:shadow-white/20
10            `,children:(0,e.jsx)(c,{className:"h-6 w-6 text-white drop-shadow-lg"})}),h&&(0,e.jsx)("div",{className:"absolute -top-1 -right-1 w-3 h-3 bg-gradient-to-r from-emerald-400 to-teal-400 rounded-full border border-white/50 animate-pulse"})]}),o&&(0,e.jsxs)("div",{className:`
11              flex items-center gap-2 px-3 py-1.5 rounded-full backdrop-blur-md border transition-all duration-300
12              ${o.direction==="up"?"text-emerald-100 bg-emerald-500/30 border-emerald-400/50 group-hover:bg-emerald-500/40":"text-red-100 bg-red-500/30 border-red-400/50 group-hover:bg-red-500/40"}
13            `,children:[(0,e.jsx)(Y,{className:`h-4 w-4 transition-transform duration-300 ${o.direction==="down"?"rotate-180":""} ${M?"scale-110":""}`}),(0,e.jsxs)("div",{className:"flex flex-col items-end",children:[(0,e.jsxs)("span",{className:"text-xs font-bold leading-none",children:[Math.abs(o.value),"%"]}),(0,e.jsx)("span",{className:"text-xs opacity-80 leading-none",children:s})]})]})]})}),(0,e.jsxs)(Le,{className:"pt-0 pb-4 relative z-10",children:[(0,e.jsxs)("div",{className:"space-y-3",children:[(0,e.jsxs)("div",{className:"flex items-baseline gap-2",children:[(0,e.jsx)("p",{className:"text-4xl font-black text-white drop-shadow-lg tracking-tight transition-all duration-300 group-hover:scale-105",children:g.toLocaleString()}),w&&(0,e.jsxs)("p",{className:"text-lg font-medium text-white/70 drop-shadow",children:["of ",w.toLocaleString()]})]}),(0,e.jsxs)("div",{className:"space-y-1",children:[(0,e.jsx)("p",{className:"text-base font-bold text-white drop-shadow leading-tight",children:r}),l&&(0,e.jsx)("p",{className:"text-sm text-white/80 font-medium drop-shadow leading-tight",children:l})]}),w&&g>0&&(0,e.jsxs)("div",{className:"space-y-2",children:[(0,e.jsxs)("div",{className:"flex items-center justify-between text-xs text-white/80 font-medium",children:[(0,e.jsx)("span",{children:"Progress"}),(0,e.jsxs)("span",{children:[A,"%"]})]}),(0,e.jsx)("div",{className:"w-full bg-white/20 rounded-full h-2 backdrop-blur-sm",children:(0,e.jsx)("div",{className:"bg-gradient-to-r from-white to-white/80 h-2 rounded-full transition-all duration-700 shadow-sm",style:{width:`${A}%`}})})]}),m&&m.length>1&&(0,e.jsxs)("div",{className:"space-y-2",children:[(0,e.jsxs)("div",{className:"flex items-center justify-between",children:[(0,e.jsx)("span",{className:"text-xs text-white/80 font-medium",children:"Trend"}),j!==void 0&&(0,e.jsxs)("div",{className:`flex items-center gap-1 text-xs font-bold ${C>=0?"text-emerald-200":"text-red-200"}`,children:[C>=0?(0,e.jsx)(O,{className:"h-3 w-3"}):(0,e.jsx)(J,{className:"h-3 w-3"}),Math.abs(z).toFixed(1),"%"]})]}),(0,e.jsx)(Ee,{data:m,color:o?.direction==="up"?"emerald":"red",direction:o?.direction||"up",className:"opacity-80 group-hover:opacity-100 transition-opacity duration-300"})]}),u&&(0,e.jsxs)("div",{className:"flex items-center gap-2 pt-1",children:[(0,e.jsx)(u.icon,{className:`h-3.5 w-3.5 ${u.color}`}),(0,e.jsxs)("span",{className:`text-xs font-semibold ${u.color}`,children:[u.text," Performance"]})]})]}),(0,e.jsx)(je,{children:M&&h&&(0,e.jsx)(d.div,{initial:{opacity:0,y:10}

13,animate:{opacity:1,y:0},exit:{opacity:0,y:10},transition:{duration:.2},className:"absolute bottom-2 left-4 right-4",children:(0,e.jsx)("div",{className:"bg-white/20 backdrop-blur-md rounded-lg px-3 py-2 border border-white/30",children:(0,e.jsx)("p",{className:"text-xs text-white font-medium text-center",children:"Click to view details"})})})})]}),(0,e.jsx)("div",{className:"absolute inset-0 bg-gradient-to-br from-transparent via-white/5 to-white/10 pointer-events-none opacity-50 group-hover:opacity-70 transition-opacity duration-300"}),h&&(0,e.jsx)("div",{className:"absolute inset-0 rounded-lg focus-within:ring-4 focus-within:ring-white/50 focus-within:ring-offset-2 focus-within:ring-offset-transparent transition-all duration-200"})]})};function sa(){const r=$e(),{showSuccess:g}=Fe(),{isOnline:c}=De(),[n,p]=(0,b.useState)("grid"),[o,l]=(0,b.useState)(1),[s,k]=(0,b.useState)(25),h=(o-1)*s,{tasks:I,total:w,isLoading:m,error:j,hasError:G,canRetry:M,isRetrying:P,refetch:A,updateTask:C,deleteTask:z,errorHandler:te}=_e({limit:s,offset:h}),{isConnected:u}=Ue(),{searchTerm:y,filterStatus:H,filterPriority:B,sortField:qe,sortDirection:Ge,setSearchTerm:S,setFilterStatus:T,setFilterPriority:$,handleSort:He,sortedTasks:U,taskStats:t}=Ie(I),v=Math.ceil(w/s),se=(0,b.useCallback)(a=>{T(a),l(1)},[T]),oe=(0,b.useCallback)(a=>{$(a),l(1)},[$]),ie=(0,b.useCallback)(a=>{S(a),l(1)},[S]),le=(0,b.useCallback)(a=>{k(a),l(1)},[]),V=(0,b.useCallback)(a=>{a?.id&&r(`/tasks/${a.id}`)},[r]),K=(0,b.useCallback)(()=>{r("/tasks/create")},[r]),ne=(0,b.useCallback)((a,i)=>{try{switch(a){case"view":i?.id&&r(`/tasks/${i.id}`);break;case"edit":i?.id&&r(`/tasks/${i.id}/edit`);break;case"delete":i?.id&&z(i.id);break;case"clone":r("/tasks/create",{state:{cloneFrom:i}});break;case"complete":C({id:i.id,data:{status:"completed"}});break;case"fail":C({id:i.id,data:{status:"failed"}});break}}catch(f){console.error("Error in handleTaskAction:",f)}},[r,C,z]);return m?(0,e.jsx)("div",{className:"min-h-screen",children:(0,e.jsxs)("div",{className:"max-w-7xl mx-auto p-6 space-y-6",children:[(0,e.jsx)("div",{className:"bg-white rounded-2xl p-8 shadow-sm border border-gray-100",children:(0,e.jsxs)("div",{className:"flex items-center justify-between",children:[(0,e.jsxs)("div",{className:"flex items-center gap-6",children:[(0,e.jsx)(N,{className:"h-16 w-16 rounded-xl"}),(0,e.jsxs)("div",{className:"space-y-3",children:[(0,e.jsx)(N,{className:"h-8 w-64"}),(0,e.jsx)(N,{className:"h-4 w-96"})]})]}),(0,e.jsxs)("div",{className:"flex gap-3",children:[(0,e.jsx)(N,{className:"h-10 w-24"}),(0,e.jsx)(N,{className:"h-10 w-32"})]})]})}),(0,e.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6",children:[...Array(4)].map((a,i)=>(0,e.jsx)("div",{className:"bg-white rounded-xl p-6 shadow-sm border border-gray-100",children:(0,e.jsx)(N,{className:"h-20 w-full"})},i))}),(0,e.jsx)("div",{className:"bg-white rounded-2xl p-6 shadow-sm border border-gray-100",children:(0,e.jsxs)("div",{className:"space-y-4",children:[(0,e.jsx)(N,{className:"h-12 w-full"}),[...Array(3)].map((a,i)=>(0,e.jsx)(N,{className:"h-32 w-full"},i))]})})]})}):j&&!I.length?(0,e.jsx)("div",{className:"min-h-screen",children:(0,e.jsx)("div",{className:"max-w-7xl mx-auto p-6",children:(0,e.jsxs)("div",{className:"bg-white rounded-2xl p-8 shadow-sm border border-gray-100 text-center",children:[(0,e.jsx)(_,{className:"h-12 w-12 text-red-500 mx-auto mb-4"}),(0,e.jsx)("h3",{className:"text-lg font-semibold text-gray-900 mb-2",children:"Failed to Load Tasks"}),(0,e.jsx)("p",{className:"text-gray-600 mb-6",children:j.message||"An error occurred while loading tasks"}),(0,e.jsx)(x,{onClick:A,disabled:P,children:P?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(D,{className:"h-4 w-4 mr-2 animate-spin"}),"Retrying..."]}):(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(D,{className:"h-4 w-4 mr-2"}),"Try Again"]})})]})})}):(0,e.jsxs)("div",{className:"min-h-screen relative",children:[(0,e.jsx)("div",{className:"absolute inset-0 bg-gradient-to-r from-gray-50/30 via-blue-50/10 to-gray-50/30"}),(0,e.jsxs)("div",{className:"relative z-10 max-w-7xl mx-auto p-6 space-y-8",children:[!c&&(0,e.jsx)(d.div,{initial:{opacity:0,y:-20}

13,animate:{opacity:1,y:0},children:(0,e.jsxs)(Pe,{className:"bg-orange-50 border-orange-200 text-orange-800",children:[(0,e.jsx)(_,{className:"h-4 w-4"}),(0,e.jsx)(Ae,{children:"You are offline. Some features may be limited."})]})}),(0,e.jsxs)(d.div,{initial:{opacity:0,y:-20},animate:{opacity:1,y:0},className:"bg-white/90 backdrop-blur-sm rounded-3xl p-6 shadow-2xl border border-white/50 relative overflow-hidden",children:[(0,e.jsx)("div",{className:"absolute inset-0 bg-gradient-to-br from-indigo-600/5 via-purple-600/5 via-pink-600/5 to-teal-600/5 rounded-3xl"}),(0,e.jsx)("div",{className:"absolute inset-0 bg-gradient-to-r from-white/20 via-transparent to-white/20"}),(0,e.jsxs)("div",{className:"relative z-20",children:[(0,e.jsxs)("div",{className:"flex items-start justify-between mb-4",children:[(0,e.jsxs)("div",{className:"flex items-start gap-4",children:[(0,e.jsxs)("div",{className:"relative group",children:[(0,e.jsx)("div",{className:"p-4 bg-gradient-to-br from-indigo-500 via-purple-500 to-pink-500 rounded-2xl shadow-xl border border-white/50 backdrop-blur-sm transform transition-all duration-300 group-hover:scale-105 group-hover:shadow-2xl",children:(0,e.jsx)(L,{className:"h-8 w-8 text-white drop-shadow-lg"})}),(0,e.jsx)("div",{className:`absolute -top-1 -right-1 h-4 w-4 rounded-full border-2 border-white shadow-lg ${u?"bg-gradient-to-r from-emerald-400 to-teal-500 animate-pulse":"bg-gradient-to-r from-red-500 to-pink-500"}`}),(0,e.jsx)("div",{className:"absolute inset-0 bg-gradient-to-r from-indigo-500/30 via-purple-500/30 to-pink-500/30 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300 blur-xl -z-10"})]}),(0,e.jsxs)("div",{className:"space-y-3",children:[(0,e.jsxs)("div",{className:"space-y-2",children:[(0,e.jsx)(d.h1,{initial:{opacity:0,x:-20},animate:{opacity:1,x:0},transition:{delay:.2},className:"text-2xl font-normal text-black leading-tight hover:scale-105 transition-transform duration-300",children:"Tasks 2.0"}),(0,e.jsxs)(d.div,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{delay:.4},className:"inline-flex items-center gap-3 px-4 py-2 bg-gradient-to-r from-purple-100 via-pink-100 to-blue-100 border border-purple-200/50 rounded-2xl shadow-lg backdrop-blur-sm hover:shadow-xl hover:scale-105 transition-all duration-300",children:[(0,e.jsx)("div",{className:"p-1 bg-gradient-to-r from-purple-500 to-pink-500 rounded-full",children:(0,e.jsx)(ke,{className:"h-3 w-3 text-white"})}),(0,e.jsx)("span",{className:"text-sm font-bold bg-gradient-to-r from-purple-700 to-pink-700 bg-clip-text text-transparent",children:"Enhanced Dashboard Experience"})]})]}),(0,e.jsxs)(d.p,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:.5},className:"text-base text-black leading-relaxed max-w-2xl font-normal",children:["Experience modern task management with",(0,e.jsx)("span",{className:"font-medium text-black",children:" vibrant design"}),",",(0,e.jsx)("span",{className:"font-medium text-black",children:" intelligent blueprints"}),", and",(0,e.jsx)("span",{className:"font-medium text-black",children:" powerful analytics"}),"."]}),(0,e.jsxs)(d.div,{initial:{opacity:0,y:15},animate:{opacity:1,y:0},transition:{delay:.7},className:"flex items-center gap-4 mt-4",children:[(0,e.jsxs)("div",{className:`flex items-center gap-3 px-4 py-2 rounded-2xl shadow-lg border backdrop-blur-sm transition-all duration-300 hover:scale-105 ${u?"bg-gradient-to-r from-emerald-100 to-teal-100 border-emerald-200/50 hover:shadow-emerald-300/50":"bg-gradient-to-r from-red-100 to-pink-100 border-red-200/50 hover:shadow-red-300/50"}`,children:[(0,e.jsx)("div",{className:`h-3 w-3 rounded-full shadow-sm ${u?"bg-gradient-to-r from-emerald-500 to-teal-500 animate-pulse":"bg-gradient-to-r from-red-500 to-pink-500"}`}),(0,e.jsx)("span",{className:`text-sm font-bold ${u?"text-emerald-700":"text-red-700"}`,children:u?"Real-time Connected":"Offline Mode"}),(0,e.jsx)("div",{className:`p-1 rounded-full ${u?"bg-gradient-to-r from-emerald-500 to-teal-500":"bg-gradient-to-r from-red-500 to-pink-500"}`,children:(0,e.jsx)(R,{className:"h-3 w-3 text-white"})})]}),(0,e.jsxs)("div",{className:"flex items-center gap-3 px-4 py-2 bg-gradient-to-r from-indigo-100 via-purple-100 to-pink-100 border border-indigo-200/50 rounded-2xl shadow-lg backdrop-blur-sm hover:scale-105 transition-all duration-300 hover:shadow-indigo-300/50",children:[(0,e.jsx)("div",{className:"p-1 bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500 rounded-full",children:(0,e.jsx)(L,{className:"h-3 w-3 text-white"})}),(0,e.jsx)("span",{className:"text-sm font-bold text-transparent bg-gradient-to-r from-indigo-700 to-purple-700 bg-clip-text",children:"Premium Features Active"})]})]})]})]}),(0,e.jsx)(d.div,{initial:{opacity:0,x:20}

13,animate:{opacity:1,x:0},transition:{delay:.8},className:"flex flex-col gap-4",children:(0,e.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,e.jsxs)(x,{variant:"outline",onClick:A,disabled:m,className:"bg-gradient-to-r from-white to-blue-50 hover:from-blue-50 hover:to-indigo-50 border-2 border-blue-200 hover:border-blue-300 text-blue-700 hover:text-blue-800 font-bold justify-center shadow-lg hover:shadow-xl transition-all duration-300 hover:scale-105",children:[m?(0,e.jsx)(D,{className:"h-4 w-4 mr-2 animate-spin"}):(0,e.jsx)(D,{className:"h-4 w-4 mr-2"}),"Refresh Data"]}),(0,e.jsxs)(x,{onClick:K,className:"bg-gradient-to-r from-indigo-600 via-purple-600 to-pink-600 hover:from-indigo-500 hover:via-purple-500 hover:to-pink-500 text-white font-bold justify-center shadow-xl hover:shadow-2xl hover:shadow-purple-500/30 transition-all duration-300 hover:scale-105 border-0",children:[(0,e.jsx)(W,{className:"h-4 w-4 mr-2 drop-shadow"}),"Create New Task"]})]})})]}),(0,e.jsxs)(d.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:1},className:"flex items-center justify-between pt-6 border-t border-gradient-to-r border-gray-200/50 bg-gradient-to-r from-transparent via-gray-50/30 to-transparent rounded-b-3xl",children:[(0,e.jsxs)("div",{className:"flex items-center gap-6",children:[(0,e.jsxs)("div",{className:"flex items-center gap-3 px-4 py-2 bg-gradient-to-r from-gray-100 to-blue-50 rounded-2xl border border-gray-200/50 shadow-lg backdrop-blur-sm",children:[(0,e.jsx)("div",{className:"p-1 bg-gradient-to-r from-blue-500 to-purple-500 rounded-full",children:(0,e.jsx)(q,{className:"h-3 w-3 text-white"})}),(0,e.jsxs)("span",{className:"text-sm font-bold text-gray-700",children:["Updated ",new Date().toLocaleTimeString()]})]}),(0,e.jsxs)("div",{className:"flex items-center gap-2",children:[(0,e.jsxs)("div",{className:"relative",children:[(0,e.jsx)("div",{className:"h-2 w-2 bg-gradient-to-r from-emerald-500 to-teal-500 rounded-full animate-pulse"}),(0,e.jsx)("div",{className:"absolute inset-0 h-2 w-2 bg-gradient-to-r from-emerald-400 to-teal-400 rounded-full animate-ping"})]}),(0,e.jsx)("span",{className:"text-xs font-medium text-gray-600",children:"Live Updates"})]})]}),(0,e.jsxs)("div",{className:"flex items-center gap-2 p-1 bg-gradient-to-r from-gray-100 to-gray-200 rounded-2xl shadow-lg",children:[(0,e.jsx)(x,{variant:"ghost",size:"sm",className:"h-10 w-10 p-0 hover:bg-gradient-to-r hover:from-orange-100 hover:to-amber-100 text-gray-600 hover:text-orange-600 rounded-xl transition-all duration-300 hover:scale-110 hover:shadow-lg group",title:"Analytics Dashboard",children:(0,e.jsx)(Ne,{className:"h-4 w-4 group-hover:drop-shadow-sm"})}),(0,e.jsx)(x,{variant:"ghost",size:"sm",className:"h-10 w-10 p-0 hover:bg-gradient-to-r hover:from-blue-100 hover:to-indigo-100 text-gray-600 hover:text-blue-600 rounded-xl transition-all duration-300 hover:scale-110 hover:shadow-lg group",title:"Team Collaboration",children:(0,e.jsx)(Ce,{className:"h-4 w-4 group-hover:drop-shadow-sm"})}),(0,e.jsx)(x,{variant:"ghost",size:"sm",className:"h-10 w-10 p-0 hover:bg-gradient-to-r hover:from-purple-100 hover:to-pink-100 text-gray-600 hover:text-purple-600 rounded-xl transition-all duration-300 hover:scale-110 hover:shadow-lg group",title:"Calendar View",children:(0,e.jsx)(Q,{className:"h-4 w-4 group-hover:drop-shadow-sm"})})]})]})]}),(0,e.jsx)("div",{className:"absolute top-4 right-4 w-32 h-32 bg-gradient-to-r from-purple-400/10 via-pink-400/10 to-teal-400/10 rounded-full mix-blend-multiply filter blur-2xl"}),(0,e.jsx)("div",{className:"absolute bottom-4 left-4 w-24 h-24 bg-gradient-to-r from-indigo-400/10 via-blue-400/10 to-cyan-400/10 rounded-full mix-blend-multiply filter blur-2xl"})]}),(0,e.jsxs)(d.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.1},className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6",children:[(0,e.jsx)(F,{title:"Total Tasks",subtitle:"All tasks in the system",value:t.total,previousValue:Math.max(0,t.total-3),icon:L,gradientClass:"bg-gradient-to-br from-slate-500 via-gray-600 to-zinc-700",shadowClass:"hover:shadow-slate-500/30",trend:{value:12,direction:"up"},period:"This month",isLoading:m,sparklineData:[15,18,22,20,24,26,t.total],performanceIndicator:t.total>10?"excellent":t.total>5?"good":"average",onClick:()=>{T("all"),$("all"),S(""),document.querySelector("[data-tasks-section]")?.scrollIntoView({behavior:"smooth"})}}),(0,e.jsx)(F,{title:"In Progress",subtitle:"Active tasks being worked on",value:t.inProgress,previousValue:Math.max(0,t.inProgress-1),totalValue:t.total,icon:R,gradientClass:"bg-gradient-to-br from-blue-500 via-indigo-600 to-purple-700",shadowClass:"hover:shadow-blue-500/30",trend:{value:8,direction:"up"},period:"This week",isLoading:m,sparklineData:[3,5,4,6,5,7,t.inProgress],performanceIndicator:t.inProgress>0?"excellent":"average",onClick:()=>{T("in_progress"),$("all"),S(""),document.querySelector("[data-tasks-section]")?.scrollIntoView({behavior:"smooth"})}}),(0,e.jsx)(F,{title:"Completed",subtitle:"Successfully finished tasks",value:t.completed,previousValue:Math.max(0,t.completed-2),totalValue:t.total,icon:ee,gradientClass:"bg-gradient-to-br from-emerald-500 via-teal-600 to-green-700",shadowClass:"hover:shadow-emerald-500/30",trend:{value:24,direction:"up"},period:"This week",isLoading:m,sparklineData:[8,10,12,15,18,20,t.completed],performanceIndicator:t.total>0&&t.completed/t.total>=.8?"excellent":t.total>0&&t.completed/t.total>=.5?"good":"average",onClick:()=>{T("completed"),$("all"),S(""),document.querySelector("[data-tasks-section]")?.scrollIntoView({behavior:"smooth"})}}),(0,e.jsx)(F,{title:"Failed",subtitle:t.failed===0?"Great job! No failures":"Tasks needing attention",value:t.failed,previousValue:Math.max(0,t.failed+(t.failed<=1?1:-1)),totalValue:t.total,icon:_,gradientClass:t.failed===0?"bg-gradient-to-br from-emerald-500 via-teal-600 to-green-700":"bg-gradient-to-br from-red-500 via-pink-600 to-rose-700",shadowClass:t.failed===0?"hover:shadow-emerald-500/30":"hover:shadow-red-500/30",trend:{value:5,direction:t.failed<=1?"down":"up"},period:"This month",isLoading:m,sparklineData:t.failed===0?[5,3,2,1,1,0,0]:[2,3,5,4,3,4,t.failed],performanceIndicator:t.failed===0?"excellent":t.failed<=2?"good":t.failed<=5?"average":"needs_attention",onClick:()=>{t.failed>0&&(T("failed"),$("all"),S(""),document.querySelector("[data-tasks-section]")?.scrollIntoView({behavior:"smooth"}))}})]}),(0,e.jsxs)(d.div,{initial:{opacity:0,y:20}

13,animate:{opacity:1,y:0},transition:{delay:.2},className:"bg-white/90 backdrop-blur-sm rounded-3xl p-8 shadow-xl border border-white/50 relative overflow-hidden",children:[(0,e.jsx)("div",{className:"absolute inset-0 bg-gradient-to-r from-indigo-600/3 via-purple-600/3 to-pink-600/3 rounded-3xl"}),(0,e.jsxs)("div",{className:"flex flex-col lg:flex-row gap-6 items-start lg:items-center justify-between relative z-10",children:[(0,e.jsx)(Me,{value:y,onChange:ie,placeholder:"Search tasks by name, description, or assignee...",className:"flex-1 max-w-lg"}),(0,e.jsxs)("div",{className:"flex items-center gap-4",children:[(0,e.jsxs)("div",{className:"relative group",children:[(0,e.jsxs)("select",{value:s,onChange:a=>le(Number(a.target.value)),className:"appearance-none bg-gradient-to-r from-white to-gray-50 border-2 border-gray-200 rounded-2xl px-5 py-3 pr-10 text-sm font-semibold text-gray-700 focus:border-gray-400 focus:ring-4 focus:ring-gray-100 transition-all duration-300 hover:shadow-lg cursor-pointer",children:[(0,e.jsx)("option",{value:10,children:"10 per page"}),(0,e.jsx)("option",{value:25,children:"25 per page"}),(0,e.jsx)("option",{value:50,children:"50 per page"}),(0,e.jsx)("option",{value:100,children:"100 per page"})]}),(0,e.jsx)("div",{className:"absolute right-3 top-1/2 transform -translate-y-1/2 p-1 bg-gradient-to-r from-gray-500 to-slate-500 rounded-full",children:(0,e.jsx)(E,{className:"h-3 w-3 text-white"})})]}),(0,e.jsxs)("div",{className:"relative group",children:[(0,e.jsxs)("select",{value:H,onChange:a=>se(a.target.value),className:"appearance-none bg-gradient-to-r from-white to-blue-50 border-2 border-blue-200 rounded-2xl px-5 py-3 pr-10 text-sm font-semibold text-gray-700 focus:border-blue-400 focus:ring-4 focus:ring-blue-100 transition-all duration-300 hover:shadow-lg cursor-pointer",children:[(0,e.jsx)("option",{value:"all",children:"All Status"}),(0,e.jsx)("option",{value:"pending",children:"Pending"}),(0,e.jsx)("option",{value:"in_progress",children:"In Progress"}),(0,e.jsx)("option",{value:"completed",children:"Completed"}),(0,e.jsx)("option",{value:"failed",children:"Failed"})]}),(0,e.jsx)("div",{className:"absolute right-3 top-1/2 transform -translate-y-1/2 p-1 bg-gradient-to-r from-blue-500 to-purple-500 rounded-full",children:(0,e.jsx)(E,{className:"h-3 w-3 text-white"})})]}),(0,e.jsxs)("div",{className:"relative group",children:[(0,e.jsxs)("select",{value:B,onChange:a=>oe(a.target.value),className:"appearance-none bg-gradient-to-r from-white to-purple-50 border-2 border-purple-200 rounded-2xl px-5 py-3 pr-10 text-sm font-semibold text-gray-700 focus:border-purple-400 focus:ring-4 focus:ring-purple-100 transition-all duration-300 hover:shadow-lg cursor-pointer",children:[(0,e.jsx)("option",{value:"all",children:"All Priority"}),(0,e.jsx)("option",{value:"urgent",children:"Urgent"}),(0,e.jsx)("option",{value:"high",children:"High"}),(0,e.jsx)("option",{value:"medium",children:"Medium"}),(0,e.jsx)("option",{value:"low",children:"Low"})]}),(0,e.jsx)("div",{className:"absolute right-3 top-1/2 transform -translate-y-1/2 p-1 bg-gradient-to-r from-purple-500 to-pink-500 rounded-full",children:(0,e.jsx)(E,{className:"h-3 w-3 text-white"})})]}),(0,e.jsxs)("div",{className:"flex items-center bg-gradient-to-r from-gray-100 to-gray-200 rounded-2xl p-1.5 shadow-lg",children:[(0,e.jsx)(x,{variant:n==="grid"?"default":"ghost",size:"sm",onClick:()=>p("grid"),className:`h-10 w-10 p-0 rounded-xl transition-all duration-300 ${n==="grid"?"bg-gradient-to-r from-teal-500 to-cyan-500 text-white shadow-lg hover:shadow-teal-300/50":"text-gray-600 hover:bg-white hover:text-teal-600"}`,children:(0,e.jsx)(me,{className:"h-5 w-5"})}),(0,e.jsx)(x,{variant:n==="list"?"default":"ghost",size:"sm",onClick:()=>p("list"),className:`h-10 w-10 p-0 rounded-xl transition-all duration-300 ${n==="list"?"bg-gradient-to-r from-indigo-500 to-purple-500 text-white shadow-lg hover:shadow-indigo-300/50":"text-gray-600 hover:bg-white hover:text-indigo-600"}`,children:(0,e.jsx)(Z,{className:"h-5 w-5"})})]})]})]})]}),(0,e.jsxs)(d.div,{initial:{opacity:0,y:20}

13,animate:{opacity:1,y:0},transition:{delay:.3},"data-tasks-section":!0,children:[U.length===0?(0,e.jsxs)("div",{className:"bg-white/90 backdrop-blur-sm rounded-3xl p-16 shadow-2xl border border-white/50 text-center relative overflow-hidden",children:[(0,e.jsx)("div",{className:"absolute inset-0 bg-gradient-to-br from-purple-50/50 via-pink-50/30 to-blue-50/50 rounded-3xl"}),(0,e.jsxs)("div",{className:"max-w-lg mx-auto relative z-10",children:[(0,e.jsxs)("div",{className:"relative mb-8",children:[(0,e.jsx)("div",{className:"p-6 bg-gradient-to-br from-purple-500 via-pink-500 to-rose-500 rounded-full w-fit mx-auto shadow-2xl",children:(0,e.jsx)(L,{className:"h-12 w-12 text-white drop-shadow-lg"})}),(0,e.jsx)("div",{className:"absolute -top-2 -right-2 h-6 w-6 bg-gradient-to-r from-emerald-400 to-teal-400 rounded-full border-2 border-white animate-bounce"}),(0,e.jsx)("div",{className:"absolute -bottom-2 -left-2 h-4 w-4 bg-gradient-to-r from-amber-400 to-orange-400 rounded-full border border-white animate-pulse"})]}),(0,e.jsx)("h3",{className:"text-3xl font-black bg-gradient-to-r from-purple-600 via-pink-600 to-rose-600 bg-clip-text text-transparent mb-4",children:"No tasks found"}),(0,e.jsx)("p",{className:"text-gray-700 text-lg font-medium mb-8 leading-relaxed",children:y||H!=="all"||B!=="all"?"Try adjusting your search or filters to find what you're looking for.":"Get started by creating your first task to organize your work with style."}),(0,e.jsxs)(x,{onClick:K,className:"bg-gradient-to-r from-purple-600 via-pink-600 to-rose-600 hover:from-purple-500 hover:via-pink-500 hover:to-rose-500 text-white font-bold px-8 py-4 text-lg shadow-2xl hover:shadow-purple-500/30 transition-all duration-300 transform hover:scale-105",children:[(0,e.jsx)(W,{className:"h-6 w-6 mr-3 drop-shadow"}),"Create Your First Task"]})]}),(0,e.jsx)("div",{className:"absolute top-10 left-10 w-20 h-20 bg-gradient-to-r from-blue-400 to-cyan-400 rounded-full mix-blend-multiply filter blur-2xl opacity-30"}),(0,e.jsx)("div",{className:"absolute bottom-10 right-10 w-16 h-16 bg-gradient-to-r from-pink-400 to-rose-400 rounded-full mix-blend-multiply filter blur-2xl opacity-30"})]}):n==="grid"?(0,e.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:U.map((a,i)=>(0,e.jsx)(d.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:i*.05},children:(0,e.jsx)(Re,{task:a,onAction:ne,onRowClick:V})},a.id))}):(0,e.jsxs)("div",{className:"bg-white/90 backdrop-blur-sm rounded-3xl shadow-2xl border border-white/50 overflow-hidden relative",children:[(0,e.jsx)("div",{className:"absolute inset-0 bg-gradient-to-br from-gray-50/50 via-blue-50/20 to-purple-50/30"}),(0,e.jsxs)("div",{className:"p-8 relative z-10",children:[(0,e.jsxs)("div",{className:"flex items-center gap-3 mb-6",children:[(0,e.jsx)("div",{className:"p-2 bg-gradient-to-r from-indigo-500 to-purple-500 rounded-xl",children:(0,e.jsx)(Z,{className:"h-5 w-5 text-white"})}),(0,e.jsx)("h3",{className:"text-2xl font-bold bg-gradient-to-r from-indigo-600 to-purple-600 bg-clip-text text-transparent",children:"Task List"})]}),(0,e.jsx)("div",{className:"space-y-4",children:U.map((a,i)=>(0,e.jsxs)(d.div,{initial:{opacity:0,x:-20},animate:{opacity:1,x:0},transition:{delay:i*.02},className:"flex items-center gap-6 p-6 rounded-2xl border border-gray-200/50 hover:border-purple-200/60 hover:bg-gradient-to-r hover:from-white hover:to-purple-50/30 transition-all duration-300 cursor-pointer hover:shadow-lg hover:shadow-purple-500/10 group",onClick:()=>V(a),children:[(0,e.jsx)("div",{className:"w-1 h-16 bg-gradient-to-b from-pink-500 via-purple-500 to-indigo-500 rounded-full opacity-70 group-hover:opacity-100 transition-opacity"}),(0,e.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,e.jsx)("h4",{className:"font-bold text-gray-900 truncate text-lg group-hover:text-transparent group-hover:bg-gradient-to-r group-hover:from-purple-600 group-hover:to-pink-600 group-hover:bg-clip-text transition-all duration-300",children:a.name||a.title||"Untitled Task"}),a.description&&(0,e.jsx)("p",{className:"text-sm text-gray-600 truncate mt-2 font-medium group-hover:text-gray-700",children:a.description})]}),(0,e.jsxs)("div",{className:"flex items-center gap-4",children:[(0,e.jsx)(ae,{status:a.status}),(0,e.jsx)(re,{priority:a.priority}),(0,e.jsxs)("div",{className:"text-sm text-gray-600 text-right bg-white/60 px-3 py-2 rounded-xl border border-gray-200/50 group-hover:bg-white/80",children:[(0,e.jsx)("div",{className:"font-semibold",children:a.assignedTo?.name||"Unassigned"}),(0,e.jsx)("div",{className:"text-xs text-gray-500",children:new Date(a.createdAt).toLocaleDateString()})]})]})]},a.id))})]})]}),w>0&&v>1&&(0,e.jsx)(d.div,{initial:{opacity:0,y:10}

13,animate:{opacity:1,y:0},transition:{delay:.4},className:"mt-8 bg-white/90 backdrop-blur-sm rounded-2xl p-6 shadow-xl border border-white/50",children:(0,e.jsxs)("div",{className:"flex flex-col sm:flex-row items-center justify-between gap-4",children:[(0,e.jsxs)("div",{className:"text-sm text-gray-600 font-medium",children:["Showing ",(0,e.jsx)("span",{className:"font-bold text-gray-900",children:h+1})," to"," ",(0,e.jsx)("span",{className:"font-bold text-gray-900",children:Math.min(h+s,w)})," ","of ",(0,e.jsx)("span",{className:"font-bold text-gray-900",children:w})," tasks"]}),(0,e.jsxs)("div",{className:"flex items-center gap-2",children:[(0,e.jsxs)(x,{variant:"outline",size:"sm",onClick:()=>l(a=>Math.max(1,a-1)),disabled:o===1||m,className:"flex items-center gap-1 px-3 py-2 rounded-xl border-2 border-gray-200 hover:border-purple-300 hover:bg-purple-50 transition-all duration-300 disabled:opacity-50 disabled:cursor-not-allowed",children:[(0,e.jsx)(we,{className:"h-4 w-4"}),(0,e.jsx)("span",{className:"hidden sm:inline",children:"Previous"})]}),(0,e.jsxs)("div",{className:"flex items-center gap-1",children:[Array.from({length:Math.min(5,v)},(a,i)=>{let f;return v<=5||o<=3?f=i+1:o>=v-2?f=v-4+i:f=o-2+i,(0,e.jsx)(x,{variant:o===f?"default":"ghost",size:"sm",onClick:()=>l(f),disabled:m,className:`h-10 w-10 p-0 rounded-xl transition-all duration-300 ${o===f?"bg-gradient-to-r from-purple-500 to-pink-500 text-white shadow-lg":"text-gray-600 hover:bg-purple-50 hover:text-purple-600"}`,children:f},f)}),v>5&&o<v-2&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("span",{className:"px-2 text-gray-400",children:"..."}),(0,e.jsx)(x,{variant:"ghost",size:"sm",onClick:()=>l(v),disabled:m,className:"h-10 w-10 p-0 rounded-xl text-gray-600 hover:bg-purple-50 hover:text-purple-600 transition-all duration-300",children:v})]})]}),(0,e.jsxs)(x,{variant:"outline",size:"sm",onClick:()=>l(a=>Math.min(v,a+1)),disabled:o===v||m,className:"flex items-center gap-1 px-3 py-2 rounded-xl border-2 border-gray-200 hover:border-purple-300 hover:bg-purple-50 transition-all duration-300 disabled:opacity-50 disabled:cursor-not-allowed",children:[(0,e.jsx)("span",{className:"hidden sm:inline",children:"Next"}),(0,e.jsx)(ue,{className:"h-4 w-4"})]})]})]})})]})]})]})}export{sa as default};