[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_356":357,"_358":359},"routes/_app.x.$handle.$name",{"_105":104,"_37":50,"_114":95,"_32":58,"_13":14,"_115":-5,"_11":116,"_117":118,"_119":120,"_121":122,"_123":124,"_26":-5,"_125":-5,"_126":-5,"_127":30,"_128":129,"_130":64,"_131":-5,"_132":-5,"_133":134},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_37":50,"_43":51,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":88,"_89":90,"_91":92,"_93":30},"version",24,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","6b10196f-232e-4147-9a53-5182a133494e","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":14,"_46":47,"_29":30},"previous","deleted",false,"deletedHere","path","frontend/components/PollManager.tsx","latestPath","fileId","e619b04a-5788-11f1-a659-ee650bb23af1","name","PollManager.tsx","fileType","script","content","/** @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\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(() => { loadPolls(); }, [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

📊 Poll Manager

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

➕ Create New Poll

\n\n

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

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

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

Existing Polls

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

📊 {poll.question}

\n 🗳️ {poll.total_votes} votes\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 >🗑️ Delete\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 = poll.total_votes > 0 ? Math.round((voteCount / poll.total_votes) * 100) : 0;\n\n return (\n

\n {option}\n {pct}% ({voteCount})\n

\n );\n })}\n

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

No polls created yet

\n )}\n

