\n \n \n \n\n",[],[262,264],"3072e892-5788-11f1-8710-ee650bb23af1","api.ts","3072e964-5788-11f1-8710-ee650bb23af1",15,["D",1779637786511],"const BASE = \"\";\n\nasync function request(path: string, opts?: RequestInit) {\n const res = await fetch(BASE + path, {\n ...opts,\n headers: { \"Content-Type\": \"application/json\", ...opts?.headers },\n });\n return res.json();\n}\n\nexport const api = {\n // Auth\n login: (username: string, password: string) =>\n request(\"/api/auth/login\", { method: \"POST\", body: JSON.stringify({ username, password }) }),\n register: (username: string, display_name: string, password: string) =>\n request(\"/api/auth/register\", { method: \"POST\", body: JSON.stringify({ username, display_name, password }) }),\n getUsers: () => request(\"/api/auth/users\"),\n\n // Chat\n getMessages: () => request(\"/api/chat/messages\"),\n sendMessage: (user_id: number, username: string, message: string) =>\n request(\"/api/chat/messages\", { method: \"POST\", body: JSON.stringify({ user_id, username, message }) }),\n deleteMessage: (id: number) => request(`/api/chat/messages/${id}`, { method: \"DELETE\" }),\n\n // Tabs\n getTabs: () => request(\"/api/tabs\"),\n createTab: (name: string, icon: string) =>\n request(\"/api/tabs\", { method: \"POST\", body: JSON.stringify({ name, icon }) }),\n updateTab: (id: number, data: any) =>\n request(`/api/tabs/${id}`, { method: \"PUT\", body: JSON.stringify(data) }),\n deleteTab: (id: number) => request(`/api/tabs/${id}`, { method: \"DELETE\" }),\n reorderTabs: (orders: { id: number; sort_order: number }[]) =>\n request(\"/api/tabs/reorder/batch\", { method: \"PUT\", body: JSON.stringify({ orders }) }),\n\n // Blocks\n getBlocks: (tabId: number) => request(`/api/tabs/${tabId}/blocks`),\n createBlock: (tabId: number, block_type: string, title: string, content: any) =>\n request(`/api/tabs/${tabId}/blocks`, { method: \"POST\", body: JSON.stringify({ block_type, title, content }) }),\n updateBlock: (id: number, data: any) =>\n request(`/api/tabs/blocks/${id}`, { method: \"PUT\", body: JSON.stringify(data) }),\n deleteBlock: (id: number) => request(`/api/tabs/blocks/${id}`, { method: \"DELETE\" }),\n\n // Polls\n getPolls: () => request(\"/api/polls\"),\n createPoll: (question: string, options: string[]) =>\n request(\"/api/polls\", { method: \"POST\", body: JSON.stringify({ question, options }) }),\n vote: (pollId: number, user_id: number, option_index: number) =>\n request(`/api/polls/${pollId}/vote`, { method: \"POST\", body: JSON.stringify({ user_id, option_index }) }),\n getUserVote: (pollId: number, userId: number) => request(`/api/polls/${pollId}/vote/${userId}`),\n deletePoll: (pollId: number) => request(`/api/polls/${pollId}`, { method: \"DELETE\" }),\n};\n",[],[262,272],"5b4376b8-5788-11f1-a41c-ee650bb23af1","StudentPortal.tsx","5b43776c-5788-11f1-a41c-ee650bb23af1","04863590-5788-11f1-ac23-ee650bb23af1",18,["D",1779637858336],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { api } from \"../api.ts\";\nimport { ChatPanel } from \"./ChatPanel.tsx\";\nimport { BlockRenderer } from \"./BlockRenderer.tsx\";\nimport { PollViewer } from \"./PollViewer.tsx\";\n\nconst sidebarItemStyle = (active: boolean): any => ({\n display: \"flex\",\n alignItems: \"center\",\n gap: 10,\n padding: \"10px 14px\",\n borderRadius: 10,\n cursor: \"pointer\",\n fontSize: 14,\n fontWeight: active ? 600 : 500,\n color: active ? \"#fff\" : \"#94a3b8\",\n background: active ? \"linear-gradient(135deg, rgba(99,102,241,0.2), rgba(139,92,246,0.15))\" : \"transparent\",\n border: active ? \"1px solid rgba(99,102,241,0.3)\" : \"1px solid transparent\",\n transition: \"all 0.2s\",\n fontFamily: \"Inter, sans-serif\",\n whiteSpace: \"nowrap\" as const,\n});\n\nexport function StudentPortal({ user }: { user: any }) {\n const [tabs, setTabs] = useState([]);\n const [activeTab, setActiveTab] = useState(\"chat\");\n const [blocks, setBlocks] = useState([]);\n const [loadingBlocks, setLoadingBlocks] = useState(false);\n const [sidebarOpen, setSidebarOpen] = useState(false);\n\n const loadTabs = useCallback(async () => {\n const res = await api.getTabs();\n if (res.tabs) setTabs(res.tabs);\n }, []);\n\n useEffect(() => { loadTabs(); }, [loadTabs]);\n\n const loadBlocks = useCallback(async (tabId: number) => {\n setLoadingBlocks(true);\n const res = await api.getBlocks(tabId);\n if (res.blocks) setBlocks(res.blocks);\n setLoadingBlocks(false);\n }, []);\n\n useEffect(() => {\n if (activeTab !== \"chat\") {\n const tab = tabs.find(t => String(t.id) === activeTab);\n if (tab) loadBlocks(tab.id);\n }\n }, [activeTab, tabs, loadBlocks]);\n\n const activeTabData = tabs.find(t => String(t.id) === activeTab);\n\n return (\n

\n {/* Mobile overlay */}\n {sidebarOpen && (\n setSidebarOpen(false)}\n style={{\n position: \"fixed\", inset: 0, background: \"rgba(0,0,0,0.5)\", zIndex: 30,\n display: \"none\",\n }}\n className=\"mobile-overlay\"\n />\n )}\n\n {/* Sidebar */}\n

\n\n

\n Sections\n

\n\n {tabs.map(tab => (\n { setActiveTab(String(tab.id)); setSidebarOpen(false); }}\n style={sidebarItemStyle(activeTab === String(tab.id))}\n >\n {tab.icon}\n {tab.name}\n

\n ))}\n\n

\n \n 🔗 View Source\n \n

\n \n\n {/* Main Content */}\n

\n {/* Mobile menu button */}\n setSidebarOpen(!sidebarOpen)}\n style={{\n display: \"none\",\n position: \"fixed\",\n bottom: 20,\n right: 20,\n zIndex: 40,\n width: 48,\n height: 48,\n borderRadius: \"50%\",\n background: \"linear-gradient(135deg, #6366f1, #8b5cf6)\",\n border: \"none\",\n color: \"#fff\",\n fontSize: 22,\n cursor: \"pointer\",\n boxShadow: \"0 4px 16px rgba(99,102,241,0.4)\",\n }}\n >☰\n\n {activeTab === \"chat\" ? (\n \n ) : activeTabData ? (\n

\n {activeTabData.icon}\n

{activeTabData.name}

\n\n {/* Special poll tab */}\n {activeTabData.name === \"Polls\" && }\n\n {loadingBlocks ? (\n

Loading content...

\n ) : blocks.length === 0 && activeTabData.name !== \"Polls\" ? (\n

📭

No content yet

The starosta hasn't added content to this section yet.

\n ) : (\n

\n {blocks.map(block => (\n \n ))}\n

\n )}\n

\n ) : null}\n

