[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_254":255,"_256":257},"routes/_app.x.$handle.$name",{"_107":106,"_38":52,"_116":97,"_33":117,"_13":14,"_118":-5,"_11":119,"_120":121,"_122":123,"_124":125,"_126":127,"_26":-5,"_128":-5,"_129":-5,"_130":31,"_131":132,"_133":66,"_134":-5,"_135":-5,"_136":137},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_50":51,"_38":52,"_45":53,"_54":-5,"_55":31,"_56":57,"_58":57,"_59":60,"_61":-5,"_19":62,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":70,"_71":72,"_73":74,"_75":76,"_77":78,"_79":-5,"_80":81,"_82":81,"_83":84,"_85":84,"_86":84,"_87":81,"_88":81,"_89":90,"_91":92,"_93":94,"_95":31},"version",11,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","78cb869e-4fa4-4d97-912b-9b7d214c64d3","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":39,"_40":41,"_42":44,"_45":46,"_47":14,"_48":49,"_30":31},"previous",{"_36":37,"_38":39,"_40":41,"_42":43},"deleted",false,"deletedHere","path","frontend/components/Sidebar.tsx","latestPath","fileId","5a0fc368-89f2-11f1-a564-1607ee4eb77e","name","Sidebar.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, type ReactNode } from \"https://esm.sh/react@18.2.0\";\nimport {\n HomeIcon,\n GroupsIcon,\n ChatIcon,\n BookIcon,\n MegaphoneIcon,\n CalendarIcon,\n ShoppingIcon,\n SparklesIcon,\n UserIcon,\n SettingsIcon,\n SearchIcon,\n BellIcon,\n} from \"./icons.tsx\";\n\ntype NavItem = {\n label: string;\n icon: ReactNode;\n badge?: string;\n};\n\nconst navItems: NavItem[] = [\n { label: \"Home\", icon: },\n { label: \"Academic Groups\", icon: },\n { label: \"Chats\", icon: , badge: \"5\" },\n { label: \"Study Materials\", icon: },\n { label: \"Announcements\", icon: , badge: \"3\" },\n { label: \"Exam Schedule\", icon: },\n { label: \"Marketplace\", icon: },\n { label: \"AI Assistant\", icon: },\n { label: \"Profile\", icon: },\n { label: \"Settings\", icon: },\n];\n\nfunction MergeLogo() {\n return (\n

\n \n

Merge

Student Platform

\n );\n}\n\nexport function Sidebar() {\n const [active, setActive] = useState(\"Home\");\n\n return (\n

\n {/* Logo */}\n

\n \n

\n\n {/* Search */}\n

\n \n \n

\n\n {/* Navigation */}\n

\n {navItems.map((item) => {\n const isActive = active === item.label;\n return (\n setActive(item.label)}\n className={`w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-all ${\n isActive\n ? \"bg-blue-50 text-blue-700\"\n : \"text-gray-600 hover:bg-gray-50 hover:text-gray-900\"\n }`}\n >\n \n {item.icon}\n \n {item.label}\n {item.badge && (\n \n {item.badge}\n \n )}\n \n );\n })}\n

\n\n {/* User card */}\n

\n EG\n

Elif Güneş

Computer Science · 3rd Year

\n \n

\n );\n}\n","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, type ReactNode } from \"https://esm.sh/react@18.2.0\";\nimport {\n HomeIcon,\n GroupsIcon,\n ChatIcon,\n BookIcon,\n MegaphoneIcon,\n CalendarIcon,\n ShoppingIcon,\n SparklesIcon,\n UserIcon,\n SettingsIcon,\n SearchIcon,\n BellIcon,\n} from \"./icons.tsx\";\n\ntype NavItem = {\n label: string;\n icon: ReactNode;\n badge?: string;\n};\n\nconst navItems: NavItem[] = [\n { label: \"Home\", icon: },\n { label: \"Academic Groups\", icon: },\n { label: \"Chats\", icon: , badge: \"5\" },\n { label: \"Study Materials\", icon: },\n { label: \"Announcements\", icon: , badge: \"3\" },\n { label: \"Exam Schedule\", icon: },\n { label: \"Marketplace\", icon: },\n { label: \"AI Assistant\", icon: },\n { label: \"Profile\", icon: },\n { label: \"Settings\", icon: },\n];\n\nfunction MergeLogo() {\n return (\n

\n \n

Merge

Student Platform