\n );\n}\n","createdAt",["D",1779638091273],"branchVersion","branchId","eae836ba-5787-11f1-a921-ee650bb23af1","id","eae68036-5787-11f1-a921-ee650bb23af1","groupsite",["D",1779637669836],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","c7ac1f1d-b0fd-421e-ad86-d466b556e78a","pinnedFileId","eaf2e1b4-5787-11f1-a921-ee650bb23af1","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019e5aab-80d4-777e-96e3-17e9369f937d","tursoName","eae68036578711f1a921ee650bb23af1","tursoHostname","eae68036578711f1a921ee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789498239291],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_105":104,"_113":109},"org",{"_105":104,"_106":107,"_108":109,"_19":60,"_110":111,"_112":30},"branch",{"_13":94,"_37":95,"_48":47,"_96":49,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":-5,"_102":50,"_103":104},"isOwned",33,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","telmanaskerov","handle","displayName","Telman Askerov","avatar","https://lh3.googleusercontent.com/a/ACg8ocIDw-gdZ-qjjbIVV6a0v_fsMoYG6tkDp9DIn1n3TAlTYO8vYQ=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_48":49,"_37":50,"_43":351,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":352,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":353,"_89":354,"_91":355,"_93":30},"tree",[173,180,194],"files",[173,174,175,176,177,178,179,180,181,182,183,184,185,186,187,188,189,190,191,192,193,194],"counts",{"_162":68,"_163":164,"_165":68,"_166":167,"_168":169},"contents",[135,136,137],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_48":156,"_37":157,"_35":158,"_140":-5,"_46":47,"_45":159,"_142":64,"_43":160,"_13":68,"_39":154,"_41":-5,"_29":30,"_147":-5,"_32":161},{"_48":149,"_37":150,"_35":151,"_140":-5,"_46":47,"_45":152,"_142":64,"_43":153,"_13":68,"_39":154,"_41":-5,"_29":30,"_147":-5,"_32":155},{"_48":138,"_37":139,"_35":62,"_140":-5,"_46":47,"_45":141,"_142":30,"_43":143,"_13":144,"_39":145,"_41":146,"_29":30,"_147":-5,"_32":148},"fcfee948-5787-11f1-ac23-ee650bb23af1","main.ts","parentId",3,"latest",["D",1779637700139],2,"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\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\n// Initialize database on first run\nlet dbReady = false;\napp.use(\"*\", async (c, next) => {\n if (!dbReady) {\n await initDB();\n dbReady = true;\n }\n return next();\n});\n\n// Serve frontend\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// View source\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// API routes\napp.route(\"/api/auth\", authRoutes);\napp.route(\"/api/chat\", chatRoutes);\napp.route(\"/api/tabs\", tabRoutes);\napp.route(\"/api/polls\", pollRoutes);\n\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","label",[139],"031221f6-5788-11f1-a941-ee650bb23af1","frontend","031222c8-5788-11f1-a941-ee650bb23af1",5,["D",1779637709231],"directory",[150],"025d75bc-5788-11f1-896e-ee650bb23af1","backend","025d76c0-5788-11f1-896e-ee650bb23af1",4,["D",1779637708797],[157],"pulls","branches",1,"forks","envVars",{"_170":68,"_172":68},"connections",{"_170":68,"_171":68},"count","unfilledCount","emptyCount",{"_48":156,"_37":157,"_35":158,"_140":-5,"_46":47,"_45":159,"_142":64,"_43":348,"_13":68,"_39":154,"_41":-5,"_29":30,"_147":-5,"_196":349,"_32":350},{"_48":343,"_37":318,"_35":312,"_140":158,"_46":47,"_45":344,"_142":64,"_43":345,"_13":68,"_39":154,"_41":-5,"_29":30,"_147":-5,"_196":346,"_32":347},{"_48":335,"_37":336,"_35":337,"_140":312,"_46":47,"_45":338,"_142":64,"_43":339,"_13":68,"_39":40,"_41":340,"_29":30,"_147":-5,"_196":341,"_32":342},{"_48":327,"_37":328,"_35":329,"_140":312,"_46":47,"_45":330,"_142":64,"_43":331,"_13":68,"_39":40,"_41":332,"_29":30,"_147":-5,"_196":333,"_32":334},{"_48":319,"_37":320,"_35":321,"_140":312,"_46":47,"_45":322,"_142":64,"_43":323,"_13":68,"_39":40,"_41":324,"_29":30,"_147":-5,"_196":325,"_32":326},{"_48":309,"_37":310,"_35":311,"_140":312,"_46":47,"_45":313,"_142":64,"_43":314,"_13":68,"_39":40,"_41":315,"_29":30,"_147":-5,"_196":316,"_32":317},{"_48":301,"_37":302,"_35":303,"_140":158,"_46":47,"_45":304,"_142":64,"_43":305,"_13":68,"_39":40,"_41":306,"_29":30,"_147":-5,"_196":307,"_32":308},{"_48":149,"_37":150,"_35":151,"_140":-5,"_46":47,"_45":152,"_142":64,"_43":298,"_13":68,"_39":154,"_41":-5,"_29":30,"_147":-5,"_196":299,"_32":300},{"_48":293,"_37":232,"_35":226,"_140":151,"_46":47,"_45":294,"_142":64,"_43":295,"_13":68,"_39":154,"_41":-5,"_29":30,"_147":-5,"_196":296,"_32":297},{"_48":285,"_37":286,"_35":287,"_140":226,"_46":47,"_45":288,"_142":30,"_43":289,"_13":68,"_39":40,"_41":290,"_29":30,"_147":-5,"_196":291,"_32":292},{"_48":277,"_37":278,"_35":279,"_140":226,"_46":47,"_45":280,"_142":64,"_43":281,"_13":68,"_39":40,"_41":282,"_29":30,"_147":-5,"_196":283,"_32":284},{"_48":269,"_37":270,"_35":271,"_140":226,"_46":47,"_45":272,"_142":30,"_43":273,"_13":68,"_39":40,"_41":274,"_29":30,"_147":-5,"_196":275,"_32":276},{"_48":261,"_37":262,"_35":263,"_140":226,"_46":47,"_45":264,"_142":64,"_43":265,"_13":68,"_39":40,"_41":266,"_29":30,"_147":-5,"_196":267,"_32":268},{"_48":253,"_37":254,"_35":255,"_140":226,"_46":47,"_45":256,"_142":64,"_43":257,"_13":68,"_39":40,"_41":258,"_29":30,"_147":-5,"_196":259,"_32":260},{"_48":245,"_37":246,"_35":247,"_140":226,"_46":47,"_45":248,"_142":64,"_43":249,"_13":68,"_39":40,"_41":250,"_29":30,"_147":-5,"_196":251,"_32":252},{"_48":241,"_37":38,"_35":36,"_140":226,"_46":47,"_45":14,"_142":30,"_43":242,"_13":68,"_39":40,"_41":42,"_29":30,"_147":-5,"_196":243,"_32":244},{"_48":233,"_37":234,"_35":235,"_140":226,"_46":47,"_45":236,"_142":64,"_43":237,"_13":68,"_39":40,"_41":238,"_29":30,"_147":-5,"_196":239,"_32":240},{"_48":223,"_37":224,"_35":225,"_140":226,"_46":47,"_45":227,"_142":64,"_43":228,"_13":68,"_39":40,"_41":229,"_29":30,"_147":-5,"_196":230,"_32":231},{"_48":215,"_37":216,"_35":217,"_140":151,"_46":47,"_45":218,"_142":64,"_43":219,"_13":68,"_39":40,"_41":220,"_29":30,"_147":-5,"_196":221,"_32":222},{"_48":207,"_37":208,"_35":209,"_140":151,"_46":47,"_45":210,"_142":64,"_43":211,"_13":68,"_39":26,"_41":212,"_29":30,"_147":-5,"_196":213,"_32":214},{"_48":199,"_37":200,"_35":201,"_140":151,"_46":47,"_45":202,"_142":64,"_43":203,"_13":68,"_39":40,"_41":204,"_29":30,"_147":-5,"_196":205,"_32":206},{"_48":138,"_37":139,"_35":62,"_140":-5,"_46":47,"_45":141,"_142":30,"_43":195,"_13":144,"_39":145,"_41":146,"_29":30,"_147":-5,"_196":197,"_32":198},["D",1779637700139],"children",[],[139],"2a2c820e-5788-11f1-82cb-ee650bb23af1","index.tsx","2a2c82cc-5788-11f1-82cb-ee650bb23af1",14,["D",1779637775868],"/** @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",[],[150,200],"29114f9e-5788-11f1-ac87-ee650bb23af1","index.html","2911508e-5788-11f1-ac87-ee650bb23af1",13,["D",1779637774103],"\n\n \n \n \n 604.25ES — Group Portal\n \n \n \n \n \n \n \n \n