\n );\n}\n",[],[262,288,280],"components","8a9a7bc8-5788-11f1-bf8a-ee650bb23af1","PollViewer.tsx","8a9a7cae-5788-11f1-bf8a-ee650bb23af1",21,["D",1779637937757],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { api } from \"../api.ts\";\n\nexport function PollViewer({ user }: { user: any }) {\n const [polls, setPolls] = useState([]);\n const [userVotes, setUserVotes] = useState>({});\n const [voting, setVoting] = useState(null);\n\n const loadPolls = useCallback(async () => {\n const res = await api.getPolls();\n if (res.polls) {\n setPolls(res.polls);\n // Load user votes\n const votes: Record = {};\n for (const poll of res.polls) {\n const voteRes = await api.getUserVote(poll.id, user.id);\n votes[poll.id] = voteRes.vote?.option_index ?? null;\n }\n setUserVotes(votes);\n }\n }, [user.id]);\n\n useEffect(() => { loadPolls(); }, [loadPolls]);\n\n const handleVote = async (pollId: number, optionIndex: number) => {\n setVoting(pollId);\n const res = await api.vote(pollId, user.id, optionIndex);\n if (!res.error) {\n setUserVotes(prev => ({ ...prev, [pollId]: optionIndex }));\n await loadPolls();\n }\n setVoting(null);\n };\n\n if (polls.length === 0) {\n return (\n

📊

No polls yet

Check back later for new polls.

\n );\n }\n\n return (\n

\n {polls.map(poll => {\n const hasVoted = userVotes[poll.id] !== null && userVotes[poll.id] !== undefined;\n const totalVotes = poll.total_votes || 0;\n\n return (\n

\n 📊\n

{poll.question}

\n\n

\n {poll.options.map((option: string, i: number) => {\n const voteCount = poll.votes.find((v: any) => v.option_index === i)?.count || 0;\n const pct = totalVotes > 0 ? Math.round((voteCount / totalVotes) * 100) : 0;\n const isMyVote = userVotes[poll.id] === i;\n\n return (\n !hasVoted && handleVote(poll.id, i)}\n disabled={hasVoted || voting === poll.id}\n style={{\n position: \"relative\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n padding: \"12px 16px\",\n background: isMyVote ? \"rgba(99,102,241,0.15)\" : \"rgba(15,23,42,0.5)\",\n border: isMyVote ? \"1px solid rgba(99,102,241,0.4)\" : \"1px solid rgba(71,85,105,0.2)\",\n borderRadius: 10,\n cursor: hasVoted ? \"default\" : \"pointer\",\n color: \"#e2e8f0\",\n fontSize: 14,\n fontWeight: 500,\n fontFamily: \"Inter, sans-serif\",\n overflow: \"hidden\",\n textAlign: \"left\",\n transition: \"all 0.2s\",\n }}\n >\n {/* Progress bar */}\n {hasVoted && (\n

\n )}\n \n {isMyVote && ✓}\n {option}\n \n {hasVoted && (\n \n {pct}% ({voteCount})\n \n )}\n \n );\n })}\n

\n\n

\n 🗳️ {totalVotes} vote{totalVotes !== 1 ? \"s\" : \"\"}\n {hasVoted && ✓ You voted}\n

\n );\n })}\n

\n );\n}\n",[],[262,288,290],"548154dc-578b-11f1-88a3-ee650bb23af1","PollManager.tsx","e619b04a-5788-11f1-a659-ee650bb23af1",["D",1779639135216],4,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useCallback, useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { api } from \"../api.ts\";\n\nconst cardStyle: any = {\n background: \"rgba(30,41,59,0.6)\",\n border: \"1px solid rgba(71,85,105,0.25)\",\n borderRadius: 16,\n padding: 20,\n};\n\nconst inputStyle: any = {\n padding: \"8px 12px\",\n background: \"rgba(15,23,42,0.8)\",\n border: \"1px solid rgba(71,85,105,0.3)\",\n borderRadius: 8,\n color: \"#e2e8f0\",\n fontSize: 14,\n outline: \"none\",\n fontFamily: \"Inter, sans-serif\",\n width: \"100%\",\n};\n\nconst btnPrimary: any = {\n padding: \"8px 16px\",\n borderRadius: 8,\n border: \"none\",\n cursor: \"pointer\",\n fontSize: 13,\n fontWeight: 600,\n fontFamily: \"Inter, sans-serif\",\n background: \"linear-gradient(135deg, #6366f1, #8b5cf6)\",\n color: \"#fff\",\n};\n\nexport function PollManager({ user }: { user: any }) {\n const [polls, setPolls] = useState([]);\n const [question, setQuestion] = useState(\"\");\n const [options, setOptions] = useState([\"\", \"\"]);\n const [creating, setCreating] = useState(false);\n\n const loadPolls = useCallback(async () => {\n const res = await api.getPolls();\n if (res.polls) setPolls(res.polls);\n }, []);\n\n useEffect(() => {\n loadPolls();\n }, [loadPolls]);\n\n const createPoll = async () => {\n const validOptions = options.filter((o) => o.trim());\n if (!question.trim() || validOptions.length < 2) return;\n setCreating(true);\n await api.createPoll(question.trim(), validOptions);\n setQuestion(\"\");\n setOptions([\"\", \"\"]);\n await loadPolls();\n setCreating(false);\n };\n\n const deletePoll = async (id: number) => {\n if (!confirm(\"Delete this poll?\")) return;\n await api.deletePoll(id);\n loadPolls();\n };\n\n return (\n

\n \n 📊 Poll Manager\n \n\n {/* Create Poll */}\n

\n \n ➕ Create New Poll\n \n\n

\n \n Question\n \n setQuestion(e.target.value)}\n placeholder=\"What do you want to ask?\"\n style={inputStyle}\n />\n