\n );\n}\n\nexport function Sidebar() {\n const [active, setActive] = useState(\"Home\");\n\n return (\n

\n {/* Logo */}\n

\n \n

\n\n {/* Search */}\n

\n \n \n

\n\n {/* Navigation */}\n

\n\n {/* User card */}\n

\n EG\n

Elif Güneş

Computer Science · 3rd Year

\n \n

\n );\n}\n","createdAt",["D",1785181246203],"branchVersion","branchId","bb7cf719-e5ef-4704-a966-a94535fa74fc","id","e0eb47f0-f69c-4317-98be-8197de4037da","merge-student-platform",["D",1785180550017],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Merge - unified student platform: academics, AI and marketplace","imageUrl","23168f40-acc5-47bd-b24a-e926a9c4a832","pinnedFileId","019fa512-6a27-7049-b6b8-0cae91f24a22","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019fa50d-00a4-7378-8dfd-f846f7c60e02","tursoName","e0eb47f0f69c431798be8197de4037da","tursoHostname","e0eb47f0f69c431798be8197de4037da-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789474235934],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_107":106,"_115":111},"org",{"_107":106,"_108":109,"_110":111,"_19":62,"_112":113,"_114":31},"branch",{"_13":96,"_38":97,"_50":49,"_98":51,"_99":-5,"_100":-5,"_101":-5,"_102":-5,"_103":-5,"_104":52,"_105":106},"isOwned",12,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","gizemksoy","handle","displayName","Gizem Öksoy","avatar","https://lh3.googleusercontent.com/a/ACg8ocKK_6ksYl0wD9vHvBU12uaETa2_BwBrbR1U1ZQ1cFCGdA5fNQ=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_50":51,"_38":52,"_45":249,"_54":-5,"_55":31,"_56":57,"_58":57,"_59":60,"_61":-5,"_19":62,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":70,"_71":72,"_73":74,"_75":76,"_77":250,"_79":-5,"_80":81,"_82":81,"_83":84,"_85":84,"_86":84,"_87":81,"_88":81,"_89":251,"_91":252,"_93":253,"_95":31},"tree",[166,176],"files",[166,167,168,169,170,171,172,173,174,175,176],"counts",{"_156":70,"_157":143,"_158":70,"_159":160,"_161":162},"contents",[138,139],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_50":150,"_38":151,"_36":152,"_142":-5,"_48":49,"_47":143,"_144":66,"_45":153,"_13":70,"_40":154,"_42":-5,"_30":31,"_148":-5,"_33":155},{"_50":140,"_38":141,"_36":64,"_142":-5,"_48":49,"_47":143,"_144":66,"_45":145,"_13":70,"_40":146,"_42":147,"_30":31,"_148":-5,"_33":149},"6d7a3a57-be8c-4194-aef8-4bf0d3e9b89d","index.ts","parentId",1,"latest",["D",1785180875307],"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err) => Promise.reject(err));\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;\n","label",[141],"018fbd56-563f-4219-a084-e1a12c60b58b","frontend","019fa512-6a28-726d-9615-4f551cdf9e32",["D",1785180875307],"directory",[151],"pulls","branches","forks","envVars",{"_163":70,"_165":70},"connections",{"_163":70,"_164":70},"count","unfilledCount","emptyCount",{"_50":150,"_38":151,"_36":152,"_142":-5,"_48":49,"_47":143,"_144":66,"_45":246,"_13":70,"_40":154,"_42":-5,"_30":31,"_148":-5,"_178":247,"_33":248},{"_50":242,"_38":213,"_36":207,"_142":152,"_48":49,"_47":143,"_144":66,"_45":243,"_13":70,"_40":154,"_42":-5,"_30":31,"_148":-5,"_178":244,"_33":245},{"_50":234,"_38":235,"_36":236,"_142":207,"_48":49,"_47":237,"_144":66,"_45":238,"_13":143,"_40":41,"_42":239,"_30":31,"_148":-5,"_178":240,"_33":241},{"_50":226,"_38":227,"_36":228,"_142":207,"_48":49,"_47":229,"_144":66,"_45":230,"_13":70,"_40":41,"_42":231,"_30":31,"_148":-5,"_178":232,"_33":233},{"_50":218,"_38":219,"_36":220,"_142":207,"_48":49,"_47":221,"_144":66,"_45":222,"_13":70,"_40":41,"_42":223,"_30":31,"_148":-5,"_178":224,"_33":225},{"_50":214,"_38":39,"_36":37,"_142":207,"_48":49,"_47":14,"_144":31,"_45":215,"_13":143,"_40":41,"_42":44,"_30":31,"_148":-5,"_178":216,"_33":217},{"_50":204,"_38":205,"_36":206,"_142":207,"_48":49,"_47":208,"_144":66,"_45":209,"_13":70,"_40":41,"_42":210,"_30":31,"_148":-5,"_178":211,"_33":212},{"_50":196,"_38":197,"_36":198,"_142":152,"_48":49,"_47":199,"_144":66,"_45":200,"_13":191,"_40":26,"_42":201,"_30":31,"_148":-5,"_178":202,"_33":203},{"_50":188,"_38":189,"_36":190,"_142":152,"_48":49,"_47":191,"_144":66,"_45":192,"_13":143,"_40":26,"_42":193,"_30":31,"_148":-5,"_178":194,"_33":195},{"_50":181,"_38":182,"_36":183,"_142":152,"_48":49,"_47":143,"_144":66,"_45":184,"_13":70,"_40":41,"_42":185,"_30":31,"_148":-5,"_178":186,"_33":187},{"_50":140,"_38":141,"_36":64,"_142":-5,"_48":49,"_47":143,"_144":66,"_45":177,"_13":70,"_40":146,"_42":147,"_30":31,"_148":-5,"_178":179,"_33":180},["D",1785180875307],"children",[],[141],"5a7ec148-308d-4726-a273-12e848709b0c","index.tsx","019fa512-6a28-726d-9615-6756047b8e4a",["D",1785180875307],"/** @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) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[151,182],"fabee19d-2dd3-422a-a69a-846b57f175f6","index.html","019fa512-6a28-726d-9615-607d20d36208",2,["D",1785180889292],"\n\n \n \n \n Merge — Student Platform\n \n \n \n \n \n \n \n \n

