function KanbanColumn({ title, tasks = [], onDragStart, onDragOver, onDrop, gradient = "from-blue-500 to-teal-500" }) { const handleDragOver = (e)=>{ e.preventDefault(); if (onDragOver) onDragOver(e); }; const handleDrop = (e)=>{ e.preventDefault(); if (onDrop) onDrop(e); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col w-[300px] min-h-[500px] rounded-xl", onDragOver: handleDragOver, onDrop: handleDrop, __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(GradientCard, { gradient: gradient, __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-white mb-2", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, title), /*#__PURE__*/ React.createElement("span", { className: "text-white text-sm", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, tasks.length, " tasks")), /*#__PURE__*/ React.createElement("div", { className: "flex-1 bg-gray-100 mt-4 p-4 rounded-xl overflow-y-auto", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, tasks.map((task)=>/*#__PURE__*/ React.createElement("div", { key: task.id, draggable: true, onDragStart: (e)=>onDragStart(e, task), className: "bg-white p-4 rounded-lg shadow-sm cursor-move hover:shadow-md transition-shadow", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-gray-800", __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }, task.title), task.description && /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mt-1", __source: { fileName: "", lineNumber: 41, columnNumber: 17 }, __self: this }, task.description), task.dueDate && /*#__PURE__*/ React.createElement("div", { className: "flex items-center mt-2 text-xs text-gray-500", __source: { fileName: "", lineNumber: 44, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-1", __source: { fileName: "", lineNumber: 45, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 46, columnNumber: 19 }, __self: this }, task.dueDate))))))); } function KanbanColumnStory() { const [columns, setColumns] = useState({ todo: { title: "To Do", tasks: [ { id: 1, title: "Design homepage", description: "Create wireframes", dueDate: "2025-03-20" }, { id: 2, title: "Setup database", description: "Configure PostgreSQL" } ], gradient: "from-pink-500 to-rose-500" }, inProgress: { title: "In Progress", tasks: [ { id: 3, title: "Implement auth", description: "Using NextAuth.js", dueDate: "2025-03-22" } ], gradient: "from-yellow-500 to-orange-500" }, done: { title: "Done", tasks: [ { id: 4, title: "Project setup", description: "Initialize repository" } ], gradient: "from-green-500 to-emerald-500" } }); const handleDragStart = (e, task)=>{ e.dataTransfer.setData("taskId", task.id); }; const handleDrop = (targetColumn)=>(e)=>{ const taskId = parseInt(e.dataTransfer.getData("taskId")); let sourceColumn; let task; Object.entries(columns).forEach(([columnId, column])=>{ const taskIndex = column.tasks.findIndex((t)=>t.id === taskId); if (taskIndex !== -1) { sourceColumn = columnId; task = column.tasks[taskIndex]; } }); if (sourceColumn === targetColumn) return; setColumns((prev)=>({ ...prev, [sourceColumn]: { ...prev[sourceColumn], tasks: prev[sourceColumn].tasks.filter((t)=>t.id !== taskId) }, [targetColumn]: { ...prev[targetColumn], tasks: [ ...prev[targetColumn].tasks, task ] } })); }; return /*#__PURE__*/ React.createElement("div", { className: "p-8 bg-gray-50 min-h-screen", __source: { fileName: "", lineNumber: 127, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-6 overflow-x-auto pb-4", __source: { fileName: "", lineNumber: 128, columnNumber: 7 }, __self: this }, Object.entries(columns).map(([columnId, column])=>/*#__PURE__*/ React.createElement(KanbanColumn, { key: columnId, title: column.title, tasks: column.tasks, onDragStart: handleDragStart, onDrop: handleDrop(columnId), gradient: column.gradient, __source: { fileName: "", lineNumber: 130, columnNumber: 11 }, __self: this })))); } function GradientCard({ children, gradient = "from-purple-500 to-pink-500", opacity = "95", blur = "16" }) { return /*#__PURE__*/ React.createElement("div", { className: ` relative overflow-hidden rounded-2xl bg-gradient-to-br ${gradient} p-8 backdrop-blur-[${blur}px] bg-opacity-${opacity} shadow-xl border border-white border-opacity-20 `, __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative z-10", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, children)); } function GradientCardStory() { return /*#__PURE__*/ React.createElement("div", { className: "grid gap-8 p-8 bg-gray-900", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(GradientCard, { __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-white mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "Default Card"), /*#__PURE__*/ React.createElement("p", { className: "text-white", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "This is a sample content inside the card.")), /*#__PURE__*/ React.createElement(GradientCard, { gradient: "from-blue-500 to-teal-500", opacity: "90", blur: "8", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-white mb-4", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, "Blue Gradient Card"), /*#__PURE__*/ React.createElement("p", { className: "text-white", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, "A card with different gradient and blur settings.")), /*#__PURE__*/ React.createElement(GradientCard, { gradient: "from-amber-500 to-red-500", opacity: "85", blur: "12", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 rounded-full bg-white", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-white", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, "Profile Card"), /*#__PURE__*/ React.createElement("p", { className: "text-white", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, "Showing versatile content layout"))))); } function VideoMessage({ recordingTime = 30, onVideoRecorded, previewUrl, error: propError, mode = "record" }) { const [isRecording, setIsRecording] = useState(false); const [timer, setTimer] = useState(recordingTime); const [stream, setStream] = useState(null); const [error, setError] = useState(propError); const videoRef = useRef(null); const mediaRecorderRef = useRef(null); const chunksRef = useRef([]); useEffect(()=>{ return ()=>{ if (stream) { stream.getTracks().forEach((track)=>track.stop()); } }; }, [ stream ]); const startRecording = async ()=>{ try { const mediaStream = await navigator.mediaDevices.getUserMedia({ video: true, audio: true }); setStream(mediaStream); videoRef.current.srcObject = mediaStream; const mediaRecorder = new MediaRecorder(mediaStream); mediaRecorderRef.current = mediaRecorder; chunksRef.current = []; mediaRecorder.ondataavailable = (event)=>{ if (event.data.size > 0) { chunksRef.current.push(event.data); } }; mediaRecorder.onstop = ()=>{ const blob = new Blob(chunksRef.current, { type: "video/webm" }); if (onVideoRecorded) { onVideoRecorded(blob); } stream.getTracks().forEach((track)=>track.stop()); setStream(null); }; mediaRecorder.start(); setIsRecording(true); setTimer(recordingTime); const interval = setInterval(()=>{ setTimer((prevTimer)=>{ if (prevTimer <= 1) { clearInterval(interval); stopRecording(); return 0; } return prevTimer - 1; }); }, 1000); } catch (err) { console.error(err); setError("Could not access camera or microphone"); } }; const stopRecording = ()=>{ if (mediaRecorderRef.current && isRecording) { mediaRecorderRef.current.stop(); setIsRecording(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "rounded-xl bg-white shadow-lg p-6 w-[400px]", __source: { fileName: "", lineNumber: 80, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative aspect-video bg-gray-100 rounded-lg overflow-hidden mb-4", __source: { fileName: "", lineNumber: 81, columnNumber: 7 }, __self: this }, mode === "record" ? /*#__PURE__*/ React.createElement("video", { ref: videoRef, autoPlay: true, muted: true, playsInline: true, className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }) : /*#__PURE__*/ React.createElement("video", { src: previewUrl, controls: true, className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }), isRecording && /*#__PURE__*/ React.createElement("div", { className: "absolute top-4 right-4 bg-red-500 text-white px-3 py-1 rounded-full text-sm font-medium flex items-center", __source: { fileName: "", lineNumber: 99, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 bg-white rounded-full mr-2 animate-pulse", __source: { fileName: "", lineNumber: 100, columnNumber: 13 }, __self: this }), timer, "s")), error && /*#__PURE__*/ React.createElement("div", { className: "mb-4 text-red-500 text-sm", __source: { fileName: "", lineNumber: 106, columnNumber: 17 }, __self: this }, error), mode === "record" && /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 109, columnNumber: 9 }, __self: this }, !isRecording ? /*#__PURE__*/ React.createElement("button", { onClick: startRecording, className: "inline-flex items-center px-4 py-2 rounded-lg bg-[#357AFF] text-white hover:bg-[#2E69DE] transition-colors", __source: { fileName: "", lineNumber: 111, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-video mr-2", __source: { fileName: "", lineNumber: 115, columnNumber: 15 }, __self: this }), "Start Recording") : /*#__PURE__*/ React.createElement("button", { onClick: stopRecording, className: "inline-flex items-center px-4 py-2 rounded-lg bg-red-500 text-white hover:bg-red-600 transition-colors", __source: { fileName: "", lineNumber: 119, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-stop mr-2", __source: { fileName: "", lineNumber: 123, columnNumber: 15 }, __self: this }), "Stop Recording"))); } function VideoMessageStory() { const [recordedVideoUrl, setRecordedVideoUrl] = useState(null); const [error, setError] = useState(null); const handleVideoRecorded = (blob)=>{ const url = URL.createObjectURL(blob); setRecordedVideoUrl(url); }; return /*#__PURE__*/ React.createElement("div", { className: "p-8 bg-gray-50 min-h-screen space-y-8", __source: { fileName: "", lineNumber: 143, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 144, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 145, columnNumber: 9 }, __self: this }, "Recording Mode"), /*#__PURE__*/ React.createElement(VideoMessage, { recordingTime: 30, onVideoRecorded: handleVideoRecorded, error: error, mode: "record", __source: { fileName: "", lineNumber: 146, columnNumber: 9 }, __self: this })), recordedVideoUrl && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 155, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 156, columnNumber: 11 }, __self: this }, "Preview Mode"), /*#__PURE__*/ React.createElement(VideoMessage, { previewUrl: recordedVideoUrl, mode: "preview", __source: { fileName: "", lineNumber: 157, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 161, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 162, columnNumber: 9 }, __self: this }, "Error State"), /*#__PURE__*/ React.createElement(VideoMessage, { error: "Camera access denied", mode: "record", __source: { fileName: "", lineNumber: 163, columnNumber: 9 }, __self: this }))); } function InfoFooter({ city = "New York" }) { const [currentTime, setCurrentTime] = useState(new Date()); const [weatherData, setWeatherData] = useState(null); const [error, setError] = useState(null); useEffect(()=>{ const timer = setInterval(()=>{ setCurrentTime(new Date()); }, 1000); return ()=>clearInterval(timer); }, []); useEffect(()=>{ const fetchWeather = async ()=>{ try { const response = await fetch(`/integrations/weather-by-city/weather/${city}`); if (!response.ok) { throw new Error(`Weather data fetch failed: ${response.status}`); } const data = await response.json(); setWeatherData(data); } catch (err) { console.error("Weather fetch error:", err); setError("Could not load weather data"); } }; fetchWeather(); const weatherInterval = setInterval(fetchWeather, 300000); return ()=>clearInterval(weatherInterval); }, [ city ]); return /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-0 left-0 right-0 w-full bg-[#232b3e] border-t border-[#374151] p-4 z-50", __source: { fileName: "", lineNumber: 38, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock text-2xl text-gray-400", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white font-semibold", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }, currentTime.toLocaleTimeString()), /*#__PURE__*/ React.createElement("div", { className: "text-gray-400 text-sm", __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }, currentTime.toLocaleDateString()))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cloud text-2xl text-gray-400", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, error ? /*#__PURE__*/ React.createElement("div", { className: "text-red-400", __source: { fileName: "", lineNumber: 57, columnNumber: 17 }, __self: this }, error) : !weatherData ? /*#__PURE__*/ React.createElement("div", { className: "text-gray-400", __source: { fileName: "", lineNumber: 59, columnNumber: 17 }, __self: this }, "Loading weather...") : /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 61, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white font-semibold", __source: { fileName: "", lineNumber: 62, columnNumber: 19 }, __self: this }, weatherData.current.temp_c, "°C |", " ", weatherData.current.condition.text), /*#__PURE__*/ React.createElement("div", { className: "text-gray-400 text-sm", __source: { fileName: "", lineNumber: 66, columnNumber: 19 }, __self: this }, weatherData.location.name, ", ", weatherData.location.country)))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-dollar-sign text-2xl text-gray-400", __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white font-semibold", __source: { fileName: "", lineNumber: 77, columnNumber: 15 }, __self: this }, "Market Info"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-400 text-sm", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }, "USD Index: 103.45 | EUR: 1.08")))))); } function InfoFooterStory() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#0f1729] min-h-screen", __source: { fileName: "", lineNumber: 91, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "pb-20", __source: { fileName: "", lineNumber: 92, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-8", __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-white mb-4", __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }, "Footer with New York Weather:"), /*#__PURE__*/ React.createElement("div", { className: "h-[500px] overflow-y-auto bg-[#1a1a1c] p-4 rounded-lg", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, Array.from({ length: 20 }).fill(0).map((_, i)=>/*#__PURE__*/ React.createElement("p", { key: i, className: "text-gray-400 mb-4", __source: { fileName: "", lineNumber: 99, columnNumber: 17 }, __self: this }, "Scroll content ", i + 1)))), /*#__PURE__*/ React.createElement(InfoFooter, { city: "New York", __source: { fileName: "", lineNumber: 106, columnNumber: 9 }, __self: this }))); } function TaskCard({ title, description, status = "pending", assignee, dueDate, priority = "medium" }) { const statusColors = { pending: "bg-yellow-100 text-yellow-800", inProgress: "bg-blue-100 text-blue-800", completed: "bg-green-100 text-green-800", blocked: "bg-red-100 text-red-800" }; const priorityColors = { low: "border-l-blue-500", medium: "border-l-yellow-500", high: "border-l-red-500" }; return /*#__PURE__*/ React.createElement("div", { className: `bg-white rounded-lg shadow-sm border-l-4 ${priorityColors[priority]} p-4 hover:shadow-md transition-shadow`, __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-2", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-gray-800 text-lg", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, title), /*#__PURE__*/ React.createElement("span", { className: `px-2 py-1 rounded-full text-xs font-medium ${statusColors[status]}`, __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, status)), description && /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-sm mb-3", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, description), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, assignee && /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, assignee.avatar ? /*#__PURE__*/ React.createElement("img", { src: assignee.avatar, alt: assignee.name, className: "w-6 h-6 rounded-full", __source: { fileName: "", lineNumber: 44, columnNumber: 17 }, __self: this }) : /*#__PURE__*/ React.createElement("div", { className: "w-6 h-6 rounded-full bg-gray-200 flex items-center justify-center", __source: { fileName: "", lineNumber: 50, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-xs text-gray-500", __source: { fileName: "", lineNumber: 51, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "ml-2 text-sm text-gray-600", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, assignee.name))), dueDate && /*#__PURE__*/ React.createElement("div", { className: "flex items-center text-gray-500 text-xs", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-1", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, new Date(dueDate).toLocaleDateString())))); } function TaskCardStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-8 bg-gray-50 space-y-4 max-w-md", __source: { fileName: "", lineNumber: 74, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(TaskCard, { title: "Implement Authentication", description: "Set up user authentication using OAuth and JWT tokens", status: "inProgress", assignee: { name: "Sarah Chen", avatar: "/avatars/sarah.jpg" }, dueDate: "2025-03-25", priority: "high", __source: { fileName: "", lineNumber: 75, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(TaskCard, { title: "Design System Updates", description: "Update component library with new design tokens", status: "pending", assignee: { name: "Mike Johnson" }, priority: "medium", __source: { fileName: "", lineNumber: 87, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(TaskCard, { title: "Bug Fix: Mobile Navigation", status: "completed", assignee: { name: "Alex Turner", avatar: "/avatars/alex.jpg" }, dueDate: "2025-03-20", priority: "low", __source: { fileName: "", lineNumber: 97, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(TaskCard, { title: "API Documentation", description: "Document all API endpoints and update Swagger specifications", status: "blocked", priority: "high", __source: { fileName: "", lineNumber: 108, columnNumber: 7 }, __self: this })); } function GradientCard2({ children, gradient = "from-purple-500 to-pink-500", opacity = "95", blur = "16" }) { return /*#__PURE__*/ React.createElement("div", { className: ` relative overflow-hidden rounded-2xl bg-gradient-to-br ${gradient} p-8 backdrop-blur-[${blur}px] bg-opacity-${opacity} shadow-xl border border-white border-opacity-20 `, __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative z-10", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, children)); } function GradientCard2Story() { return /*#__PURE__*/ React.createElement("div", { className: "grid gap-8 p-8 bg-gray-900", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(GradientCard2, { __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-white mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "Default Card"), /*#__PURE__*/ React.createElement("p", { className: "text-white", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "This is a sample content inside the card.")), /*#__PURE__*/ React.createElement(GradientCard2, { gradient: "from-blue-500 to-teal-500", opacity: "90", blur: "8", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-white mb-4", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, "Blue Gradient Card"), /*#__PURE__*/ React.createElement("p", { className: "text-white", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, "A card with different gradient and blur settings.")), /*#__PURE__*/ React.createElement(GradientCard2, { gradient: "from-amber-500 to-red-500", opacity: "85", blur: "12", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 rounded-full bg-white", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-white", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, "Profile Card"), /*#__PURE__*/ React.createElement("p", { className: "text-white", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, "Showing versatile content layout"))))); } function AnalyticsChart({ type = "line", data = [], title = "", subtitle = "", xAxisLabel = "", yAxisLabel = "", gradient = "from-blue-500 to-teal-500", height = "400px" }) { const [chartData, setChartData] = useState(null); const [error, setError] = useState(null); const canvasRef = useRef(null); useEffect(()=>{ if (!canvasRef.current || !data.length) return; const ctx = canvasRef.current.getContext("2d"); const chart = new Chart(ctx, { type, data: { labels: data.map((d)=>d.label), datasets: [ { label: title, data: data.map((d)=>d.value), borderColor: "#357AFF", backgroundColor: "rgba(53, 122, 255, 0.1)", tension: 0.4, fill: true } ] }, options: { responsive: true, maintainAspectRatio: false, plugins: { title: { display: !!title, text: title, font: { size: 16, weight: "bold" } }, subtitle: { display: !!subtitle, text: subtitle, padding: { bottom: 10 } } }, scales: { x: { title: { display: !!xAxisLabel, text: xAxisLabel } }, y: { title: { display: !!yAxisLabel, text: yAxisLabel } } } } }); setChartData(chart); return ()=>{ chart.destroy(); }; }, [ data, type, title, subtitle, xAxisLabel, yAxisLabel ]); if (error) { return /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-red-50 p-4 text-red-500", __source: { fileName: "", lineNumber: 74, columnNumber: 12 }, __self: this }, error); } return /*#__PURE__*/ React.createElement(GradientCard, { gradient: gradient, __source: { fileName: "", lineNumber: 78, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { height }, className: "relative w-full", __source: { fileName: "", lineNumber: 79, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("canvas", { ref: canvasRef, __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }))); } function AnalyticsChartStory() { const lineData = [ { label: "Jan", value: 65 }, { label: "Feb", value: 59 }, { label: "Mar", value: 80 }, { label: "Apr", value: 81 }, { label: "May", value: 56 }, { label: "Jun", value: 55 } ]; const barData = [ { label: "Product A", value: 45 }, { label: "Product B", value: 28 }, { label: "Product C", value: 35 }, { label: "Product D", value: 17 } ]; const pieData = [ { label: "Desktop", value: 55 }, { label: "Mobile", value: 35 }, { label: "Tablet", value: 10 } ]; return /*#__PURE__*/ React.createElement("div", { className: "space-y-8 p-8 bg-gray-50", __source: { fileName: "", lineNumber: 110, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 111, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 112, columnNumber: 9 }, __self: this }, "Line Chart"), /*#__PURE__*/ React.createElement(AnalyticsChart, { type: "line", data: lineData, title: "Monthly Sales", subtitle: "Sales performance over time", xAxisLabel: "Month", yAxisLabel: "Sales ($K)", gradient: "from-blue-500 to-teal-500", __source: { fileName: "", lineNumber: 113, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 124, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 125, columnNumber: 9 }, __self: this }, "Bar Chart"), /*#__PURE__*/ React.createElement(AnalyticsChart, { type: "bar", data: barData, title: "Product Performance", subtitle: "Sales by product category", xAxisLabel: "Products", yAxisLabel: "Units Sold", gradient: "from-purple-500 to-pink-500", __source: { fileName: "", lineNumber: 126, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 137, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 138, columnNumber: 9 }, __self: this }, "Pie Chart"), /*#__PURE__*/ React.createElement(AnalyticsChart, { type: "pie", data: pieData, title: "Device Distribution", subtitle: "User sessions by device type", gradient: "from-amber-500 to-red-500", height: "300px", __source: { fileName: "", lineNumber: 139, columnNumber: 9 }, __self: this }))); } function MainComponent() { const { data: user = null } = useUser(); const [sidebarOpen, setSidebarOpen] = useState(true); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const { signOut } = useAuth(); const [weatherData, setWeatherData] = useState(null); const navigation = [ { name: "Overview", href: "/", icon: "fas fa-home", current: true }, { name: "Communication", href: "/communication", icon: "fas fa-comments", current: false }, { name: "Kanban Board", href: "/kanban", icon: "fas fa-tasks", current: false } ]; useEffect(()=>{ const fetchWeather = async ()=>{ try { const response = await fetch("/integrations/weather-by-city/weather/London"); if (!response.ok) { throw new Error(`Weather data fetch failed: ${response.status}`); } const data = await response.json(); setWeatherData(data); } catch (err) { console.error("Weather fetch error:", err); setError("Could not load weather data"); } }; fetchWeather(); const weatherInterval = setInterval(fetchWeather, 300000); return ()=>clearInterval(weatherInterval); }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0A0A0B] font-inter", __source: { fileName: "", lineNumber: 53, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: `fixed top-0 left-0 z-40 h-screen transition-transform ${sidebarOpen ? "translate-x-0" : "-translate-x-full"} w-64 bg-[#151515] border-r border-[#2DD4BF]/10`, __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-full px-3 py-4 flex flex-col", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8 pl-2.5", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-xl font-bold bg-gradient-to-r from-white to-gray-400 bg-clip-text text-transparent", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "Dashboard")), /*#__PURE__*/ React.createElement("nav", { className: "flex-1 space-y-1", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, navigation.map((item)=>/*#__PURE__*/ React.createElement("a", { key: item.name, href: item.href, className: `flex items-center px-3 py-2 rounded-lg text-sm font-medium transition-all duration-300 hover-glow ${item.current ? "bg-white/10 backdrop-blur-lg text-white" : "text-gray-400 hover:text-white hover:bg-white/5"}`, __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${item.icon} w-5 h-5 mr-3`, __source: { fileName: "", lineNumber: 76, columnNumber: 17 }, __self: this }), item.name))), /*#__PURE__*/ React.createElement("button", { className: "mb-4 px-4 py-2 bg-[#000000] text-white rounded-lg hover:bg-[#1a1a1a] transition-all duration-300 border border-white/10 hover-glow", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, "Create New Project"), /*#__PURE__*/ React.createElement("div", { className: "border-t border-gray-200 dark:border-gray-700 pt-4 mb-16", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, user ? /*#__PURE__*/ React.createElement("div", { className: "px-3 py-2", __source: { fileName: "", lineNumber: 86, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-3", __source: { fileName: "", lineNumber: 87, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-8 h-8 rounded-full bg-gray-200 dark:bg-gray-700 flex items-center justify-center", __source: { fileName: "", lineNumber: 88, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-gray-500 dark:text-gray-400", __source: { fileName: "", lineNumber: 89, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "ml-3", __source: { fileName: "", lineNumber: 91, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-medium text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 92, columnNumber: 21 }, __self: this }, user.name), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500 dark:text-gray-400", __source: { fileName: "", lineNumber: 95, columnNumber: 21 }, __self: this }, user.email))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>signOut({ callbackUrl: "/", redirect: true }), className: "w-full px-3 py-2 text-sm text-gray-600 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800 rounded-lg transition-colors", __source: { fileName: "", lineNumber: 100, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-out-alt mr-2", __source: { fileName: "", lineNumber: 104, columnNumber: 19 }, __self: this }), "Sign Out")) : /*#__PURE__*/ React.createElement("div", { className: "space-y-2 px-3", __source: { fileName: "", lineNumber: 109, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "flex items-center justify-center px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded-lg hover:bg-blue-700 transition-colors", __source: { fileName: "", lineNumber: 110, columnNumber: 17 }, __self: this }, "Sign In"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "flex items-center justify-center px-4 py-2 text-sm font-medium text-gray-700 dark:text-gray-200 border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors", __source: { fileName: "", lineNumber: 116, columnNumber: 17 }, __self: this }, "Sign Up"))))), /*#__PURE__*/ React.createElement("main", { className: `p-6 pb-24 min-h-screen flex flex-col sm:ml-64 transition-all duration-300 ${sidebarOpen ? "ml-64" : "ml-0"}`, __source: { fileName: "", lineNumber: 128, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-8 rounded-[16px] bg-[#151515] border border-[#2DD4BF]/10 mb-20 shadow-lg transition-all duration-300 hover:shadow-[0_8px_32px_rgba(45,212,191,0.1)]", __source: { fileName: "", lineNumber: 133, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSidebarOpen(!sidebarOpen), className: "lg:hidden fixed bottom-4 right-4 z-50 w-10 h-10 bg-[#2DD4BF] text-[#0A0A0B] rounded-full flex items-center justify-center shadow-lg hover:bg-[#2DD4BF]/90 transition-colors", __source: { fileName: "", lineNumber: 134, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `far fa-${sidebarOpen ? "times" : "bars"}`, __source: { fileName: "", lineNumber: 138, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-12", __source: { fileName: "", lineNumber: 140, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-semibold text-[#F0F0F0] leading-tight", __source: { fileName: "", lineNumber: 141, columnNumber: 13 }, __self: this }, "Welcome back, ", user?.name || "Guest"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-sm text-[#F0F0F0]/60 leading-relaxed", __source: { fileName: "", lineNumber: 144, columnNumber: 13 }, __self: this }, "Here's an overview of your dashboard")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8", __source: { fileName: "", lineNumber: 148, columnNumber: 11 }, __self: this }, [ { label: "Total Tasks Value", value: user ? "0" : "-", target: "1,500,000", icon: "far fa-chart-bar", progress: 0 }, { label: "Tasks Progress", value: user ? "0%" : "-", icon: "far fa-circle", progress: 0 }, { label: "Completed Tasks", value: user ? "0" : "-", subtext: "Total: 0", icon: "far fa-check-circle", progress: 0 }, { label: "Pending Tasks", value: user ? "0" : "-", subtext: "Total: 0", icon: "far fa-clock", progress: 0 } ].map((stat, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-6 rounded-[16px] bg-gradient-to-br from-[#151515] to-[#1A1A1A] border border-[#2DD4BF]/10 shadow-lg card-hover", __source: { fileName: "", lineNumber: 178, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-4", __source: { fileName: "", lineNumber: 182, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#2DD4BF] text-xl", __source: { fileName: "", lineNumber: 183, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: stat.icon, __source: { fileName: "", lineNumber: 184, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative w-10 h-10", __source: { fileName: "", lineNumber: 186, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-full h-full", viewBox: "0 0 36 36", __source: { fileName: "", lineNumber: 187, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("circle", { cx: "18", cy: "18", r: "16", fill: "none", className: "stroke-[#2DD4BF]/10", strokeWidth: "2", __source: { fileName: "", lineNumber: 188, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("circle", { cx: "18", cy: "18", r: "16", fill: "none", className: "progress-circle stroke-[#2DD4BF]", strokeWidth: "2", strokeDasharray: "100", strokeDashoffset: 100 - stat.progress, transform: "rotate(-90 18 18)", __source: { fileName: "", lineNumber: 196, columnNumber: 23 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 210, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-medium text-[#F0F0F0]/60 mb-1", __source: { fileName: "", lineNumber: 211, columnNumber: 19 }, __self: this }, stat.label), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-semibold text-[#F0F0F0] mb-1", __source: { fileName: "", lineNumber: 214, columnNumber: 19 }, __self: this }, stat.value), stat.target && /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#F0F0F0]/40", __source: { fileName: "", lineNumber: 218, columnNumber: 21 }, __self: this }, "Target: ", stat.target), stat.subtext && /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#F0F0F0]/40", __source: { fileName: "", lineNumber: 223, columnNumber: 21 }, __self: this }, stat.subtext))))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-4 mb-6", __source: { fileName: "", lineNumber: 229, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-[#0F0F13]/80 border border-white/5 backdrop-blur-xl p-4 shadow-[0_8px_32px_rgba(0,0,0,0.12)] transition-all duration-300 hover:shadow-[0_8px_32px_rgba(0,0,0,0.20)] hover-glow", __source: { fileName: "", lineNumber: 230, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm font-medium text-white mb-4", __source: { fileName: "", lineNumber: 231, columnNumber: 15 }, __self: this }, "Tasks by Status"), /*#__PURE__*/ React.createElement("div", { className: "h-64 flex items-center justify-center text-gray-400", __source: { fileName: "", lineNumber: 234, columnNumber: 15 }, __self: this }, user ? "No data available yet" : "Please sign in to view data")), /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-[#0F0F13]/80 border border-white/5 backdrop-blur-xl p-4 shadow-[0_8px_32px_rgba(0,0,0,0.12)] transition-all duration-300 hover:shadow-[0_8px_32px_rgba(0,0,0,0.20)] hover-glow", __source: { fileName: "", lineNumber: 239, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm font-medium text-white mb-4", __source: { fileName: "", lineNumber: 240, columnNumber: 15 }, __self: this }, "Tasks by Source"), /*#__PURE__*/ React.createElement("div", { className: "h-64 flex items-center justify-center text-gray-400", __source: { fileName: "", lineNumber: 243, columnNumber: 15 }, __self: this }, user ? "No data available yet" : "Please sign in to view data"))), /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-[#0F0F13]/80 border border-white/5 backdrop-blur-xl shadow-[0_8px_32px_rgba(0,0,0,0.12)] transition-all duration-300 hover:shadow-[0_8px_32px_rgba(0,0,0,0.20)] hover-glow", __source: { fileName: "", lineNumber: 248, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-4 py-3 border-b border-white/5", __source: { fileName: "", lineNumber: 249, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm font-medium text-white", __source: { fileName: "", lineNumber: 250, columnNumber: 15 }, __self: this }, "Recent Tasks")), user ? /*#__PURE__*/ React.createElement("div", { className: "p-4 text-center text-gray-400", __source: { fileName: "", lineNumber: 253, columnNumber: 15 }, __self: this }, "No tasks available yet") : /*#__PURE__*/ React.createElement("div", { className: "p-4 text-center text-gray-400", __source: { fileName: "", lineNumber: 257, columnNumber: 15 }, __self: this }, "Please sign in to view tasks"))), error && /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-4 right-4 bg-red-500 text-white px-6 py-3 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 265, columnNumber: 11 }, __self: this }, error), /*#__PURE__*/ React.createElement(InfoFooter, { city: "London", __source: { fileName: "", lineNumber: 269, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 271, columnNumber: 7 }, __self: this }, ` @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap'); :root { --accent-color: #2DD4BF; --bg-primary: #0A0A0B; --text-primary: #F0F0F0; --card-bg: #151515; } .font-inter { font-family: 'Inter', sans-serif; letter-spacing: -0.025em; } h1, h2, h3 { font-weight: 600; letter-spacing: -0.05em; } @keyframes glow { 0% { box-shadow: 0 0 0 rgba(45, 212, 191, 0.1); } 100% { box-shadow: 0 0 20px rgba(45, 212, 191, 0.2); } } .hover-glow:hover { animation: glow 0.3s ease-in-out forwards; } .progress-circle circle { transition: stroke-dashoffset 0.3s ease; } .card-hover { transition: all 0.3s ease; } .card-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(45, 212, 191, 0.1); } `)); }

Welcome back, Guest

Tasks by Status

Tasks by Source

Recent Tasks