\n\n \n Options\n \n {options.map((opt, i) => (\n

\n {\n const copy = [...options];\n copy[i] = e.target.value;\n setOptions(copy);\n }}\n placeholder={`Option ${i + 1}`}\n style={{ ...inputStyle, flex: 1 }}\n />\n {options.length > 2 && (\n \n setOptions(options.filter((_, idx) => idx !== i))}\n style={{\n padding: \"4px 8px\",\n borderRadius: 6,\n border: \"1px solid rgba(239,68,68,0.3)\",\n background: \"rgba(239,68,68,0.1)\",\n color: \"#f87171\",\n cursor: \"pointer\",\n fontSize: 11,\n fontFamily: \"Inter\",\n }}\n >\n ✕\n \n )}\n

\n ))}\n\n

\n setOptions([...options, \"\"])}\n style={{\n ...btnPrimary,\n background: \"#334155\",\n padding: \"6px 12px\",\n fontSize: 12,\n }}\n >\n + Add Option\n \n o.trim()).length < 2}\n style={{\n ...btnPrimary,\n opacity: creating || !question.trim() || options.filter((o) =>\n o.trim()\n ).length < 2\n ? 0.5\n : 1,\n }}\n >\n {creating ? \"Creating...\" : \"🗳️ Create Poll\"}\n \n

\n\n {/* Existing Polls */}\n \n Existing Polls\n \n

\n {polls.map((poll) => (\n \n \n

\n 📊 {poll.question}\n

\n \n 🗳️ {poll.total_votes} votes\n \n deletePoll(poll.id)}\n style={{\n padding: \"4px 8px\",\n borderRadius: 6,\n border: \"1px solid rgba(239,68,68,0.3)\",\n background: \"rgba(239,68,68,0.1)\",\n color: \"#f87171\",\n cursor: \"pointer\",\n fontSize: 11,\n fontWeight: 600,\n fontFamily: \"Inter\",\n }}\n >\n 🗑️ Delete\n \n

\n\n {poll.options.map((option: string, i: number) => {\n const voteCount = poll.votes.find((v: any) =>\n v.option_index === i\n )?.count || 0;\n const pct = poll.total_votes > 0\n ? Math.round((voteCount / poll.total_votes) * 100)\n : 0;\n\n return (\n \n \n \n {option}\n \n {pct}% ({voteCount})\n \n

\n );\n })}\n \n ))}\n {polls.length === 0 && (\n \n No polls created yet\n \n )}\n \n \n );\n}",[],[262,288,298],"4b9107d0-5788-11f1-bb04-ee650bb23af1","LoginScreen.tsx","4b9108f2-5788-11f1-bb04-ee650bb23af1",17,["D",1779637832007],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { api } from \"../api.ts\";\n\nconst inputStyle: any = {\n width: \"100%\",\n padding: \"12px 16px\",\n background: \"rgba(15,23,42,0.8)\",\n border: \"1px solid rgba(71,85,105,0.4)\",\n borderRadius: 10,\n color: \"#e2e8f0\",\n fontSize: 14,\n outline: \"none\",\n fontFamily: \"Inter, sans-serif\",\n transition: \"border-color 0.2s\",\n};\n\nconst btnStyle: any = {\n width: \"100%\",\n padding: \"12px\",\n borderRadius: 10,\n border: \"none\",\n cursor: \"pointer\",\n fontSize: 15,\n fontWeight: 700,\n fontFamily: \"Inter, sans-serif\",\n transition: \"all 0.2s\",\n};\n\nexport function LoginScreen({ onLogin }: { onLogin: (user: any) => void }) {\n const [mode, setMode] = useState<\"login\" | \"register\">(\"login\");\n const [username, setUsername] = useState(\"\");\n const [displayName, setDisplayName] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [error, setError] = useState(\"\");\n const [loading, setLoading] = useState(false);\n\n const handleSubmit = async (e: any) => {\n e.preventDefault();\n setError(\"\");\n setLoading(true);\n try {\n let res;\n if (mode === \"login\") {\n res = await api.login(username, password);\n } else {\n res = await api.register(username, displayName, password);\n }\n if (res.error) {\n setError(res.error);\n } else {\n onLogin(res.user);\n }\n } catch (e: any) {\n setError(\"Connection error\");\n }\n setLoading(false);\n };\n\n return (\n

\n {/* Logo */}\n

🎓

604.25ES

University Group Portal

\n\n {/* Mode Toggle */}\n

\n { setMode(\"login\"); setError(\"\"); }}\n style={{\n ...btnStyle,\n padding: \"10px\",\n fontSize: 13,\n background: mode === \"login\" ? \"linear-gradient(135deg, #6366f1, #8b5cf6)\" : \"transparent\",\n color: mode === \"login\" ? \"#fff\" : \"#94a3b8\",\n }}\n >Sign In\n { setMode(\"register\"); setError(\"\"); }}\n style={{\n ...btnStyle,\n padding: \"10px\",\n fontSize: 13,\n background: mode === \"register\" ? \"linear-gradient(135deg, #6366f1, #8b5cf6)\" : \"transparent\",\n color: mode === \"register\" ? \"#fff\" : \"#94a3b8\",\n }}\n >Register\n

\n\n {error && (\n

⚠️ {error}

\n )}\n\n

\n \n Username\n \n setUsername(e.target.value)}\n placeholder=\"Enter username\"\n required\n style={inputStyle}\n />\n

\n\n {mode === \"register\" && (\n

\n \n Display Name\n \n setDisplayName(e.target.value)}\n placeholder=\"Your full name\"\n required\n style={inputStyle}\n />\n

\n )}\n\n

\n \n Password\n \n setPassword(e.target.value)}\n placeholder=\"Enter password\"\n required\n style={inputStyle}\n />\n

\n\n \n {loading ? \"Please wait...\" : mode === \"login\" ? \"Sign In →\" : \"Create Account →\"}\n \n \n\n

\n view source\n

\n );\n}\n",[],[262,288,306],"6aa795b2-5788-11f1-aac1-ee650bb23af1","ChatPanel.tsx","6aa7965c-5788-11f1-aac1-ee650bb23af1",19,["D",1779637884164],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect, useRef, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { api } from \"../api.ts\";\n\nexport function ChatPanel({ user }: { user: any }) {\n const [messages, setMessages] = useState([]);\n const [input, setInput] = useState(\"\");\n const [sending, setSending] = useState(false);\n const bottomRef = useRef(null);\n const intervalRef = useRef(null);\n\n const loadMessages = useCallback(async () => {\n const res = await api.getMessages();\n if (res.messages) setMessages(res.messages);\n }, []);\n\n useEffect(() => {\n loadMessages();\n intervalRef.current = window.setInterval(loadMessages, 5000);\n return () => { if (intervalRef.current) clearInterval(intervalRef.current); };\n }, [loadMessages]);\n\n useEffect(() => {\n bottomRef.current?.scrollIntoView({ behavior: \"smooth\" });\n }, [messages]);\n\n const sendMessage = async (e: any) => {\n e.preventDefault();\n if (!input.trim() || sending) return;\n setSending(true);\n await api.sendMessage(user.id, user.display_name || user.username, input.trim());\n setInput(\"\");\n await loadMessages();\n setSending(false);\n };\n\n const formatTime = (dateStr: string) => {\n const d = new Date(dateStr + \"Z\");\n return d.toLocaleTimeString([], { hour: \"2-digit\", minute: \"2-digit\" });\n };\n\n const formatDate = (dateStr: string) => {\n const d = new Date(dateStr + \"Z\");\n const today = new Date();\n if (d.toDateString() === today.toDateString()) return \"Today\";\n const yesterday = new Date(today);\n yesterday.setDate(yesterday.getDate() - 1);\n if (d.toDateString() === yesterday.toDateString()) return \"Yesterday\";\n return d.toLocaleDateString([], { month: \"short\", day: \"numeric\" });\n };\n\n // Group messages by date\n let lastDate = \"\";\n\n const getColor = (name: string) => {\n const colors = [\"#6366f1\", \"#8b5cf6\", \"#06b6d4\", \"#10b981\", \"#f59e0b\", \"#ef4444\", \"#ec4899\", \"#14b8a6\"];\n let hash = 0;\n for (let i = 0; i < name.length; i++) hash = name.charCodeAt(i) + ((hash << 5) - hash);\n return colors[Math.abs(hash) % colors.length];\n };\n\n return (\n

\n {/* Header */}\n

\n 💬\n

Group Chat

\n {messages.length} messages • Auto-refreshes every 5s\n

\n\n {/* Messages */}\n

\n {messages.length === 0 && (\n

💬

No messages yet

Be the first to say something!

\n )}\n\n {messages.map((msg, i) => {\n const msgDate = formatDate(msg.created_at);\n const showDate = msgDate !== lastDate;\n lastDate = msgDate;\n const isMe = msg.user_id === user.id;\n const color = getColor(msg.username);\n\n return (\n

\n {showDate && (\n

\n {msgDate}\n

\n )}\n\n

\n {!isMe && (\n

\n {msg.username[0].toUpperCase()}\n

\n )}\n\n

\n {!isMe && (\n

\n {msg.username}\n

\n )}\n

\n {msg.message}\n

\n {formatTime(msg.created_at)}\n

\n );\n })}\n

\n\n {/* Input */}\n

\n );\n}\n",[],[262,288,314],"7e4e4dfe-5788-11f1-b4f9-ee650bb23af1","BlockRenderer.tsx","7e4e4ea8-5788-11f1-b4f9-ee650bb23af1",20,["D",1779637917130],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nconst cardStyle: any = {\n background: \"rgba(30,41,59,0.6)\",\n border: \"1px solid rgba(71,85,105,0.25)\",\n borderRadius: 16,\n padding: 24,\n backdropFilter: \"blur(8px)\",\n};\n\nexport function BlockRenderer({ block, user }: { block: any; user: any }) {\n let content: any = {};\n try { content = typeof block.content === \"string\" ? JSON.parse(block.content) : block.content; } catch {}\n\n const typeConfig: Record = {\n text: { icon: \"📝\", accent: \"#6366f1\" },\n announcement: { icon: \"📢\", accent: \"#f59e0b\" },\n exam_schedule: { icon: \"📅\", accent: \"#ef4444\" },\n presentation_list: { icon: \"🎤\", accent: \"#8b5cf6\" },\n checklist: { icon: \"✅\", accent: \"#10b981\" },\n links: { icon: \"🔗\", accent: \"#06b6d4\" },\n table: { icon: \"📊\", accent: \"#ec4899\" },\n file: { icon: \"📁\", accent: \"#14b8a6\" },\n };\n\n const cfg = typeConfig[block.block_type] || { icon: \"📄\", accent: \"#6366f1\" };\n\n return (\n