\n \n \n \n\n",[],[150,208],"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",[],[150,216],"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",[],[150,232,224],"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",[],[150,232,234],"e619afa0-5788-11f1-a659-ee650bb23af1",["D",1779638091273],[],[150,232,38],"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",[],[150,232,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",[],[150,232,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",[],[150,232,262],"d706eabe-5788-11f1-a659-ee650bb23af1","BlockEditor.tsx","d706eb86-5788-11f1-a659-ee650bb23af1",23,["D",1779638065983],"/** @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({ tab, blocks, onRefresh }: { tab: any; blocks: any[]; onRefresh: () => void }) {\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, { sort_order: blocks[idx - 1].sort_order });\n await api.updateBlock(blocks[idx - 1].id, { sort_order: blocks[idx].sort_order });\n } else if (direction === \"down\" && idx < blocks.length - 1) {\n await api.updateBlock(blocks[idx].id, { sort_order: blocks[idx + 1].sort_order });\n await api.updateBlock(blocks[idx + 1].id, { sort_order: blocks[idx].sort_order });\n }\n onRefresh();\n };\n\n return (\n

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

➕ Add Content Block

\n {BLOCK_TYPES.map(bt => (\n setAddingType(addingType === bt.type ? null : bt.type)}\n style={{\n padding: \"8px 14px\",\n borderRadius: 10,\n border: addingType === bt.type ? \"1px solid rgba(99,102,241,0.4)\" : \"1px solid rgba(71,85,105,0.3)\",\n background: addingType === bt.type ? \"rgba(99,102,241,0.15)\" : \"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 { content = typeof block.content === \"string\" ? JSON.parse(block.content) : block.content; } catch {}\n const btInfo = BLOCK_TYPES.find(b => b.type === block.block_type);\n\n return (\n

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

\n \n \n setEditingBlock(editingBlock?.id === block.id ? null : { ...block, content })}\n style={{ ...btnPrimary, padding: \"4px 8px\", fontSize: 11, background: \"#334155\" }}\n >✏️\n \n

\n\n {editingBlock?.id === block.id && (\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\nfunction BlockForm({ type, initialTitle, initialContent, onSave, onCancel }: {\n type: string; initialTitle?: string; initialContent?: any; onSave: (title: string, content: any) => void; 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 Block Title\n setTitle(e.target.value)} placeholder=\"Title...\" style={inputStyle} />\n

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

\n Content\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 Priority\n setContent({ ...content, priority: e.target.value })}\n style={inputStyle}\n >\n \n \n \n

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

\n Message\n

setContent({ ...content, text: e.target.value })} placeholder=\"Announcement...\" rows={3} style={{ ...inputStyle, resize: \"vertical\" }} />\n        </div>\n      )}\n\n      {type === \"exam_schedule\" && (\n        <ExamEditor exams={content.exams || []} onChange={exams => setContent({ ...content, exams })} />\n      )}\n\n      {type === \"presentation_list\" && (\n        <ListEditor items={content.items || []} onChange={items => setContent({ ...content, items })} label=\"Student Name\" />\n      )}\n\n      {type === \"checklist\" && (\n        <ChecklistEditor items={content.items || []} onChange={items => setContent({ ...content, items })} />\n      )}\n\n      {type === \"links\" && (\n        <LinksEditor links={content.links || []} onChange={links => setContent({ ...content, links })} />\n      )}\n\n      {type === \"table\" && (\n        <TableEditor headers={content.headers || []} rows={content.rows || []} onChange={(headers, rows) => setContent({ ...content, headers, rows })} />\n      )}\n\n      {type === \"file\" && (\n        <LinksEditor links={content.files || []} onChange={files => setContent({ ...content, files })} labelA=\"File Name\" labelB=\"File URL\" />\n      )}\n\n      <div style={{ display: \"flex\", gap: 8, marginTop: 16 }}>\n        <button onClick={handleSave} style={btnPrimary}>💾 Save Block</button>\n        <button onClick={onCancel} style={{ ...btnPrimary, background: \"#334155\" }}>Cancel</button>\n      </div>\n    </div>\n  );\n}\n\nfunction ExamEditor({ exams, onChange }: { exams: any[]; onChange: (e: any[]) => void }) {\n  const add = () => 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    <div>\n      <label style={{ display: \"block\", fontSize: 12, fontWeight: 600, color: \"#94a3b8\", marginBottom: 8 }}>Exams</label>\n      {exams.map((exam, i) => (\n        <div key={i} style={{ display: \"flex\", gap: 6, marginBottom: 8, flexWrap: \"wrap\" }}>\n          <input value={exam.subject} onChange={e => update(i, \"subject\", e.target.value)} placeholder=\"Subject\" style={{ ...inputStyle, flex: 2, minWidth: 120 }} />\n          <input type=\"date\" value={exam.date} onChange={e => update(i, \"date\", e.target.value)} style={{ ...inputStyle, flex: 1, minWidth: 120 }} />\n          <input value={exam.time} onChange={e => update(i, \"time\", e.target.value)} placeholder=\"Time\" style={{ ...inputStyle, width: 80 }} />\n          <input value={exam.room} onChange={e => update(i, \"room\", e.target.value)} placeholder=\"Room\" style={{ ...inputStyle, width: 80 }} />\n          <button onClick={() => remove(i)} style={{ padding: \"4px 8px\", borderRadius: 6, border: \"1px solid rgba(239,68,68,0.3)\", background: \"rgba(239,68,68,0.1)\", color: \"#f87171\", cursor: \"pointer\", fontSize: 12, fontFamily: \"Inter\" }}>✕</button>\n        </div>\n      ))}\n      <button onClick={add} style={{ ...btnPrimary, padding: \"6px 12px\", fontSize: 12 }}>+ Add Exam</button>\n    </div>\n  );\n}\n\nfunction ListEditor({ items, onChange, label }: { items: string[]; onChange: (items: string[]) => void; label: string }) {\n  const [newItem, setNewItem] = useState(\"\");\n  const add = () => { if (newItem.trim()) { onChange([...items, newItem.trim()]); setNewItem(\"\"); } };\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    <div>\n      <label style={{ display: \"block\", fontSize: 12, fontWeight: 600, color: \"#94a3b8\", marginBottom: 8 }}>{label}s</label>\n      {items.map((item, i) => (\n        <div key={i} style={{ display: \"flex\", gap: 6, marginBottom: 4, alignItems: \"center\" }}>\n          <span style={{ fontSize: 12, color: \"#64748b\", width: 20, textAlign: \"center\", fontWeight: 700 }}>{i + 1}</span>\n          <input value={item} onChange={e => edit(i, e.target.value)} style={{ ...inputStyle, flex: 1 }} />\n          <button onClick={() => move(i, -1)} disabled={i === 0} style={{ padding: \"4px 6px\", borderRadius: 4, border: \"1px solid rgba(71,85,105,0.3)\", background: \"transparent\", color: i === 0 ? \"#334155\" : \"#94a3b8\", cursor: \"pointer\", fontSize: 11, fontFamily: \"Inter\" }}>↑</button>\n          <button onClick={() => move(i, 1)} disabled={i === items.length - 1} style={{ padding: \"4px 6px\", borderRadius: 4, border: \"1px solid rgba(71,85,105,0.3)\", background: \"transparent\", color: i === items.length - 1 ? \"#334155\" : \"#94a3b8\", cursor: \"pointer\", fontSize: 11, fontFamily: \"Inter\" }}>↓</button>\n          <button onClick={() => remove(i)} style={{ padding: \"4px 6px\", borderRadius: 4, border: \"1px solid rgba(239,68,68,0.3)\", background: \"rgba(239,68,68,0.1)\", color: \"#f87171\", cursor: \"pointer\", fontSize: 11, fontFamily: \"Inter\" }}>✕</button>\n        </div>\n      ))}\n      <div style={{ display: \"flex\", gap: 6, marginTop: 8 }}>\n        <input value={newItem} onChange={e => setNewItem(e.target.value)} placeholder={`Add ${label.toLowerCase()}...`} style={{ ...inputStyle, flex: 1 }} onKeyDown={e => e.key === \"Enter\" && add()} />\n        <button onClick={add} style={{ ...btnPrimary, padding: \"6px 12px\", fontSize: 12 }}>+ Add</button>\n      </div>\n    </div>\n  );\n}\n\nfunction ChecklistEditor({ items, onChange }: { items: any[]; onChange: (items: any[]) => void }) {\n  const [newText, setNewText] = useState(\"\");\n  const add = () => { if (newText.trim()) { onChange([...items, { text: newText.trim(), done: false, deadline: \"\" }]); setNewText(\"\"); } };\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    <div>\n      <label style={{ display: \"block\", fontSize: 12, fontWeight: 600, color: \"#94a3b8\", marginBottom: 8 }}>Tasks</label>\n      {items.map((item, i) => (\n        <div key={i} style={{ display: \"flex\", gap: 6, marginBottom: 6, alignItems: \"center\", flexWrap: \"wrap\" }}>\n          <input type=\"checkbox\" checked={item.done} onChange={e => update(i, \"done\", e.target.checked)} />\n          <input value={item.text} onChange={e => update(i, \"text\", e.target.value)} style={{ ...inputStyle, flex: 2, minWidth: 150 }} />\n          <input type=\"date\" value={item.deadline || \"\"} onChange={e => update(i, \"deadline\", e.target.value)} style={{ ...inputStyle, flex: 1, minWidth: 120 }} />\n          <button onClick={() => remove(i)} style={{ padding: \"4px 6px\", borderRadius: 4, border: \"1px solid rgba(239,68,68,0.3)\", background: \"rgba(239,68,68,0.1)\", color: \"#f87171\", cursor: \"pointer\", fontSize: 11, fontFamily: \"Inter\" }}>✕</button>\n        </div>\n      ))}\n      <div style={{ display: \"flex\", gap: 6, marginTop: 8 }}>\n        <input value={newText} onChange={e => setNewText(e.target.value)} placeholder=\"Add task...\" style={{ ...inputStyle, flex: 1 }} onKeyDown={e => e.key === \"Enter\" && add()} />\n        <button onClick={add} style={{ ...btnPrimary, padding: \"6px 12px\", fontSize: 12 }}>+ Add</button>\n      </div>\n    </div>\n  );\n}\n\nfunction LinksEditor({ links, onChange, labelA, labelB }: { links: any[]; onChange: (l: any[]) => void; labelA?: string; labelB?: string }) {\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    <div>\n      <label style={{ display: \"block\", fontSize: 12, fontWeight: 600, color: \"#94a3b8\", marginBottom: 8 }}>{labelA || \"Links\"}</label>\n      {links.map((link, i) => (\n        <div key={i} style={{ display: \"flex\", gap: 6, marginBottom: 6 }}>\n          <input value={link.title || link.name || \"\"} onChange={e => update(i, labelA === \"File Name\" ? \"name\" : \"title\", e.target.value)} placeholder={labelA || \"Title\"} style={{ ...inputStyle, flex: 1 }} />\n          <input value={link.url} onChange={e => update(i, \"url\", e.target.value)} placeholder={labelB || \"URL\"} style={{ ...inputStyle, flex: 2 }} />\n          <button onClick={() => remove(i)} style={{ padding: \"4px 6px\", borderRadius: 4, border: \"1px solid rgba(239,68,68,0.3)\", background: \"rgba(239,68,68,0.1)\", color: \"#f87171\", cursor: \"pointer\", fontSize: 11, fontFamily: \"Inter\" }}>✕</button>\n        </div>\n      ))}\n      <button onClick={add} style={{ ...btnPrimary, padding: \"6px 12px\", fontSize: 12 }}>+ Add</button>\n    </div>\n  );\n}\n\nfunction TableEditor({ headers, rows, onChange }: { headers: string[]; rows: string[][]; onChange: (h: string[], r: string[][]) => void }) {\n  const addCol = () => {\n    onChange([...headers, `Column ${headers.length + 1}`], rows.map(r => [...r, \"\"]));\n  };\n  const addRow = () => onChange(headers, [...rows, headers.map(() => \"\")]);\n  const removeCol = (ci: number) => {\n    onChange(headers.filter((_, i) => i !== ci), rows.map(r => r.filter((_, i) => i !== ci)));\n  };\n  const removeRow = (ri: number) => 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    <div>\n      <div style={{ display: \"flex\", gap: 8, marginBottom: 8 }}>\n        <button onClick={addCol} style={{ ...btnPrimary, padding: \"6px 12px\", fontSize: 12 }}>+ Column</button>\n        <button onClick={addRow} style={{ ...btnPrimary, padding: \"6px 12px\", fontSize: 12 }}>+ Row</button>\n      </div>\n      {headers.length > 0 && (\n        <div style={{ overflowX: \"auto\" }}>\n          <div style={{ display: \"flex\", gap: 4, marginBottom: 4 }}>\n            {headers.map((h, i) => (\n              <div key={i} style={{ display: \"flex\", gap: 2, flex: 1, minWidth: 100 }}>\n                <input value={h} onChange={e => updateHeader(i, e.target.value)} style={{ ...inputStyle, fontWeight: 700, fontSize: 12 }} />\n                <button onClick={() => removeCol(i)} style={{ padding: \"2px 4px\", borderRadius: 4, border: \"none\", background: \"rgba(239,68,68,0.2)\", color: \"#f87171\", cursor: \"pointer\", fontSize: 10, fontFamily: \"Inter\" }}>✕</button>\n              </div>\n            ))}\n          </div>\n          {rows.map((row, ri) => (\n            <div key={ri} style={{ display: \"flex\", gap: 4, marginBottom: 2, alignItems: \"center\" }}>\n              {row.map((cell, ci) => (\n                <input key={ci} value={cell} onChange={e => updateCell(ri, ci, e.target.value)} style={{ ...inputStyle, flex: 1, minWidth: 100, fontSize: 13 }} />\n              ))}\n              <button onClick={() => removeRow(ri)} style={{ padding: \"2px 6px\", borderRadius: 4, border: \"none\", background: \"rgba(239,68,68,0.2)\", color: \"#f87171\", cursor: \"pointer\", fontSize: 10, fontFamily: \"Inter\", flexShrink: 0 }}>✕</button>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n",[],[150,232,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<any>(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      <div style={{ minHeight: \"100vh\", display: \"flex\", alignItems: \"center\", justifyContent: \"center\", background: \"#0f172a\" }}>\n        <div style={{ textAlign: \"center\" }}>\n          <div style={{ fontSize: 48, marginBottom: 16 }}>🎓</div>\n          <div style={{ color: \"#94a3b8\", fontSize: 14 }}>Loading...</div>\n        </div>\n      </div>\n    );\n  }\n\n  if (!user) {\n    return <LoginScreen onLogin={handleLogin} />;\n  }\n\n  return (\n    <div style={{ minHeight: \"100vh\", background: \"#0f172a\" }}>\n      {/* Top Header */}\n      <header style={{\n        background: \"linear-gradient(135deg, #1e293b 0%, #0f172a 100%)\",\n        borderBottom: \"1px solid rgba(71,85,105,0.3)\",\n        padding: \"12px 24px\",\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n        position: \"sticky\",\n        top: 0,\n        zIndex: 50,\n        backdropFilter: \"blur(12px)\",\n      }}>\n        <div style={{ display: \"flex\", alignItems: \"center\", gap: 12 }}>\n          <span style={{ fontSize: 28 }}>🎓</span>\n          <div>\n            <h1 style={{ fontSize: 18, fontWeight: 700, color: \"#f1f5f9\", lineHeight: 1.2 }}>604.25ES</h1>\n            <span style={{ fontSize: 11, color: \"#64748b\", fontWeight: 500 }}>Group Portal</span>\n          </div>\n        </div>\n\n        <div style={{ display: \"flex\", alignItems: \"center\", gap: 8 }}>\n          {user.role === \"starosta\" && (\n            <div style={{\n              display: \"flex\",\n              background: \"#1e293b\",\n              borderRadius: 10,\n              padding: 3,\n              border: \"1px solid rgba(71,85,105,0.3)\",\n            }}>\n              <button\n                onClick={() => 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              </button>\n              <button\n                onClick={() => 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              </button>\n            </div>\n          )}\n\n          <div style={{\n            display: \"flex\",\n            alignItems: \"center\",\n            gap: 8,\n            padding: \"6px 12px\",\n            background: \"rgba(30,41,59,0.8)\",\n            borderRadius: 10,\n            border: \"1px solid rgba(71,85,105,0.3)\",\n          }}>\n            <div style={{\n              width: 28,\n              height: 28,\n              borderRadius: \"50%\",\n              background: user.role === \"starosta\" ? \"linear-gradient(135deg, #f59e0b, #d97706)\" : \"linear-gradient(135deg, #6366f1, #8b5cf6)\",\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              fontSize: 13,\n              fontWeight: 700,\n              color: \"#fff\",\n            }}>\n              {(user.display_name || user.username)[0].toUpperCase()}\n            </div>\n            <div>\n              <div style={{ fontSize: 13, fontWeight: 600, color: \"#e2e8f0\", lineHeight: 1.2 }}>\n                {user.display_name || user.username}\n              </div>\n              <div style={{ fontSize: 10, color: user.role === \"starosta\" ? \"#fbbf24\" : \"#818cf8\", fontWeight: 600, textTransform: \"uppercase\", letterSpacing: 0.5 }}>\n                {user.role}\n              </div>\n            </div>\n            <button\n              onClick={handleLogout}\n              style={{\n                background: \"rgba(239,68,68,0.15)\",\n                border: \"1px solid rgba(239,68,68,0.3)\",\n                color: \"#f87171\",\n                padding: \"4px 10px\",\n                borderRadius: 6,\n                cursor: \"pointer\",\n                fontSize: 11,\n                fontWeight: 600,\n                fontFamily: \"Inter, sans-serif\",\n                marginLeft: 4,\n              }}\n            >\n              Logout\n            </button>\n          </div>\n        </div>\n      </header>\n\n      {/* Main Content */}\n      <main>\n        {view === \"admin\" && user.role === \"starosta\" ? (\n          <AdminPanel user={user} />\n        ) : (\n          <StudentPortal user={user} />\n        )}\n      </main>\n    </div>\n  );\n}\n",[],[150,232,278],"ad280a52-5788-11f1-b2a8-ee650bb23af1","AdminPanel.tsx","ad280b06-5788-11f1-b2a8-ee650bb23af1",22,["D",1779637995735],"/** @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 { 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<string>(\"tabs\");\n  const [tabs, setTabs] = useState<any[]>([]);\n  const [selectedTab, setSelectedTab] = useState<any>(null);\n  const [blocks, setBlocks] = useState<any[]>([]);\n  const [users, setUsers] = useState<any[]>([]);\n  const [newTabName, setNewTabName] = useState(\"\");\n  const [newTabIcon, setNewTabIcon] = useState(\"📄\");\n  const [editingTab, setEditingTab] = useState<any>(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 => setStats(s => ({ ...s, messages: r.messages?.length || 0 })));\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) { setSelectedTab(null); setBlocks([]); }\n    loadTabs();\n  };\n\n  const updateTab = async () => {\n    if (!editingTab) return;\n    await api.updateTab(editingTab.id, { name: editingTab.name, icon: editingTab.icon });\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    <div style={{ display: \"flex\", height: \"calc(100vh - 57px)\" }}>\n      {/* Admin Sidebar */}\n      <aside style={{\n        width: 220,\n        minWidth: 220,\n        background: \"rgba(15,23,42,0.95)\",\n        borderRight: \"1px solid rgba(71,85,105,0.2)\",\n        padding: \"16px 10px\",\n        overflowY: \"auto\",\n      }}>\n        <div style={{ padding: \"4px 14px 12px\", fontSize: 11, fontWeight: 700, color: \"#f59e0b\", textTransform: \"uppercase\", letterSpacing: 1 }}>\n          ⚙️ Admin Panel\n        </div>\n        {navItems.map(item => (\n          <div\n            key={item.id}\n            onClick={() => 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 ? \"rgba(245,158,11,0.1)\" : \"transparent\",\n              border: section === item.id ? \"1px solid rgba(245,158,11,0.2)\" : \"1px solid transparent\",\n              transition: \"all 0.2s\",\n              fontFamily: \"Inter, sans-serif\",\n              marginBottom: 2,\n            }}\n          >\n            <span style={{ fontSize: 16 }}>{item.icon}</span>\n            <span>{item.label}</span>\n          </div>\n        ))}\n      </aside>\n\n      {/* Main Admin Content */}\n      <div style={{ flex: 1, overflow: \"auto\", padding: 24 }}>\n        {/* Dashboard */}\n        {section === \"dashboard\" && (\n          <div className=\"animate-fade\">\n            <h2 style={{ fontSize: 22, fontWeight: 700, color: \"#f1f5f9\", marginBottom: 20 }}>📊 Dashboard</h2>\n            <div style={{ display: \"grid\", gridTemplateColumns: \"repeat(auto-fill, minmax(200px, 1fr))\", gap: 16, marginBottom: 24 }}>\n              {[\n                { label: \"Total Users\", value: stats.users, icon: \"👥\", color: \"#6366f1\" },\n                { label: \"Active Tabs\", value: stats.tabs, icon: \"📑\", color: \"#f59e0b\" },\n                { label: \"Chat Messages\", value: stats.messages, icon: \"💬\", color: \"#10b981\" },\n              ].map((stat, i) => (\n                <div key={i} style={{\n                  ...cardStyle,\n                  borderLeft: `3px solid ${stat.color}`,\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  gap: 14,\n                }}>\n                  <div style={{\n                    width: 44,\n                    height: 44,\n                    borderRadius: 12,\n                    background: `${stat.color}15`,\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                    fontSize: 22,\n                  }}>{stat.icon}</div>\n                  <div>\n                    <div style={{ fontSize: 24, fontWeight: 800, color: \"#f1f5f9\" }}>{stat.value}</div>\n                    <div style={{ fontSize: 12, color: \"#64748b\", fontWeight: 500 }}>{stat.label}</div>\n                  </div>\n                </div>\n              ))}\n            </div>\n            <div style={{ ...cardStyle, marginBottom: 16 }}>\n              <h3 style={{ fontSize: 15, fontWeight: 700, color: \"#f1f5f9\", marginBottom: 12 }}>🎓 Welcome, Starosta!</h3>\n              <p style={{ color: \"#94a3b8\", fontSize: 14, lineHeight: 1.6 }}>\n                This is your control center for managing the 604.25ES group portal. Use the sidebar to navigate to different management sections. You can create tabs, add content blocks, manage polls, and monitor the group chat.\n              </p>\n            </div>\n          </div>\n        )}\n\n        {/* Manage Tabs */}\n        {section === \"tabs\" && (\n          <div className=\"animate-fade\">\n            <h2 style={{ fontSize: 22, fontWeight: 700, color: \"#f1f5f9\", marginBottom: 20 }}>📑 Manage Tabs</h2>\n\n            {/* Create Tab */}\n            <div style={{ ...cardStyle, marginBottom: 20 }}>\n              <h3 style={{ fontSize: 15, fontWeight: 700, color: \"#f1f5f9\", marginBottom: 12 }}>➕ Create New Tab</h3>\n              <div style={{ display: \"flex\", gap: 10, flexWrap: \"wrap\" }}>\n                <input\n                  value={newTabIcon}\n                  onChange={e => setNewTabIcon(e.target.value)}\n                  placeholder=\"Icon\"\n                  style={{ ...inputStyle, width: 60, textAlign: \"center\", fontSize: 20 }}\n                />\n                <input\n                  value={newTabName}\n                  onChange={e => setNewTabName(e.target.value)}\n                  placeholder=\"Tab name...\"\n                  style={{ ...inputStyle, flex: 1, minWidth: 200 }}\n                  onKeyDown={e => e.key === \"Enter\" && createTab()}\n                />\n                <button onClick={createTab} style={btnPrimary}>Create Tab</button>\n              </div>\n            </div>\n\n            {/* Tab List */}\n            <div style={{ display: \"flex\", flexDirection: \"column\", gap: 8 }}>\n              {tabs.map(tab => (\n                <div key={tab.id} style={{\n                  ...cardStyle,\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  justifyContent: \"space-between\",\n                  padding: 14,\n                }}>\n                  {editingTab?.id === tab.id ? (\n                    <div style={{ display: \"flex\", gap: 8, flex: 1 }}>\n                      <input\n                        value={editingTab.icon}\n                        onChange={e => setEditingTab({ ...editingTab, icon: e.target.value })}\n                        style={{ ...inputStyle, width: 50, textAlign: \"center\", fontSize: 18 }}\n                      />\n                      <input\n                        value={editingTab.name}\n                        onChange={e => setEditingTab({ ...editingTab, name: e.target.value })}\n                        style={{ ...inputStyle, flex: 1 }}\n                        onKeyDown={e => e.key === \"Enter\" && updateTab()}\n                      />\n                      <button onClick={updateTab} style={btnPrimary}>Save</button>\n                      <button onClick={() => setEditingTab(null)} style={{ ...btnPrimary, background: \"#334155\" }}>Cancel</button>\n                    </div>\n                  ) : (\n                    <>\n                      <div style={{ display: \"flex\", alignItems: \"center\", gap: 10 }}>\n                        <span style={{ fontSize: 20 }}>{tab.icon}</span>\n                        <span style={{ fontSize: 14, fontWeight: 600, color: \"#e2e8f0\" }}>{tab.name}</span>\n                        {tab.is_system ? (\n                          <span style={{ fontSize: 10, padding: \"2px 6px\", borderRadius: 4, background: \"rgba(99,102,241,0.15)\", color: \"#818cf8\", fontWeight: 600 }}>SYSTEM</span>\n                        ) : null}\n                      </div>\n                      <div style={{ display: \"flex\", gap: 6 }}>\n                        <button onClick={() => setEditingTab({ ...tab })} style={{ ...btnPrimary, padding: \"6px 12px\", fontSize: 12 }}>✏️ Edit</button>\n                        {!tab.is_system && (\n                          <button onClick={() => deleteTab(tab.id)} style={{ ...btnDanger, padding: \"6px 12px\", fontSize: 12 }}>🗑️</button>\n                        )}\n                      </div>\n                    </>\n                  )}\n                </div>\n              ))}\n            </div>\n          </div>\n        )}\n\n        {/* Edit Content */}\n        {section === \"content\" && (\n          <div className=\"animate-fade\">\n            <h2 style={{ fontSize: 22, fontWeight: 700, color: \"#f1f5f9\", marginBottom: 20 }}>📝 Edit Tab Content</h2>\n\n            {/* Tab Selector */}\n            <div style={{ display: \"flex\", gap: 8, flexWrap: \"wrap\", marginBottom: 20 }}>\n              {tabs.map(tab => (\n                <button\n                  key={tab.id}\n                  onClick={() => setSelectedTab(tab)}\n                  style={{\n                    padding: \"8px 14px\",\n                    borderRadius: 10,\n                    border: selectedTab?.id === tab.id ? \"1px solid rgba(99,102,241,0.4)\" : \"1px solid rgba(71,85,105,0.3)\",\n                    background: selectedTab?.id === tab.id ? \"rgba(99,102,241,0.15)\" : \"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                  <span>{tab.icon}</span> {tab.name}\n                </button>\n              ))}\n            </div>\n\n            {selectedTab ? (\n              <BlockEditor\n                tab={selectedTab}\n                blocks={blocks}\n                onRefresh={() => loadBlocks(selectedTab.id)}\n              />\n            ) : (\n              <div style={{\n                textAlign: \"center\",\n                padding: 60,\n                color: \"#475569\",\n                background: \"rgba(30,41,59,0.4)\",\n                borderRadius: 16,\n                border: \"1px solid rgba(71,85,105,0.2)\",\n              }}>\n                <div style={{ fontSize: 48, marginBottom: 12 }}>👆</div>\n                <p style={{ fontWeight: 600 }}>Select a tab above to edit its content</p>\n              </div>\n            )}\n          </div>\n        )}\n\n        {/* Polls */}\n        {section === \"polls\" && (\n          <PollManager user={user} />\n        )}\n\n        {/* Users */}\n        {section === \"users\" && (\n          <div className=\"animate-fade\">\n            <h2 style={{ fontSize: 22, fontWeight: 700, color: \"#f1f5f9\", marginBottom: 20 }}>👥 Registered Users</h2>\n            <div style={{ display: \"flex\", flexDirection: \"column\", gap: 8 }}>\n              {users.map(u => (\n                <div key={u.id} style={{\n                  ...cardStyle,\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  justifyContent: \"space-between\",\n                  padding: 14,\n                }}>\n                  <div style={{ display: \"flex\", alignItems: \"center\", gap: 12 }}>\n                    <div style={{\n                      width: 36,\n                      height: 36,\n                      borderRadius: \"50%\",\n                      background: u.role === \"starosta\" ? \"linear-gradient(135deg, #f59e0b, #d97706)\" : \"linear-gradient(135deg, #6366f1, #8b5cf6)\",\n                      display: \"flex\",\n                      alignItems: \"center\",\n                      justifyContent: \"center\",\n                      fontSize: 14,\n                      fontWeight: 700,\n                      color: \"#fff\",\n                    }}>{(u.display_name || u.username)[0].toUpperCase()}</div>\n                    <div>\n                      <div style={{ fontSize: 14, fontWeight: 600, color: \"#e2e8f0\" }}>{u.display_name}</div>\n                      <div style={{ fontSize: 12, color: \"#64748b\" }}>@{u.username}</div>\n                    </div>\n                  </div>\n                  <div style={{ display: \"flex\", alignItems: \"center\", gap: 8 }}>\n                    <span style={{\n                      fontSize: 10,\n                      padding: \"3px 8px\",\n                      borderRadius: 6,\n                      background: u.role === \"starosta\" ? \"rgba(245,158,11,0.15)\" : \"rgba(99,102,241,0.15)\",\n                      color: u.role === \"starosta\" ? \"#fbbf24\" : \"#818cf8\",\n                      fontWeight: 700,\n                      textTransform: \"uppercase\",\n                    }}>{u.role}</span>\n                    <span style={{ fontSize: 11, color: \"#475569\" }}>{new Date(u.created_at + \"Z\").toLocaleDateString()}</span>\n                  </div>\n                </div>\n              ))}\n            </div>\n          </div>\n        )}\n\n        {/* Chat Monitor */}\n        {section === \"chat\" && (\n          <ChatMonitor />\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction ChatMonitor() {\n  const [messages, setMessages] = useState<any[]>([]);\n\n  useEffect(() => {\n    api.getMessages().then(r => { if (r.messages) setMessages(r.messages); });\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    <div className=\"animate-fade\">\n      <h2 style={{ fontSize: 22, fontWeight: 700, color: \"#f1f5f9\", marginBottom: 20 }}>💬 Chat Monitor</h2>\n      <p style={{ color: \"#64748b\", fontSize: 13, marginBottom: 16 }}>View and moderate chat messages. Click the delete button to remove inappropriate messages.</p>\n      <div style={{ display: \"flex\", flexDirection: \"column\", gap: 4 }}>\n        {messages.map(msg => (\n          <div key={msg.id} style={{\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"space-between\",\n            padding: \"10px 14px\",\n            background: \"rgba(30,41,59,0.5)\",\n            borderRadius: 10,\n            border: \"1px solid rgba(71,85,105,0.15)\",\n          }}>\n            <div style={{ flex: 1 }}>\n              <span style={{ fontSize: 12, fontWeight: 700, color: \"#818cf8\", marginRight: 8 }}>{msg.username}</span>\n              <span style={{ fontSize: 13, color: \"#cbd5e1\" }}>{msg.message}</span>\n            </div>\n            <div style={{ display: \"flex\", alignItems: \"center\", gap: 8, flexShrink: 0 }}>\n              <span style={{ fontSize: 11, color: \"#475569\" }}>\n                {new Date(msg.created_at + \"Z\").toLocaleString([], { month: \"short\", day: \"numeric\", hour: \"2-digit\", minute: \"2-digit\" })}\n              </span>\n              <button\n                onClick={() => 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              >🗑️</button>\n            </div>\n          </div>\n        ))}\n        {messages.length === 0 && (\n          <div style={{ textAlign: \"center\", padding: 40, color: \"#475569\" }}>No messages yet</div>\n        )}\n      </div>\n    </div>\n  );\n}\n",[],[150,232,286],"048633c4-5788-11f1-ac23-ee650bb23af1",7,["D",1779637712819],[182,183,184,185,186,187,188,189,190],[150,232],["D",1779637709231],[181,191,192,193],[150],"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",[],[157,302],"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",[],[157,318,310],"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",[],[157,318,320],"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",[],[157,318,328],"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",[],[157,318,336],"046d519c-5788-11f1-ac23-ee650bb23af1",6,["D",1779637712650],[175,176,177,178],[157,318],["D",1779637708797],[174,179],[157],["D",1779637669836],["D",1789498239291],{"_105":104,"_113":109},{"_105":104,"_106":107,"_108":109,"_19":60,"_110":111,"_112":30},{"_13":94,"_37":95,"_48":47,"_96":49,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":-5,"_102":50,"_103":104},"ctx",{"_87":-5,"_132":389,"_390":391,"_392":393,"_394":30,"_395":30,"_396":30,"_397":64,"_398":-5,"_399":-7,"_400":-7,"_401":68,"_402":30,"_403":30,"_404":-5,"_405":30,"_406":30,"_407":30,"_408":-5},"ENV",{"_360":361,"_362":363,"_364":95,"_365":366,"_367":368,"_369":370,"_371":372,"_373":374,"_375":376,"_377":378,"_379":380,"_381":382,"_383":384,"_385":386,"_387":388},"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"]
</article></body></html>

Diff · v24