\n \n \n \n\n",[],[151,189],"978d336d-41f3-4d90-bb24-ff73b750ca49","favicon.svg","019fa512-6a28-726d-9615-5d40b508ab7c",10,["D",1785181235023],"\n",[],[151,197],"17c34cde-c37a-41a1-ae2d-eea2f5e73d10","icons.tsx","4eea93dc-89f2-11f1-9825-1607ee4eb77e","019fa512-6a28-726d-9615-50f375512ac1",4,["D",1785180922418],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ntype IconProps = {\n size?: number;\n className?: string;\n};\n\nconst base = (size: number = 20) => ({\n width: size,\n height: size,\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: 2,\n strokeLinecap: \"round\" as const,\n strokeLinejoin: \"round\" as const,\n});\n\nexport const HomeIcon = ({ size, className }: IconProps) => (\n \n);\n\nexport const GroupsIcon = ({ size, className }: IconProps) => (\n \n);\n\nexport const ChatIcon = ({ size, className }: IconProps) => (\n \n);\n\nexport const BookIcon = ({ size, className }: IconProps) => (\n \n);\n\nexport const MegaphoneIcon = ({ size, className }: IconProps) => (\n \n);\n\nexport const CalendarIcon = ({ size, className }: IconProps) => (\n \n);\n\nexport const ShoppingIcon = ({ size, className }: IconProps) => (\n \n);\n\nexport const SparklesIcon = ({ size, className }: IconProps) => (\n \n);\n\nexport const UserIcon = ({ size, className }: IconProps) => (\n \n);\n\nexport const SettingsIcon = ({ size, className }: IconProps) => (\n \n);\n\nexport const SearchIcon = ({ size, className }: IconProps) => (\n \n);\n\nexport const BellIcon = ({ size, className }: IconProps) => (\n \n);\n\nexport const SendIcon = ({ size, className }: IconProps) => (\n \n);\n\nexport const ClockIcon = ({ size, className }: IconProps) => (\n \n);\n\nexport const FileTextIcon = ({ size, className }: IconProps) => (\n \n);\n\nexport const CheckCircleIcon = ({ size, className }: IconProps) => (\n \n);\n\nexport const VerifiedIcon = ({ size, className }: IconProps) => (\n \n);\n\nexport const UsersIcon = ({ size, className }: IconProps) => (\n \n);\n\nexport const BookmarkIcon = ({ size, className }: IconProps) => (\n \n);\n\nexport const TrendingIcon = ({ size, className }: IconProps) => (\n \n);\n\nexport const TagIcon = ({ size, className }: IconProps) => (\n \n);\n",[],[151,213,205],"components","e013ba7f-868e-4105-a243-ee273322bea8",["D",1785181246203],[],[151,213,39],"92e59947-5797-4d6d-8e5c-b132e9175655","RightPanel.tsx","84f7e902-89f2-11f1-b05d-1607ee4eb77e",7,["D",1785181013103],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, type ReactNode } from \"https://esm.sh/react@18.2.0\";\nimport {\n SparklesIcon,\n SendIcon,\n ShoppingIcon,\n CalendarIcon,\n MegaphoneIcon,\n BookIcon,\n TagIcon,\n ClockIcon,\n FileTextIcon,\n CheckCircleIcon,\n} from \"./icons.tsx\";\n\n/* ── AI Assistant ── */\n\nconst aiQuickActions = [\n { label: \"Explain a topic\", icon: },\n { label: \"Summarize notes\", icon: },\n { label: \"Create study plan\", icon: },\n];\n\nfunction AIAssistant() {\n const [messages] = useState([\n { role: \"ai\", text: \"Hi Elif! I'm your Merge AI study companion. I can help you explain topics, summarize materials, or plan your study schedule.\" },\n ]);\n const [input, setInput] = useState(\"\");\n\n return (\n