\n {/* Header */}\n {block.title && (\n

\n {cfg.icon}\n

{block.title}

\n {block.block_type.replace(\"_\", \" \")}\n

\n )}\n\n {/* Content based on type */}\n {block.block_type === \"text\" && (\n

\n {content.text || \"\"}\n

\n )}\n\n {block.block_type === \"announcement\" && (\n

\n {content.priority === \"urgent\" ? \"🚨 URGENT\" : \"📌 Notice\"}\n

\n {content.text || \"\"}\n

\n {content.date && (\n

📅 {content.date}

\n )}\n

\n )}\n\n {block.block_type === \"exam_schedule\" && (\n

\n {(content.exams || []).map((exam: any, i: number) => (\n

📅

{exam.subject}

{exam.room || \"\"}

{exam.date}

{exam.time || \"\"}

\n ))}\n {(!content.exams || content.exams.length === 0) && (\n

No exams scheduled

\n )}\n

\n )}\n\n {block.block_type === \"presentation_list\" && (\n

\n {(content.items || []).map((item: string, i: number) => (\n

{i + 1}

\n {item}\n

\n ))}\n {(!content.items || content.items.length === 0) && (\n

No items in the list

\n )}\n

\n )}\n\n {block.block_type === \"checklist\" && (\n

\n {(content.items || []).map((item: any, i: number) => (\n

\n {item.done ? \"✅\" : \"⬜\"}\n {item.text}\n {item.deadline && (\n \n 📅 {item.deadline}\n \n )}\n

\n ))}\n

\n )}\n\n {block.block_type === \"links\" && (\n

\n {(content.links || []).map((link: any, i: number) => (\n \n 🔗\n {link.title || link.url}\n ↗\n \n ))}\n

\n )}\n\n {block.block_type === \"table\" && (\n

\n {content.headers && (\n \n \n \n {content.headers.map((h: string, i: number) => (\n \n ))}\n \n \n \n {(content.rows || []).map((row: string[], ri: number) => (\n \n {row.map((cell: string, ci: number) => (\n \n ))}\n \n ))}\n \n

{h}
{cell}

\n )}\n

\n )}\n\n {block.block_type === \"file\" && (\n

\n {(content.files || []).map((file: any, i: number) => (\n \n 📁\n {file.name || file.url}\n ⬇️\n \n ))}\n

\n )}\n

\n );\n}\n",[],[262,288,322],"3cbb254e-578b-11f1-adb1-ee650bb23af1","BlockEditor.tsx","d706eb86-5788-11f1-a659-ee650bb23af1",29,["D",1779639095605],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { api } from \"../api.ts\";\n\nconst cardStyle: any = {\n background: \"rgba(30,41,59,0.6)\",\n border: \"1px solid rgba(71,85,105,0.25)\",\n borderRadius: 16,\n padding: 20,\n};\n\nconst inputStyle: any = {\n padding: \"8px 12px\",\n background: \"rgba(15,23,42,0.8)\",\n border: \"1px solid rgba(71,85,105,0.3)\",\n borderRadius: 8,\n color: \"#e2e8f0\",\n fontSize: 14,\n outline: \"none\",\n fontFamily: \"Inter, sans-serif\",\n width: \"100%\",\n};\n\nconst btnPrimary: any = {\n padding: \"8px 16px\",\n borderRadius: 8,\n border: \"none\",\n cursor: \"pointer\",\n fontSize: 13,\n fontWeight: 600,\n fontFamily: \"Inter, sans-serif\",\n background: \"linear-gradient(135deg, #6366f1, #8b5cf6)\",\n color: \"#fff\",\n};\n\nconst BLOCK_TYPES = [\n { type: \"text\", label: \"Text Block\", icon: \"📝\" },\n { type: \"announcement\", label: \"Announcement\", icon: \"📢\" },\n { type: \"exam_schedule\", label: \"Exam Schedule\", icon: \"📅\" },\n { type: \"presentation_list\", label: \"Presentation List\", icon: \"🎤\" },\n { type: \"checklist\", label: \"Checklist\", icon: \"✅\" },\n { type: \"links\", label: \"Useful Links\", icon: \"🔗\" },\n { type: \"table\", label: \"Table\", icon: \"📊\" },\n { type: \"file\", label: \"File Links\", icon: \"📁\" },\n];\n\nexport function BlockEditor(\n { tab, blocks, onRefresh }: {\n tab: any;\n blocks: any[];\n onRefresh: () => void;\n },\n) {\n const [addingType, setAddingType] = useState(null);\n const [editingBlock, setEditingBlock] = useState(null);\n\n const addBlock = async (type: string, title: string, content: any) => {\n await api.createBlock(tab.id, type, title, content);\n setAddingType(null);\n onRefresh();\n };\n\n const updateBlock = async (id: number, title: string, content: any) => {\n await api.updateBlock(id, { title, content });\n setEditingBlock(null);\n onRefresh();\n };\n\n const deleteBlock = async (id: number) => {\n if (!confirm(\"Delete this block?\")) return;\n await api.deleteBlock(id);\n onRefresh();\n };\n\n const moveBlock = async (blockId: number, direction: \"up\" | \"down\") => {\n const idx = blocks.findIndex((b) => b.id === blockId);\n if (direction === \"up\" && idx > 0) {\n await api.updateBlock(blocks[idx].id, {\n sort_order: blocks[idx - 1].sort_order,\n });\n await api.updateBlock(blocks[idx - 1].id, {\n sort_order: blocks[idx].sort_order,\n });\n } else if (direction === \"down\" && idx < blocks.length - 1) {\n await api.updateBlock(blocks[idx].id, {\n sort_order: blocks[idx + 1].sort_order,\n });\n await api.updateBlock(blocks[idx + 1].id, {\n sort_order: blocks[idx].sort_order,\n });\n }\n onRefresh();\n };\n\n return (\n

\n {/* Add Block Type Selector */}\n

\n \n ➕ Add Content Block\n \n

\n {BLOCK_TYPES.map((bt) => (\n \n setAddingType(addingType === bt.type ? null : bt.type)}\n style={{\n padding: \"8px 14px\",\n borderRadius: 10,\n border: addingType === bt.type\n ? \"1px solid rgba(99,102,241,0.4)\"\n : \"1px solid rgba(71,85,105,0.3)\",\n background: addingType === bt.type\n ? \"rgba(99,102,241,0.15)\"\n : \"rgba(15,23,42,0.5)\",\n color: addingType === bt.type ? \"#818cf8\" : \"#94a3b8\",\n cursor: \"pointer\",\n fontSize: 12,\n fontWeight: 600,\n fontFamily: \"Inter, sans-serif\",\n display: \"flex\",\n alignItems: \"center\",\n gap: 6,\n transition: \"all 0.2s\",\n }}\n >\n {bt.icon} {bt.label}\n \n ))}\n

\n\n {/* Block Creation Form */}\n {addingType && (\n

\n addBlock(addingType, title, content)}\n onCancel={() => setAddingType(null)}\n />\n

\n )}\n

\n\n {/* Existing Blocks */}\n

\n {blocks.map((block, i) => {\n let content: any = {};\n try {\n content = typeof block.content === \"string\"\n ? JSON.parse(block.content)\n : block.content;\n } catch {}\n const btInfo = BLOCK_TYPES.find((b) => b.type === block.block_type);\n\n return (\n \n \n

\n {btInfo?.icon || \"📄\"}\n \n {block.title || btInfo?.label}\n \n \n {block.block_type.replace(\"_\", \" \")}\n \n

\n moveBlock(block.id, \"up\")}\n disabled={i === 0}\n style={{\n ...btnPrimary,\n padding: \"4px 8px\",\n fontSize: 11,\n background: i === 0 ? \"#334155\" : btnPrimary.background,\n }}\n >\n ↑\n \n moveBlock(block.id, \"down\")}\n disabled={i === blocks.length - 1}\n style={{\n ...btnPrimary,\n padding: \"4px 8px\",\n fontSize: 11,\n background: i === blocks.length - 1\n ? \"#334155\"\n : btnPrimary.background,\n }}\n >\n ↓\n \n \n setEditingBlock(\n editingBlock?.id === block.id\n ? null\n : { ...block, content },\n )}\n style={{\n ...btnPrimary,\n padding: \"4px 8px\",\n fontSize: 11,\n background: \"#334155\",\n }}\n >\n ✏️\n \n deleteBlock(block.id)}\n style={{\n padding: \"4px 8px\",\n borderRadius: 8,\n border: \"1px solid rgba(239,68,68,0.3)\",\n background: \"rgba(239,68,68,0.1)\",\n color: \"#f87171\",\n cursor: \"pointer\",\n fontSize: 11,\n fontFamily: \"Inter\",\n }}\n >\n 🗑️\n \n

\n\n {editingBlock?.id === block.id && (\n

\n \n updateBlock(block.id, title, newContent)}\n onCancel={() => setEditingBlock(null)}\n />\n

\n )}\n

\n );\n })}\n {blocks.length === 0 && (\n \n No blocks yet. Add one using the buttons above.\n

\n )}\n \n \n );\n}\n\nfunction BlockForm({ type, initialTitle, initialContent, onSave, onCancel }: {\n type: string;\n initialTitle?: string;\n initialContent?: any;\n onSave: (title: string, content: any) => void;\n onCancel: () => void;\n}) {\n const [title, setTitle] = useState(initialTitle || \"\");\n const [content, setContent] = useState(initialContent || {});\n\n const handleSave = () => onSave(title, content);\n\n return (\n

\n \n Block Title\n \n \n setTitle(e.target.value)}\n placeholder=\"Title...\"\n style={inputStyle}\n />\n

\n\n {/* Type-specific editors */}\n {type === \"text\" && (\n

\n \n Content\n \n setContent({ ...content, text: e.target.value })}\n placeholder=\"Enter text content...\"\n rows={4}\n style={{ ...inputStyle, resize: \"vertical\" }}\n />\n

\n )}\n\n {type === \"announcement\" && (\n

\n \n Priority\n \n \n setContent({ ...content, priority: e.target.value })}\n style={inputStyle}\n >\n \n \n \n

\n \n Date\n \n setContent({ ...content, date: e.target.value })}\n style={inputStyle}\n />\n

