\n \n \n \n\n","label",[155,64],"frontend","pulls","branches",1,"forks","envVars",{"_164":26,"_166":26},"connections",{"_164":26,"_165":26},"count","unfilledCount","emptyCount",{"_32":353,"_13":313,"_62":307,"_42":-5,"_34":35,"_148":241,"_149":84,"_36":354,"_38":26,"_65":296,"_151":-5,"_66":24,"_153":-5,"_196":355,"_17":356},{"_32":348,"_13":323,"_62":317,"_42":307,"_34":35,"_148":349,"_149":84,"_36":350,"_38":26,"_65":296,"_151":-5,"_66":24,"_153":-5,"_196":351,"_17":352},{"_32":340,"_13":341,"_62":342,"_42":317,"_34":35,"_148":343,"_149":84,"_36":344,"_38":26,"_65":204,"_151":345,"_66":24,"_153":-5,"_196":346,"_17":347},{"_32":332,"_13":333,"_62":334,"_42":317,"_34":35,"_148":335,"_149":84,"_36":336,"_38":26,"_65":204,"_151":337,"_66":24,"_153":-5,"_196":338,"_17":339},{"_32":324,"_13":325,"_62":326,"_42":317,"_34":35,"_148":327,"_149":84,"_36":328,"_38":26,"_65":204,"_151":329,"_66":24,"_153":-5,"_196":330,"_17":331},{"_32":314,"_13":315,"_62":316,"_42":317,"_34":35,"_148":318,"_149":84,"_36":319,"_38":26,"_65":204,"_151":320,"_66":24,"_153":-5,"_196":321,"_17":322},{"_32":304,"_13":305,"_62":306,"_42":307,"_34":35,"_148":308,"_149":84,"_36":309,"_38":26,"_65":204,"_151":310,"_66":24,"_153":-5,"_196":311,"_17":312},{"_32":299,"_13":155,"_62":147,"_42":-5,"_34":35,"_148":300,"_149":84,"_36":301,"_38":26,"_65":296,"_151":-5,"_66":24,"_153":-5,"_196":302,"_17":303},{"_32":293,"_13":228,"_62":222,"_42":147,"_34":35,"_148":294,"_149":84,"_36":295,"_38":26,"_65":296,"_151":-5,"_66":24,"_153":-5,"_196":297,"_17":298},{"_32":285,"_13":286,"_62":287,"_42":222,"_34":35,"_148":288,"_149":84,"_36":289,"_38":158,"_65":204,"_151":290,"_66":24,"_153":-5,"_196":291,"_17":292},{"_32":277,"_13":278,"_62":279,"_42":222,"_34":35,"_148":280,"_149":84,"_36":281,"_38":26,"_65":204,"_151":282,"_66":24,"_153":-5,"_196":283,"_17":284},{"_32":269,"_13":270,"_62":271,"_42":222,"_34":35,"_148":272,"_149":84,"_36":273,"_38":193,"_65":204,"_151":274,"_66":24,"_153":-5,"_196":275,"_17":276},{"_32":261,"_13":262,"_62":263,"_42":222,"_34":35,"_148":264,"_149":84,"_36":265,"_38":26,"_65":204,"_151":266,"_66":24,"_153":-5,"_196":267,"_17":268},{"_32":253,"_13":254,"_62":255,"_42":222,"_34":35,"_148":256,"_149":84,"_36":257,"_38":26,"_65":204,"_151":258,"_66":24,"_153":-5,"_196":259,"_17":260},{"_32":245,"_13":246,"_62":247,"_42":222,"_34":35,"_148":248,"_149":84,"_36":249,"_38":26,"_65":204,"_151":250,"_66":24,"_153":-5,"_196":251,"_17":252},{"_32":237,"_13":238,"_62":239,"_42":222,"_34":35,"_148":110,"_149":84,"_36":240,"_38":241,"_65":204,"_151":242,"_66":24,"_153":-5,"_196":243,"_17":244},{"_32":229,"_13":230,"_62":231,"_42":222,"_34":35,"_148":232,"_149":84,"_36":233,"_38":26,"_65":204,"_151":234,"_66":24,"_153":-5,"_196":235,"_17":236},{"_32":219,"_13":220,"_62":221,"_42":222,"_34":35,"_148":223,"_149":84,"_36":224,"_38":26,"_65":204,"_151":225,"_66":24,"_153":-5,"_196":226,"_17":227},{"_32":211,"_13":212,"_62":213,"_42":147,"_34":35,"_148":214,"_149":84,"_36":215,"_38":26,"_65":204,"_151":216,"_66":24,"_153":-5,"_196":217,"_17":218},{"_32":146,"_13":64,"_62":63,"_42":147,"_34":35,"_148":39,"_149":84,"_36":208,"_38":26,"_65":21,"_151":152,"_66":24,"_153":-5,"_196":209,"_17":210},{"_32":199,"_13":200,"_62":201,"_42":147,"_34":35,"_148":202,"_149":84,"_36":203,"_38":26,"_65":204,"_151":205,"_66":24,"_153":-5,"_196":206,"_17":207},{"_32":189,"_13":190,"_62":82,"_42":-5,"_34":35,"_148":191,"_149":84,"_36":192,"_38":193,"_65":194,"_151":195,"_66":24,"_153":-5,"_196":197,"_17":198},"f3d7af50-578a-11f1-b2a7-ee650bb23af1","main.ts",25,["D",1779638973311],3,"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { initDB } from \"./backend/db.ts\";\nimport chatRoutes from \"./backend/routes/chat.ts\";\nimport tabRoutes from \"./backend/routes/tabs.ts\";\nimport pollRoutes from \"./backend/routes/polls.ts\";\nimport authRoutes from \"./backend/routes/auth.ts\";\n\nconst app = new Hono();\n\nlet dbReady = false;\n\napp.use(\"*\", async (c, next) => {\n if (!dbReady) {\n await initDB();\n dbReady = true;\n }\n await next();\n});\n\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path));\n\napp.get(\"/source\", (c) => {\n return c.redirect(parseVal(import.meta.url).links.self.val);\n});\n\napp.route(\"/api/auth\", authRoutes);\napp.route(\"/api/chat\", chatRoutes);\napp.route(\"/api/tabs\", tabRoutes);\napp.route(\"/api/polls\", pollRoutes);\n\napp.onError((err, c) => {\n console.error(err);\n return c.text(\"Internal Server Error\", 500);\n});\n\nexport default app.fetch;","children",[],[190],"2a2c820e-5788-11f1-82cb-ee650bb23af1","index.tsx","2a2c82cc-5788-11f1-82cb-ee650bb23af1",14,["D",1779637775868],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) throw new Error(\"No root element found\");\ncreateRoot(root).render();\n",[],[155,200],["D",1779637774103],[],[155,64],"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",[],[155,212],"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",[],[155,228,220],"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",[],[155,228,230],"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}",[],[155,228,238],"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",[],[155,228,246],"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",[],[155,228,254],"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",[],[155,228,262],"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}",[],[155,228,270],"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",[],[155,228,278],"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}",[],[155,228,286],"048633c4-5788-11f1-ac23-ee650bb23af1",7,["D",1779637712819],"directory",[176,177,178,179,180,181,182,183,184],[155,228],"031221f6-5788-11f1-a941-ee650bb23af1",5,["D",1779637709231],[175,185,186,187],[155],"0cb747e0-5788-11f1-b441-ee650bb23af1","db.ts","0cb74894-5788-11f1-b441-ee650bb23af1","025d76c0-5788-11f1-896e-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",[],[313,305],"backend","1e0b8d6c-5788-11f1-86b0-ee650bb23af1","tabs.ts","1e0b8e0c-5788-11f1-86b0-ee650bb23af1","046d525a-5788-11f1-ac23-ee650bb23af1",11,["D",1779637755627],"import { Hono } from \"npm:hono\";\nimport { sqlite } from \"../db.ts\";\n\nconst app = new Hono();\n\n// Get all tabs\napp.get(\"/\", async (c) => {\n const result = await sqlite.execute(\"SELECT * FROM tabs ORDER BY sort_order ASC\");\n return c.json({ tabs: result.rows });\n});\n\n// Create tab\napp.post(\"/\", async (c) => {\n const { name, icon } = await c.req.json();\n const maxOrder = await sqlite.execute(\"SELECT COALESCE(MAX(sort_order),0)+1 as next_order FROM tabs\");\n const nextOrder = (maxOrder.rows[0] as any).next_order;\n await sqlite.execute({\n sql: \"INSERT INTO tabs (name, icon, sort_order, is_system) VALUES (?, ?, ?, 0)\",\n args: [name, icon || \"📄\", nextOrder],\n });\n const result = await sqlite.execute(\"SELECT * FROM tabs ORDER BY id DESC LIMIT 1\");\n return c.json({ tab: result.rows[0] });\n});\n\n// Update tab\napp.put(\"/:id\", async (c) => {\n const id = parseInt(c.req.param(\"id\"));\n const { name, icon, sort_order } = await c.req.json();\n if (name !== undefined) {\n await sqlite.execute({ sql: \"UPDATE tabs SET name = ? WHERE id = ?\", args: [name, id] });\n }\n if (icon !== undefined) {\n await sqlite.execute({ sql: \"UPDATE tabs SET icon = ? WHERE id = ?\", args: [icon, id] });\n }\n if (sort_order !== undefined) {\n await sqlite.execute({ sql: \"UPDATE tabs SET sort_order = ? WHERE id = ?\", args: [sort_order, id] });\n }\n const result = await sqlite.execute({ sql: \"SELECT * FROM tabs WHERE id = ?\", args: [id] });\n return c.json({ tab: result.rows[0] });\n});\n\n// Delete tab (only non-system)\napp.delete(\"/:id\", async (c) => {\n const id = parseInt(c.req.param(\"id\"));\n await sqlite.execute({ sql: \"DELETE FROM blocks WHERE tab_id = ?\", args: [id] });\n await sqlite.execute({ sql: \"DELETE FROM tabs WHERE id = ? AND is_system = 0\", args: [id] });\n return c.json({ success: true });\n});\n\n// Reorder tabs\napp.put(\"/reorder/batch\", async (c) => {\n const { orders } = await c.req.json(); // [{id, sort_order}]\n for (const o of orders) {\n await sqlite.execute({ sql: \"UPDATE tabs SET sort_order = ? WHERE id = ?\", args: [o.sort_order, o.id] });\n }\n return c.json({ success: true });\n});\n\n// ---- BLOCKS ----\n\n// Get blocks for a tab\napp.get(\"/:tabId/blocks\", async (c) => {\n const tabId = parseInt(c.req.param(\"tabId\"));\n const result = await sqlite.execute({\n sql: \"SELECT * FROM blocks WHERE tab_id = ? ORDER BY sort_order ASC\",\n args: [tabId],\n });\n return c.json({ blocks: result.rows });\n});\n\n// Create block\napp.post(\"/:tabId/blocks\", async (c) => {\n const tabId = parseInt(c.req.param(\"tabId\"));\n const { block_type, title, content } = await c.req.json();\n const maxOrder = await sqlite.execute({\n sql: \"SELECT COALESCE(MAX(sort_order),0)+1 as next_order FROM blocks WHERE tab_id = ?\",\n args: [tabId],\n });\n const nextOrder = (maxOrder.rows[0] as any).next_order;\n await sqlite.execute({\n sql: \"INSERT INTO blocks (tab_id, block_type, title, content, sort_order) VALUES (?, ?, ?, ?, ?)\",\n args: [tabId, block_type, title || \"\", JSON.stringify(content || {}), nextOrder],\n });\n const result = await sqlite.execute(\"SELECT * FROM blocks ORDER BY id DESC LIMIT 1\");\n return c.json({ block: result.rows[0] });\n});\n\n// Update block\napp.put(\"/blocks/:id\", async (c) => {\n const id = parseInt(c.req.param(\"id\"));\n const { title, content, sort_order } = await c.req.json();\n if (title !== undefined) {\n await sqlite.execute({ sql: \"UPDATE blocks SET title = ? WHERE id = ?\", args: [title, id] });\n }\n if (content !== undefined) {\n await sqlite.execute({ sql: \"UPDATE blocks SET content = ? WHERE id = ?\", args: [JSON.stringify(content), id] });\n }\n if (sort_order !== undefined) {\n await sqlite.execute({ sql: \"UPDATE blocks SET sort_order = ? WHERE id = ?\", args: [sort_order, id] });\n }\n const result = await sqlite.execute({ sql: \"SELECT * FROM blocks WHERE id = ?\", args: [id] });\n return c.json({ block: result.rows[0] });\n});\n\n// Delete block\napp.delete(\"/blocks/:id\", async (c) => {\n const id = parseInt(c.req.param(\"id\"));\n await sqlite.execute({ sql: \"DELETE FROM blocks WHERE id = ?\", args: [id] });\n return c.json({ success: true });\n});\n\n// Reorder blocks\napp.put(\"/:tabId/blocks/reorder\", async (c) => {\n const { orders } = await c.req.json();\n for (const o of orders) {\n await sqlite.execute({ sql: \"UPDATE blocks SET sort_order = ? WHERE id = ?\", args: [o.sort_order, o.id] });\n }\n return c.json({ success: true });\n});\n\nexport default app;\n",[],[313,323,315],"routes","227423aa-5788-11f1-ac23-ee650bb23af1","polls.ts","22742454-5788-11f1-ac23-ee650bb23af1",12,["D",1779637763010],"import { Hono } from \"npm:hono\";\nimport { sqlite } from \"../db.ts\";\n\nconst app = new Hono();\n\n// Get all polls\napp.get(\"/\", async (c) => {\n const polls = await sqlite.execute(\"SELECT * FROM polls ORDER BY created_at DESC\");\n const result = [];\n for (const poll of polls.rows as any[]) {\n const votes = await sqlite.execute({\n sql: \"SELECT option_index, COUNT(*) as count FROM poll_votes WHERE poll_id = ? GROUP BY option_index\",\n args: [poll.id],\n });\n const totalVotes = await sqlite.execute({\n sql: \"SELECT COUNT(*) as total FROM poll_votes WHERE poll_id = ?\",\n args: [poll.id],\n });\n result.push({\n ...poll,\n options: JSON.parse(poll.options),\n votes: votes.rows,\n total_votes: (totalVotes.rows[0] as any).total,\n });\n }\n return c.json({ polls: result });\n});\n\n// Create poll\napp.post(\"/\", async (c) => {\n const { question, options } = await c.req.json();\n await sqlite.execute({\n sql: \"INSERT INTO polls (question, options) VALUES (?, ?)\",\n args: [question, JSON.stringify(options)],\n });\n const result = await sqlite.execute(\"SELECT * FROM polls ORDER BY id DESC LIMIT 1\");\n return c.json({ poll: result.rows[0] });\n});\n\n// Vote\napp.post(\"/:id/vote\", async (c) => {\n const pollId = parseInt(c.req.param(\"id\"));\n const { user_id, option_index } = await c.req.json();\n try {\n await sqlite.execute({\n sql: \"INSERT INTO poll_votes (poll_id, user_id, option_index) VALUES (?, ?, ?)\",\n args: [pollId, user_id, option_index],\n });\n return c.json({ success: true });\n } catch (e: any) {\n if (e.message?.includes(\"UNIQUE\")) {\n return c.json({ error: \"Already voted\" }, 409);\n }\n return c.json({ error: \"Vote failed\" }, 500);\n }\n});\n\n// Get user's vote for a poll\napp.get(\"/:id/vote/:userId\", async (c) => {\n const pollId = parseInt(c.req.param(\"id\"));\n const userId = parseInt(c.req.param(\"userId\"));\n const result = await sqlite.execute({\n sql: \"SELECT option_index FROM poll_votes WHERE poll_id = ? AND user_id = ?\",\n args: [pollId, userId],\n });\n return c.json({ vote: result.rows[0] || null });\n});\n\n// Delete poll\napp.delete(\"/:id\", async (c) => {\n const id = parseInt(c.req.param(\"id\"));\n await sqlite.execute({ sql: \"DELETE FROM poll_votes WHERE poll_id = ?\", args: [id] });\n await sqlite.execute({ sql: \"DELETE FROM polls WHERE id = ?\", args: [id] });\n return c.json({ success: true });\n});\n\nexport default app;\n",[],[313,323,325],"14444878-5788-11f1-b97d-ee650bb23af1","chat.ts","14444936-5788-11f1-b97d-ee650bb23af1",10,["D",1779637739231],"import { Hono } from \"npm:hono\";\nimport { sqlite } from \"../db.ts\";\n\nconst app = new Hono();\n\n// Get messages (last 200)\napp.get(\"/messages\", async (c) => {\n const result = await sqlite.execute(\n \"SELECT id, user_id, username, message, created_at FROM chat_messages ORDER BY created_at DESC LIMIT 200\"\n );\n return c.json({ messages: result.rows.reverse() });\n});\n\n// Send message\napp.post(\"/messages\", async (c) => {\n const { user_id, username, message } = await c.req.json();\n if (!message?.trim()) return c.json({ error: \"Empty message\" }, 400);\n \n await sqlite.execute({\n sql: \"INSERT INTO chat_messages (user_id, username, message) VALUES (?, ?, ?)\",\n args: [user_id, username, message.trim()],\n });\n \n const result = await sqlite.execute(\n \"SELECT * FROM chat_messages ORDER BY id DESC LIMIT 1\"\n );\n return c.json({ message: result.rows[0] });\n});\n\n// Delete message (admin only)\napp.delete(\"/messages/:id\", async (c) => {\n const id = c.req.param(\"id\");\n await sqlite.execute({ sql: \"DELETE FROM chat_messages WHERE id = ?\", args: [parseInt(id)] });\n return c.json({ success: true });\n});\n\nexport default app;\n",[],[313,323,333],"11e40e88-5788-11f1-bbd5-ee650bb23af1","auth.ts","11e40f64-5788-11f1-bbd5-ee650bb23af1",9,["D",1779637735235],"import { Hono } from \"npm:hono\";\nimport { sqlite } from \"../db.ts\";\n\nconst app = new Hono();\n\n// Register\napp.post(\"/register\", async (c) => {\n const { username, display_name, password } = await c.req.json();\n if (!username || !display_name || !password) {\n return c.json({ error: \"All fields required\" }, 400);\n }\n try {\n await sqlite.execute({\n sql: \"INSERT INTO users (username, display_name, password_hash, role) VALUES (?, ?, ?, 'student')\",\n args: [username.toLowerCase().trim(), display_name.trim(), password],\n });\n const user = await sqlite.execute({\n sql: \"SELECT id, username, display_name, role FROM users WHERE username = ?\",\n args: [username.toLowerCase().trim()],\n });\n return c.json({ user: user.rows[0] });\n } catch (e: any) {\n if (e.message?.includes(\"UNIQUE\")) {\n return c.json({ error: \"Username already taken\" }, 409);\n }\n return c.json({ error: \"Registration failed\" }, 500);\n }\n});\n\n// Login\napp.post(\"/login\", async (c) => {\n const { username, password } = await c.req.json();\n const result = await sqlite.execute({\n sql: \"SELECT id, username, display_name, role, password_hash FROM users WHERE username = ?\",\n args: [username.toLowerCase().trim()],\n });\n if (result.rows.length === 0) {\n return c.json({ error: \"User not found\" }, 404);\n }\n const user = result.rows[0] as any;\n if (user.password_hash !== password) {\n return c.json({ error: \"Invalid password\" }, 401);\n }\n const { password_hash, ...safeUser } = user;\n return c.json({ user: safeUser });\n});\n\n// Get all users (for admin)\napp.get(\"/users\", async (c) => {\n const result = await sqlite.execute(\"SELECT id, username, display_name, role, created_at FROM users ORDER BY created_at\");\n return c.json({ users: result.rows });\n});\n\nexport default app;\n",[],[313,323,341],"046d519c-5788-11f1-ac23-ee650bb23af1",6,["D",1779637712650],[169,170,171,172],[313,323],"025d75bc-5788-11f1-896e-ee650bb23af1",["D",1779637708797],[168,173],[313],["D",1779637669836],["D",1789498239291],{"_11":12,"_124":69},{"_11":12,"_119":120,"_68":69,"_30":67,"_121":122,"_123":24},{"_38":110,"_13":16,"_32":35,"_111":71,"_112":-5,"_113":-5,"_114":-5,"_115":-5,"_116":-5,"_117":14,"_118":12},"ctx",{"_52":-5,"_143":395,"_396":397,"_398":399,"_400":24,"_401":24,"_402":24,"_403":84,"_404":-5,"_405":-7,"_406":-7,"_407":26,"_408":24,"_409":24,"_410":-5,"_411":24,"_412":24,"_413":24,"_414":-5},"ENV",{"_366":367,"_368":369,"_370":16,"_371":372,"_373":374,"_375":376,"_377":378,"_379":380,"_381":382,"_383":384,"_385":386,"_387":388,"_389":390,"_391":392,"_393":394},"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 · index.html