\n {/* Header */}\n

\n \n

Merge AI Assistant

Academic support · always available

\n \n Online\n \n

\n\n {/* Message preview */}\n

{messages[0].text}

\n\n {/* Quick actions */}\n

\n {aiQuickActions.map((a) => (\n \n {a.icon}\n {a.label}\n \n ))}\n

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

\n setInput(e.target.value)}\n placeholder=\"Ask about any academic topic...\"\n className=\"flex-1 bg-transparent text-[12px] text-white placeholder:text-blue-200/70 outline-none\"\n />\n \n

\n );\n}\n\n/* ── Marketplace ── */\n\nconst marketplaceItems = [\n { title: \"Data Structures — Complete Notes\", seller: \"Ada K.\", price: \"₺45\", tag: \"Notes\", icon: , color: \"bg-blue-50 text-blue-600\" },\n { title: \"Private Calculus Tutoring\", seller: \"Mert Y.\", price: \"₺80/hr\", tag: \"Tutoring\", icon: , color: \"bg-teal-50 text-teal-600\" },\n { title: \"Professional CV Preparation\", seller: \"Zeynep A.\", price: \"₺120\", tag: \"Service\", icon: , color: \"bg-indigo-50 text-indigo-600\" },\n { title: \"Web Project & Design Service\", seller: \"Can Ö.\", price: \"₺250\", tag: \"Project\", icon: , color: \"bg-purple-50 text-purple-600\" },\n];\n\nfunction MarketplaceCard({ item }: { item: typeof marketplaceItems[number] }) {\n return (\n

\n {item.icon}\n

{item.title}

by {item.seller} · {item.tag}

\n {item.price}\n

\n );\n}\n\nfunction Marketplace() {\n return (\n

\n \n

Marketplace

\n \n

\n {marketplaceItems.map((item) => )}\n

\n \n

\n );\n}\n\n/* ── Upcoming Info ── */\n\nconst upcomingExams = [\n { course: \"Data Structures\", date: \"Mar 18\", time: \"10:00\", room: \"Hall A-101\" },\n { course: \"Linear Algebra\", date: \"Mar 22\", time: \"14:00\", room: \"Hall B-203\" },\n { course: \"Database Systems\", date: \"Mar 26\", time: \"09:00\", room: \"Hall A-105\" },\n];\n\nconst recentAnnouncements = [\n { title: \"Spring internship applications due March 15\", time: \"1h ago\" },\n { title: \"New study room booking system live\", time: \"3h ago\" },\n { title: \"Student union election results announced\", time: \"6h ago\" },\n];\n\nfunction UpcomingInfo() {\n return (\n

\n \n

Upcoming

\n\n {/* Exams */}\n

\n Exams\n

\n {upcomingExams.map((e) => (\n

\n MAR\n {e.date.split(\" \")[1]}\n

{e.course}

{e.time} · {e.room}

\n ))}\n

\n\n {/* Recent Announcements */}\n

\n Announcements\n

\n {recentAnnouncements.map((a) => (\n

{a.title}

{a.time}

\n ))}\n

\n );\n}\n\n/* ── main export ── */\n\nexport function RightPanel() {\n return (\n \n );\n}\n",[],[151,213,219],"132c8f09-98e3-4797-98f7-9293a0655638","CenterArea.tsx","76e2f21c-89f2-11f1-b68c-1607ee4eb77e",6,["D",1785180989480],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { type ReactNode } from \"https://esm.sh/react@18.2.0\";\nimport {\n MegaphoneIcon,\n CalendarIcon,\n FileTextIcon,\n GroupsIcon,\n ChatIcon,\n VerifiedIcon,\n UsersIcon,\n ClockIcon,\n BookmarkIcon,\n TrendingIcon,\n} from \"./icons.tsx\";\n\n/* ── helpers ── */\n\nfunction SectionHeader({ icon, title, action }: { icon: ReactNode; title: string; action?: string }) {\n return (\n

\n {icon}\n

{title}

\n {action && (\n \n )}\n

\n );\n}\n\n/* ── data ── */\n\nconst announcements = [\n {\n tag: \"Faculty\",\n tagColor: \"bg-blue-50 text-blue-600\",\n title: \"Midterm Exam Registration Opens Monday\",\n body: \"Registration for Spring midterms opens on March 11 at 09:00. Secure your seat early for popular courses.\",\n time: \"2h ago\",\n source: \"Faculty of Engineering\",\n verified: true,\n },\n {\n tag: \"Department\",\n tagColor: \"bg-teal-50 text-teal-600\",\n title: \"Data Structures — Project Guidelines Updated\",\n body: \"New project requirements and submission template are now available in the Study Materials section.\",\n time: \"5h ago\",\n source: \"CS Department\",\n verified: true,\n },\n {\n tag: \"Library\",\n tagColor: \"bg-amber-50 text-amber-600\",\n title: \"Extended Library Hours During Exam Week\",\n body: \"The central library will be open 08:00 – 24:00 from March 18 to March 29 to support exam preparation.\",\n time: \"1d ago\",\n source: \"University Library\",\n verified: true,\n },\n];\n\nconst deadlines = [\n { course: \"Data Structures\", task: \"Programming Assignment 3\", date: \"Mar 8\", time: \"23:59\", urgent: true },\n { course: \"Linear Algebra\", task: \"Problem Set 5\", date: \"Mar 11\", time: \"12:00\", urgent: true },\n { course: \"Database Systems\", task: \"ER Diagram Submission\", date: \"Mar 14\", time: \"18:00\", urgent: false },\n];\n\nconst studyMaterials = [\n { title: \"Algorithms — Sorting Cheatsheet\", type: \"PDF\", size: \"1.2 MB\", course: \"CS 201\", uploads: 42 },\n { title: \"Linear Algebra — Final Review Notes\", type: \"PDF\", size: \"3.4 MB\", course: \"MATH 204\", uploads: 67 },\n { title: \"Database Schema Design Lab\", type: \"ZIP\", size: \"890 KB\", course: \"CS 301\", uploads: 28 },\n { title: \"Operating Systems — Process Slides\", type: \"PPT\", size: \"2.1 MB\", course: \"CS 303\", uploads: 51 },\n];\n\nconst groupActivity = [\n {\n name: \"CS 301 — Database Systems\",\n members: 84,\n lastActive: \"12 min ago\",\n update: \"Mert shared a new ER diagram template for the upcoming project.\",\n color: \"from-blue-500 to-blue-600\",\n },\n {\n name: \"MATH 204 — Linear Algebra\",\n members: 120,\n lastActive: \"1h ago\",\n update: \"New discussion started: Eigenvalues practice problems for midterm.\",\n color: \"from-teal-500 to-teal-600\",\n },\n {\n name: \"CS 201 — Algorithms & Complexity\",\n members: 96,\n lastActive: \"3h ago\",\n update: \"Zeynep uploaded sorting algorithm visualizations pack.\",\n color: \"from-indigo-500 to-indigo-600\",\n },\n];\n\nconst discussions = [\n { author: \"Deniz Yıldırım\", group: \"CS 301 — Database Systems\", preview: \"Has anyone tried normalizing the schema with the 3NF approach from slide 14?\", time: \"8 min ago\", replies: 7 },\n { author: \"Can Öztürk\", group: \"MATH 204 — Linear Algebra\", preview: \"The eigenvector example in the notes has a typo — should be λ=3 not λ=2.\", time: \"32 min ago\", replies: 3 },\n { author: \"Ada Korkmaz\", group: \"CS 201 — Algorithms\", preview: \"Quick tip for the sorting assignment: test with edge cases where n ≤ 3.\", time: \"1h ago\", replies: 12 },\n];\n\n/* ── cards ── */\n\nfunction AnnouncementCard({ a }: { a: typeof announcements[number] }) {\n return (\n

\n {a.tag}\n {a.time}\n

{a.title}

{a.body}

\n {a.source}\n {a.verified && }\n

\n );\n}\n\nfunction DeadlineRow({ d }: { d: typeof deadlines[number] }) {\n return (\n

\n MAR\n \n {d.date.split(\" \")[1]}\n \n

{d.task}

{d.course} · Due {d.time}

\n {d.urgent && (\n Urgent\n )}\n

\n );\n}\n\nfunction MaterialCard({ m }: { m: typeof studyMaterials[number] }) {\n const typeColors: Record = {\n PDF: \"bg-red-50 text-red-500\",\n ZIP: \"bg-amber-50 text-amber-600\",\n PPT: \"bg-orange-50 text-orange-500\",\n };\n return (\n

\n \n

{m.title}

{m.course} · {m.size} · {m.uploads} downloads

\n \n

\n );\n}\n\nfunction GroupCard({ g }: { g: typeof groupActivity[number] }) {\n return (\n

\n \n

{g.name}

\n \n

\n {g.members}\n ·\n {g.lastActive}\n

{g.update}

\n );\n}\n\nfunction DiscussionRow({ d }: { d: typeof discussions[number] }) {\n return (\n

\n {d.author.split(\" \").map((n) => n[0]).join(\"\")}\n

\n {d.author}\n · {d.time}\n

{d.group}

{d.preview}

\n {d.replies} replies\n

\n );\n}\n\n/* ── main export ── */\n\nexport function CenterArea() {\n return (\n

\n {/* Header */}\n

Welcome back, Elif

\n 👋\n

Here's what's happening across your academic life today.

\n\n {/* Quick stats row */}\n

\n {[\n { label: \"Active Groups\", value: \"6\", icon: , color: \"text-blue-600 bg-blue-50\" },\n { label: \"Pending Deadlines\", value: \"3\", icon: , color: \"text-red-500 bg-red-50\" },\n { label: \"New Materials\", value: \"12\", icon: , color: \"text-teal-600 bg-teal-50\" },\n ].map((s) => (\n

\n {s.icon}\n

{s.value}

{s.label}

\n ))}\n

\n\n {/* Announcements */}\n

\n } title=\"Academic Announcements\" action=\"View all\" />\n

\n {announcements.map((a) => )}\n

\n\n {/* Deadlines */}\n

\n } title=\"Upcoming Deadlines\" action=\"Exam schedule\" />\n

\n {deadlines.map((d) => )}\n

\n\n {/* Study Materials */}\n

\n } title=\"Recent Study Materials\" action=\"Browse all\" />\n

\n {studyMaterials.map((m) => )}\n

\n\n {/* Group Activity */}\n

\n } title=\"Academic Group Activity\" action=\"My groups\" />\n

\n {groupActivity.map((g) => )}\n

\n\n {/* Recent Discussions */}\n

\n } title=\"Recent Discussions\" action=\"Open chats\" />\n

\n {discussions.map((d) => )}\n

\n\n {/* Footer */}\n

\n view source\n

\n );\n}\n",[],[151,213,227],"c9458ec3-1421-4d96-a12b-65246a4603ce","App.tsx","019fa512-6a28-726d-9615-567994104247",9,["D",1785181016840],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Sidebar } from \"./Sidebar.tsx\";\nimport { CenterArea } from \"./CenterArea.tsx\";\nimport { RightPanel } from \"./RightPanel.tsx\";\n\nexport function App() {\n return (\n

\n \n \n \n

\n );\n}\n",[],[151,213,235],"1da4ef69-0bf2-4629-bcb1-fa58727e1666",["D",1785180875307],[168,169,170,171,172],[151,213],["D",1785180875307],[167,173,174,175],[151],["D",1785180550017],["D",1789474235934],{"_107":106,"_115":111},{"_107":106,"_108":109,"_110":111,"_19":62,"_112":113,"_114":31},{"_13":96,"_38":97,"_50":49,"_98":51,"_99":-5,"_100":-5,"_101":-5,"_102":-5,"_103":-5,"_104":52,"_105":106},"ctx",{"_89":-5,"_135":287,"_288":289,"_290":291,"_292":31,"_293":31,"_294":31,"_295":66,"_296":-5,"_297":-7,"_298":-7,"_299":70,"_300":31,"_301":31,"_302":-5,"_303":31,"_304":31,"_305":31,"_306":-5},"ENV",{"_258":259,"_260":261,"_262":97,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286},"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"]

Diff · v11