\n \n Message\n \n setContent({ ...content, text: e.target.value })}\n placeholder=\"Announcement...\"\n rows={3}\n style={{ ...inputStyle, resize: \"vertical\" }}\n />\n

\n )}\n\n {type === \"exam_schedule\" && (\n setContent({ ...content, exams })}\n />\n )}\n\n {type === \"presentation_list\" && (\n setContent({ ...content, items })}\n label=\"Student Name\"\n />\n )}\n\n {type === \"checklist\" && (\n setContent({ ...content, items })}\n />\n )}\n\n {type === \"links\" && (\n setContent({ ...content, links })}\n />\n )}\n\n {type === \"table\" && (\n \n setContent({ ...content, headers, rows })}\n />\n )}\n\n {type === \"file\" && (\n setContent({ ...content, files })}\n labelA=\"File Name\"\n labelB=\"File URL\"\n />\n )}\n\n

\n \n \n Cancel\n \n

\n );\n}\n\nfunction ExamEditor(\n { exams, onChange }: { exams: any[]; onChange: (e: any[]) => void },\n) {\n const add = () =>\n onChange([...exams, { subject: \"\", date: \"\", time: \"\", room: \"\" }]);\n const remove = (i: number) => onChange(exams.filter((_, idx) => idx !== i));\n const update = (i: number, field: string, val: string) => {\n const copy = [...exams];\n copy[i] = { ...copy[i], [field]: val };\n onChange(copy);\n };\n\n return (\n

\n \n Exams\n \n {exams.map((exam, i) => (\n \n update(i, \"subject\", e.target.value)}\n placeholder=\"Subject\"\n style={{ ...inputStyle, flex: 2, minWidth: 120 }}\n />\n update(i, \"date\", e.target.value)}\n style={{ ...inputStyle, flex: 1, minWidth: 120 }}\n />\n update(i, \"time\", e.target.value)}\n placeholder=\"Time\"\n style={{ ...inputStyle, width: 80 }}\n />\n update(i, \"room\", e.target.value)}\n placeholder=\"Room\"\n style={{ ...inputStyle, width: 80 }}\n />\n remove(i)}\n style={{\n padding: \"4px 8px\",\n borderRadius: 6,\n border: \"1px solid rgba(239,68,68,0.3)\",\n background: \"rgba(239,68,68,0.1)\",\n color: \"#f87171\",\n cursor: \"pointer\",\n fontSize: 12,\n fontFamily: \"Inter\",\n }}\n >\n ✕\n \n

\n ))}\n \n + Add Exam\n \n \n );\n}\n\nfunction ListEditor(\n { items, onChange, label }: {\n items: string[];\n onChange: (items: string[]) => void;\n label: string;\n },\n) {\n const [newItem, setNewItem] = useState(\"\");\n const add = () => {\n if (newItem.trim()) {\n onChange([...items, newItem.trim()]);\n setNewItem(\"\");\n }\n };\n const remove = (i: number) => onChange(items.filter((_, idx) => idx !== i));\n const move = (i: number, dir: number) => {\n const copy = [...items];\n const j = i + dir;\n if (j < 0 || j >= copy.length) return;\n [copy[i], copy[j]] = [copy[j], copy[i]];\n onChange(copy);\n };\n const edit = (i: number, val: string) => {\n const copy = [...items];\n copy[i] = val;\n onChange(copy);\n };\n\n return (\n

\n \n {label}s\n \n {items.map((item, i) => (\n \n \n {i + 1}\n \n edit(i, e.target.value)}\n style={{ ...inputStyle, flex: 1 }}\n />\n move(i, -1)}\n disabled={i === 0}\n style={{\n padding: \"4px 6px\",\n borderRadius: 4,\n border: \"1px solid rgba(71,85,105,0.3)\",\n background: \"transparent\",\n color: i === 0 ? \"#334155\" : \"#94a3b8\",\n cursor: \"pointer\",\n fontSize: 11,\n fontFamily: \"Inter\",\n }}\n >\n ↑\n \n move(i, 1)}\n disabled={i === items.length - 1}\n style={{\n padding: \"4px 6px\",\n borderRadius: 4,\n border: \"1px solid rgba(71,85,105,0.3)\",\n background: \"transparent\",\n color: i === items.length - 1 ? \"#334155\" : \"#94a3b8\",\n cursor: \"pointer\",\n fontSize: 11,\n fontFamily: \"Inter\",\n }}\n >\n ↓\n \n remove(i)}\n style={{\n padding: \"4px 6px\",\n borderRadius: 4,\n border: \"1px solid rgba(239,68,68,0.3)\",\n background: \"rgba(239,68,68,0.1)\",\n color: \"#f87171\",\n cursor: \"pointer\",\n fontSize: 11,\n fontFamily: \"Inter\",\n }}\n >\n ✕\n \n

\n ))}\n

\n setNewItem(e.target.value)}\n placeholder={`Add ${label.toLowerCase()}...`}\n style={{ ...inputStyle, flex: 1 }}\n onKeyDown={(e) => e.key === \"Enter\" && add()}\n />\n \n + Add\n \n

\n \n );\n}\n\nfunction ChecklistEditor(\n { items, onChange }: { items: any[]; onChange: (items: any[]) => void },\n) {\n const [newText, setNewText] = useState(\"\");\n const add = () => {\n if (newText.trim()) {\n onChange([...items, { text: newText.trim(), done: false, deadline: \"\" }]);\n setNewText(\"\");\n }\n };\n const remove = (i: number) => onChange(items.filter((_, idx) => idx !== i));\n const update = (i: number, field: string, val: any) => {\n const copy = [...items];\n copy[i] = { ...copy[i], [field]: val };\n onChange(copy);\n };\n\n return (\n

\n \n Tasks\n \n {items.map((item, i) => (\n \n update(i, \"done\", e.target.checked)}\n />\n update(i, \"text\", e.target.value)}\n style={{ ...inputStyle, flex: 2, minWidth: 150 }}\n />\n update(i, \"deadline\", e.target.value)}\n style={{ ...inputStyle, flex: 1, minWidth: 120 }}\n />\n remove(i)}\n style={{\n padding: \"4px 6px\",\n borderRadius: 4,\n border: \"1px solid rgba(239,68,68,0.3)\",\n background: \"rgba(239,68,68,0.1)\",\n color: \"#f87171\",\n cursor: \"pointer\",\n fontSize: 11,\n fontFamily: \"Inter\",\n }}\n >\n ✕\n \n

\n ))}\n

\n setNewText(e.target.value)}\n placeholder=\"Add task...\"\n style={{ ...inputStyle, flex: 1 }}\n onKeyDown={(e) => e.key === \"Enter\" && add()}\n />\n \n + Add\n \n

\n \n );\n}\n\nfunction LinksEditor(\n { links, onChange, labelA, labelB }: {\n links: any[];\n onChange: (l: any[]) => void;\n labelA?: string;\n labelB?: string;\n },\n) {\n const add = () => onChange([...links, { title: \"\", url: \"\" }]);\n const remove = (i: number) => onChange(links.filter((_, idx) => idx !== i));\n const update = (i: number, field: string, val: string) => {\n const copy = [...links];\n copy[i] = { ...copy[i], [field]: val };\n onChange(copy);\n };\n\n return (\n

\n \n {labelA || \"Links\"}\n \n {links.map((link, i) => (\n

\n \n update(\n i,\n labelA === \"File Name\" ? \"name\" : \"title\",\n e.target.value,\n )}\n placeholder={labelA || \"Title\"}\n style={{ ...inputStyle, flex: 1 }}\n />\n \n update(i, \"url\", e.target.value)}\n placeholder={labelB || \"URL\"}\n style={{ ...inputStyle, flex: 2 }}\n />\n \n remove(i)}\n style={{\n padding: \"4px 6px\",\n borderRadius: 4,\n border: \"1px solid rgba(239,68,68,0.3)\",\n background: \"rgba(239,68,68,0.1)\",\n color: \"#f87171\",\n cursor: \"pointer\",\n fontSize: 11,\n fontFamily: \"Inter\",\n }}\n >\n ✕\n \n

\n ))}\n \n + Add\n \n

\n );\n}\n\nfunction TableEditor(\n { headers, rows, onChange }: {\n headers: string[];\n rows: string[][];\n onChange: (h: string[], r: string[][]) => void;\n },\n) {\n const addCol = () => {\n onChange(\n [...headers, `Column ${headers.length + 1}`],\n rows.map((r) => [...r, \"\"]),\n );\n };\n const addRow = () => onChange(headers, [...rows, headers.map(() => \"\")]);\n const removeCol = (ci: number) => {\n onChange(\n headers.filter((_, i) => i !== ci),\n rows.map((r) => r.filter((_, i) => i !== ci)),\n );\n };\n const removeRow = (ri: number) =>\n onChange(headers, rows.filter((_, i) => i !== ri));\n const updateHeader = (i: number, val: string) => {\n const copy = [...headers];\n copy[i] = val;\n onChange(copy, rows);\n };\n const updateCell = (ri: number, ci: number, val: string) => {\n const copy = rows.map((r) => [...r]);\n copy[ri][ci] = val;\n onChange(headers, copy);\n };\n\n return (\n

\n \n + Column\n \n \n + Row\n \n

\n {headers.length > 0 && (\n

\n {headers.map((h, i) => (\n \n updateHeader(i, e.target.value)}\n style={{ ...inputStyle, fontWeight: 700, fontSize: 12 }}\n />\n removeCol(i)}\n style={{\n padding: \"2px 4px\",\n borderRadius: 4,\n border: \"none\",\n background: \"rgba(239,68,68,0.2)\",\n color: \"#f87171\",\n cursor: \"pointer\",\n fontSize: 10,\n fontFamily: \"Inter\",\n }}\n >\n ✕\n \n

\n ))}\n

\n {rows.map((row, ri) => (\n \n {row.map((cell, ci) => (\n updateCell(ri, ci, e.target.value)}\n style={{\n ...inputStyle,\n flex: 1,\n minWidth: 100,\n fontSize: 13,\n }}\n />\n ))}\n removeRow(ri)}\n style={{\n padding: \"2px 6px\",\n borderRadius: 4,\n border: \"none\",\n background: \"rgba(239,68,68,0.2)\",\n color: \"#f87171\",\n cursor: \"pointer\",\n fontSize: 10,\n fontFamily: \"Inter\",\n flexShrink: 0,\n }}\n >\n ✕\n \n

\n ))}\n \n )}\n \n );\n}",[],[262,288,330],"3d3b5fa0-5788-11f1-86b0-ee650bb23af1","App.tsx","3d3b607c-5788-11f1-86b0-ee650bb23af1",16,["D",1779637807959],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { LoginScreen } from \"./LoginScreen.tsx\";\nimport { StudentPortal } from \"./StudentPortal.tsx\";\nimport { AdminPanel } from \"./AdminPanel.tsx\";\n\nexport function App() {\n const [user, setUser] = useState(null);\n const [view, setView] = useState<\"student\" | \"admin\">(\"student\");\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n const saved = localStorage.getItem(\"604_user\");\n if (saved) {\n try { setUser(JSON.parse(saved)); } catch {}\n }\n setLoading(false);\n }, []);\n\n const handleLogin = useCallback((userData: any) => {\n setUser(userData);\n localStorage.setItem(\"604_user\", JSON.stringify(userData));\n }, []);\n\n const handleLogout = useCallback(() => {\n setUser(null);\n localStorage.removeItem(\"604_user\");\n setView(\"student\");\n }, []);\n\n if (loading) {\n return (\n

🎓

\n );\n }\n\n if (!user) {\n return ;\n }\n\n return (\n

\n {/* Top Header */}\n

\n 🎓\n

604.25ES

\n Group Portal\n

\n\n

\n {user.role === \"starosta\" && (\n

\n setView(\"student\")}\n style={{\n padding: \"6px 16px\",\n borderRadius: 8,\n border: \"none\",\n cursor: \"pointer\",\n fontSize: 13,\n fontWeight: 600,\n fontFamily: \"Inter, sans-serif\",\n background: view === \"student\" ? \"linear-gradient(135deg, #6366f1, #8b5cf6)\" : \"transparent\",\n color: view === \"student\" ? \"#fff\" : \"#94a3b8\",\n transition: \"all 0.2s\",\n }}\n >\n 📋 Portal\n \n setView(\"admin\")}\n style={{\n padding: \"6px 16px\",\n borderRadius: 8,\n border: \"none\",\n cursor: \"pointer\",\n fontSize: 13,\n fontWeight: 600,\n fontFamily: \"Inter, sans-serif\",\n background: view === \"admin\" ? \"linear-gradient(135deg, #f59e0b, #d97706)\" : \"transparent\",\n color: view === \"admin\" ? \"#fff\" : \"#94a3b8\",\n transition: \"all 0.2s\",\n }}\n >\n ⚙️ Admin\n \n

\n )}\n\n

\n {(user.display_name || user.username)[0].toUpperCase()}\n

\n {user.display_name || user.username}\n

\n {user.role}\n

\n \n Logout\n \n

\n\n {/* Main Content */}\n

\n {view === \"admin\" && user.role === \"starosta\" ? (\n \n ) : (\n \n )}\n

\n );\n}\n",[],[262,288,338],"236565e6-578b-11f1-9738-ee650bb23af1","AdminPanel.tsx","ad280b06-5788-11f1-b2a8-ee650bb23af1",26,["D",1779639053100],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useCallback, useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { api } from \"../api.ts\";\nimport { BlockEditor } from \"./BlockEditor.tsx\";\nimport { PollManager } from \"./PollManager.tsx\";\n\nconst cardStyle: any = {\n background: \"rgba(30,41,59,0.6)\",\n border: \"1px solid rgba(71,85,105,0.25)\",\n borderRadius: 16,\n padding: 20,\n};\n\nconst btnPrimary: any = {\n padding: \"8px 16px\",\n borderRadius: 8,\n border: \"none\",\n cursor: \"pointer\",\n fontSize: 13,\n fontWeight: 600,\n fontFamily: \"Inter, sans-serif\",\n background: \"linear-gradient(135deg, #6366f1, #8b5cf6)\",\n color: \"#fff\",\n transition: \"all 0.2s\",\n};\n\nconst btnDanger: any = {\n ...btnPrimary,\n background: \"rgba(239,68,68,0.15)\",\n border: \"1px solid rgba(239,68,68,0.3)\",\n color: \"#f87171\",\n};\n\nconst inputStyle: any = {\n padding: \"8px 12px\",\n background: \"rgba(15,23,42,0.8)\",\n border: \"1px solid rgba(71,85,105,0.3)\",\n borderRadius: 8,\n color: \"#e2e8f0\",\n fontSize: 14,\n outline: \"none\",\n fontFamily: \"Inter, sans-serif\",\n};\n\nexport function AdminPanel({ user }: { user: any }) {\n const [section, setSection] = useState(\"tabs\");\n const [tabs, setTabs] = useState([]);\n const [selectedTab, setSelectedTab] = useState(null);\n const [blocks, setBlocks] = useState([]);\n const [users, setUsers] = useState([]);\n const [newTabName, setNewTabName] = useState(\"\");\n const [newTabIcon, setNewTabIcon] = useState(\"📄\");\n const [editingTab, setEditingTab] = useState(null);\n const [stats, setStats] = useState({ users: 0, tabs: 0, messages: 0 });\n\n const loadTabs = useCallback(async () => {\n const res = await api.getTabs();\n if (res.tabs) setTabs(res.tabs);\n }, []);\n\n const loadUsers = useCallback(async () => {\n const res = await api.getUsers();\n if (res.users) {\n setUsers(res.users);\n setStats((s) => ({ ...s, users: res.users.length }));\n }\n }, []);\n\n const loadBlocks = useCallback(async (tabId: number) => {\n const res = await api.getBlocks(tabId);\n if (res.blocks) setBlocks(res.blocks);\n }, []);\n\n useEffect(() => {\n loadTabs();\n loadUsers();\n api.getMessages().then((r) =>\n setStats((s) => ({ ...s, messages: r.messages?.length || 0 }))\n );\n }, [loadTabs, loadUsers]);\n\n useEffect(() => {\n setStats((s) => ({ ...s, tabs: tabs.length }));\n }, [tabs]);\n\n useEffect(() => {\n if (selectedTab) loadBlocks(selectedTab.id);\n }, [selectedTab, loadBlocks]);\n\n const createTab = async () => {\n if (!newTabName.trim()) return;\n await api.createTab(newTabName.trim(), newTabIcon);\n setNewTabName(\"\");\n setNewTabIcon(\"📄\");\n loadTabs();\n };\n\n const deleteTab = async (id: number) => {\n if (!confirm(\"Delete this tab and all its content?\")) return;\n await api.deleteTab(id);\n if (selectedTab?.id === id) {\n setSelectedTab(null);\n setBlocks([]);\n }\n loadTabs();\n };\n\n const updateTab = async () => {\n if (!editingTab) return;\n await api.updateTab(editingTab.id, {\n name: editingTab.name,\n icon: editingTab.icon,\n });\n setEditingTab(null);\n loadTabs();\n };\n\n const navItems = [\n { id: \"dashboard\", icon: \"📊\", label: \"Dashboard\" },\n { id: \"tabs\", icon: \"📑\", label: \"Manage Tabs\" },\n { id: \"content\", icon: \"📝\", label: \"Edit Content\" },\n { id: \"polls\", icon: \"📊\", label: \"Polls\" },\n { id: \"users\", icon: \"👥\", label: \"Users\" },\n { id: \"chat\", icon: \"💬\", label: \"Chat Monitor\" },\n ];\n\n return (\n

\n {/* Admin Sidebar */}\n \n \n ⚙️ Admin Panel\n

\n {navItems.map((item) => (\n setSection(item.id)}\n style={{\n display: \"flex\",\n alignItems: \"center\",\n gap: 10,\n padding: \"10px 14px\",\n borderRadius: 10,\n cursor: \"pointer\",\n fontSize: 13,\n fontWeight: section === item.id ? 600 : 500,\n color: section === item.id ? \"#fbbf24\" : \"#94a3b8\",\n background: section === item.id\n ? \"rgba(245,158,11,0.1)\"\n : \"transparent\",\n border: section === item.id\n ? \"1px solid rgba(245,158,11,0.2)\"\n : \"1px solid transparent\",\n transition: \"all 0.2s\",\n fontFamily: \"Inter, sans-serif\",\n marginBottom: 2,\n }}\n >\n {item.icon}\n {item.label}\n \n ))}\n \n\n {/* Main Admin Content */}\n

\n {/* Dashboard */}\n {section === \"dashboard\" && (\n

\n \n 📊 Dashboard\n \n \n {[\n {\n label: \"Total Users\",\n value: stats.users,\n icon: \"👥\",\n color: \"#6366f1\",\n },\n {\n label: \"Active Tabs\",\n value: stats.tabs,\n icon: \"📑\",\n color: \"#f59e0b\",\n },\n {\n label: \"Chat Messages\",\n value: stats.messages,\n icon: \"💬\",\n color: \"#10b981\",\n },\n ].map((stat, i) => (\n \n \n {stat.icon}\n

\n \n {stat.value}\n

\n \n {stat.label}\n

\n \n \n ))}\n \n

\n \n 🎓 Welcome, Starosta!\n \n

\n This is your control center for managing the 604.25ES group\n portal. Use the sidebar to navigate to different management\n sections. You can create tabs, add content blocks, manage polls,\n and monitor the group chat.\n

\n \n )}\n\n {/* Manage Tabs */}\n {section === \"tabs\" && (\n

\n \n 📑 Manage Tabs\n \n\n {/* Create Tab */}\n

\n \n ➕ Create New Tab\n \n

\n setNewTabIcon(e.target.value)}\n placeholder=\"Icon\"\n style={{\n ...inputStyle,\n width: 60,\n textAlign: \"center\",\n fontSize: 20,\n }}\n />\n setNewTabName(e.target.value)}\n placeholder=\"Tab name...\"\n style={{ ...inputStyle, flex: 1, minWidth: 200 }}\n onKeyDown={(e) => e.key === \"Enter\" && createTab()}\n />\n \n

\n\n {/* Tab List */}\n

\n {tabs.map((tab) => (\n \n {editingTab?.id === tab.id\n ? (\n

\n \n setEditingTab({\n ...editingTab,\n icon: e.target.value,\n })}\n style={{\n ...inputStyle,\n width: 50,\n textAlign: \"center\",\n fontSize: 18,\n }}\n />\n \n setEditingTab({\n ...editingTab,\n name: e.target.value,\n })}\n style={{ ...inputStyle, flex: 1 }}\n onKeyDown={(e) => e.key === \"Enter\" && updateTab()}\n />\n \n setEditingTab(null)}\n style={{ ...btnPrimary, background: \"#334155\" }}\n >\n Cancel\n \n

\n )\n : (\n <>\n \n {tab.icon}\n \n {tab.name}\n \n {tab.is_system\n ? (\n \n SYSTEM\n \n )\n : null}\n

\n setEditingTab({ ...tab })}\n style={{\n ...btnPrimary,\n padding: \"6px 12px\",\n fontSize: 12,\n }}\n >\n ✏️ Edit\n \n {!tab.is_system && (\n deleteTab(tab.id)}\n style={{\n ...btnDanger,\n padding: \"6px 12px\",\n fontSize: 12,\n }}\n >\n 🗑️\n \n )}\n

\n \n )}\n

\n ))}\n \n \n )}\n\n {/* Edit Content */}\n {section === \"content\" && (\n

\n \n 📝 Edit Tab Content\n \n\n {/* Tab Selector */}\n \n {tabs.map((tab) => (\n setSelectedTab(tab)}\n style={{\n padding: \"8px 14px\",\n borderRadius: 10,\n border: selectedTab?.id === tab.id\n ? \"1px solid rgba(99,102,241,0.4)\"\n : \"1px solid rgba(71,85,105,0.3)\",\n background: selectedTab?.id === tab.id\n ? \"rgba(99,102,241,0.15)\"\n : \"rgba(30,41,59,0.6)\",\n color: selectedTab?.id === tab.id ? \"#818cf8\" : \"#94a3b8\",\n cursor: \"pointer\",\n fontSize: 13,\n fontWeight: 600,\n fontFamily: \"Inter, sans-serif\",\n display: \"flex\",\n alignItems: \"center\",\n gap: 6,\n }}\n >\n {tab.icon} {tab.name}\n \n ))}\n

\n\n {selectedTab\n ? (\n loadBlocks(selectedTab.id)}\n />\n )\n : (\n \n

👆

\n Select a tab above to edit its content\n

\n \n )}\n \n )}\n\n {/* Polls */}\n {section === \"polls\" && }\n\n {/* Users */}\n {section === \"users\" && (\n

\n \n 👥 Registered Users\n \n

\n {users.map((u) => (\n \n \n \n {(u.display_name || u.username)[0].toUpperCase()}\n

\n \n {u.display_name}\n

\n @{u.username}\n

\n \n \n \n {u.role}\n \n \n {new Date(u.created_at + \"Z\").toLocaleDateString()}\n \n \n \n ))}\n \n \n )}\n\n {/* Chat Monitor */}\n {section === \"chat\" && }\n \n \n );\n}\n\nfunction ChatMonitor() {\n const [messages, setMessages] = useState([]);\n\n useEffect(() => {\n api.getMessages().then((r) => {\n if (r.messages) setMessages(r.messages);\n });\n }, []);\n\n const deleteMsg = async (id: number) => {\n await api.deleteMessage(id);\n setMessages((msgs) => msgs.filter((m) => m.id !== id));\n };\n\n return (\n

\n \n 💬 Chat Monitor\n \n

\n View and moderate chat messages. Click the delete button to remove\n inappropriate messages.\n

\n {messages.map((msg) => (\n \n

\n \n {msg.username}\n \n \n {msg.message}\n \n

\n \n \n {new Date(msg.created_at + \"Z\").toLocaleString([], {\n month: \"short\",\n day: \"numeric\",\n hour: \"2-digit\",\n minute: \"2-digit\",\n })}\n \n deleteMsg(msg.id)}\n style={{\n padding: \"4px 8px\",\n borderRadius: 6,\n border: \"1px solid rgba(239,68,68,0.3)\",\n background: \"rgba(239,68,68,0.1)\",\n color: \"#f87171\",\n cursor: \"pointer\",\n fontSize: 11,\n fontWeight: 600,\n fontFamily: \"Inter, sans-serif\",\n }}\n >\n 🗑️\n \n

\n ))}\n {messages.length === 0 && (\n

\n No messages yet\n

\n )}\n \n \n );\n}",[],[262,288,346],"048633c4-5788-11f1-ac23-ee650bb23af1",7,["D",1779637712819],[230,231,232,233,234,235,236,237,238],[262,288],"031221f6-5788-11f1-a941-ee650bb23af1",5,["D",1779637709231],[229,239,240,241],[262],"0cb747e0-5788-11f1-b441-ee650bb23af1","db.ts","0cb74894-5788-11f1-b441-ee650bb23af1",8,["D",1779637726560],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nexport async function initDB() {\n await sqlite.batch([\n {\n sql: `CREATE TABLE IF NOT EXISTS users (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n username TEXT UNIQUE NOT NULL,\n display_name TEXT NOT NULL,\n password_hash TEXT NOT NULL,\n role TEXT DEFAULT 'student' CHECK(role IN ('student','starosta')),\n created_at TEXT DEFAULT (datetime('now'))\n )`,\n },\n {\n sql: `CREATE TABLE IF NOT EXISTS chat_messages (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n user_id INTEGER NOT NULL,\n username TEXT NOT NULL,\n message TEXT NOT NULL,\n created_at TEXT DEFAULT (datetime('now')),\n FOREIGN KEY(user_id) REFERENCES users(id)\n )`,\n },\n {\n sql: `CREATE TABLE IF NOT EXISTS tabs (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n icon TEXT DEFAULT '📄',\n sort_order INTEGER DEFAULT 0,\n is_system INTEGER DEFAULT 0,\n created_at TEXT DEFAULT (datetime('now'))\n )`,\n },\n {\n sql: `CREATE TABLE IF NOT EXISTS blocks (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n tab_id INTEGER NOT NULL,\n block_type TEXT NOT NULL,\n title TEXT DEFAULT '',\n content TEXT DEFAULT '{}',\n sort_order INTEGER DEFAULT 0,\n created_at TEXT DEFAULT (datetime('now')),\n FOREIGN KEY(tab_id) REFERENCES tabs(id) ON DELETE CASCADE\n )`,\n },\n {\n sql: `CREATE TABLE IF NOT EXISTS polls (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n question TEXT NOT NULL,\n options TEXT NOT NULL DEFAULT '[]',\n tab_id INTEGER,\n block_id INTEGER,\n is_active INTEGER DEFAULT 1,\n created_at TEXT DEFAULT (datetime('now'))\n )`,\n },\n {\n sql: `CREATE TABLE IF NOT EXISTS poll_votes (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n poll_id INTEGER NOT NULL,\n user_id INTEGER NOT NULL,\n option_index INTEGER NOT NULL,\n created_at TEXT DEFAULT (datetime('now')),\n UNIQUE(poll_id, user_id),\n FOREIGN KEY(poll_id) REFERENCES polls(id) ON DELETE CASCADE,\n FOREIGN KEY(user_id) REFERENCES users(id)\n )`,\n },\n // Seed default starosta account if not exists\n {\n sql: `INSERT OR IGNORE INTO users (username, display_name, password_hash, role) VALUES ('starosta', 'Starosta', 'admin604', 'starosta')`,\n },\n // Seed system tabs\n {\n sql: `INSERT OR IGNORE INTO tabs (id, name, icon, sort_order, is_system) VALUES (1, 'Announcements', '📢', 1, 1)`,\n },\n {\n sql: `INSERT OR IGNORE INTO tabs (id, name, icon, sort_order, is_system) VALUES (2, 'Exam Dates', '📅', 2, 1)`,\n },\n {\n sql: `INSERT OR IGNORE INTO tabs (id, name, icon, sort_order, is_system) VALUES (3, 'Materials', '📚', 3, 1)`,\n },\n {\n sql: `INSERT OR IGNORE INTO tabs (id, name, icon, sort_order, is_system) VALUES (4, 'Presentations', '🎤', 4, 1)`,\n },\n {\n sql: `INSERT OR IGNORE INTO tabs (id, name, icon, sort_order, is_system) VALUES (5, 'Polls', '📊', 5, 1)`,\n },\n {\n sql: `INSERT OR IGNORE INTO tabs (id, name, icon, sort_order, is_system) VALUES (6, 'Assignments', '✅', 6, 1)`,\n },\n {\n sql: `INSERT OR IGNORE INTO tabs (id, name, icon, sort_order, is_system) VALUES (7, 'Links', '🔗', 7, 1)`,\n },\n ]);\n}\n\nexport { sqlite };\n",[],[189,364],["D",1779637755627],[],[189,103,92],["D",1779637763010],[],[189,103,101],["D",1779637739231],[],[189,103,83],["D",1779637735235],[],[189,103,68],["D",1779637712650],[223,224,225,226],[189,103],"025d75bc-5788-11f1-896e-ee650bb23af1",["D",1779637708797],[222,227],[189],["D",1779637669836],["D",1789498239291],{"_11":12,"_158":74},{"_11":12,"_153":154,"_73":74,"_31":72,"_155":156,"_157":30},{"_42":144,"_13":16,"_36":39,"_145":106,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":-5,"_151":14,"_152":12},"ctx",{"_56":-5,"_177":428,"_429":430,"_431":432,"_433":30,"_434":30,"_435":30,"_436":24,"_437":-5,"_438":-7,"_439":-7,"_440":26,"_441":30,"_442":30,"_443":-5,"_444":30,"_445":30,"_446":30,"_447":-5},"ENV",{"_399":400,"_401":402,"_403":16,"_404":405,"_406":407,"_408":409,"_410":411,"_412":413,"_414":415,"_416":417,"_418":419,"_420":421,"_422":423,"_424":425,"_426":427},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · routes