[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_316":317,"_318":319},"routes/_app.x.$handle.$name",{"_112":111,"_38":52,"_121":98,"_33":122,"_13":14,"_123":-5,"_11":124,"_125":126,"_127":128,"_129":130,"_131":132,"_26":-5,"_133":134,"_135":136,"_137":31,"_138":139,"_140":67,"_141":-5,"_142":-5,"_143":144},"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":62,"_19":63,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":71,"_72":73,"_74":75,"_76":77,"_78":79,"_80":-5,"_81":82,"_83":82,"_84":85,"_86":85,"_87":85,"_88":82,"_89":82,"_90":91,"_92":93,"_94":95,"_96":31},"version",13,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","e5bef5d9-12cf-413d-b7ee-1f9d07d7cb0c","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/Dashboard.tsx","latestPath","fileId","f65d745a-7be6-11f1-bd42-1607ee4eb77e","name","Dashboard.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport * as Icons from \"./icons.tsx\";\nimport { C, StatCard, StatusChip, PriorityBadge, Avatar, ConfidenceMeter } from \"./ui.tsx\";\nimport { incidents, alerts, activityFeed, analyticsData, currentUser } from \"../data/mockData.ts\";\n\nfunction SafetyGauge({ score }: { score: number }) {\n const r = 54, circ = 2 * Math.PI * r, off = circ - (score / 100) * circ;\n const color = score >= 80 ? C.success : score >= 70 ? C.warning : C.danger;\n return (\n

\n \n

{score}

Safety

\n );\n}\n\nexport function Dashboard({ onNavigate, onSelectIncident }: { onNavigate: (p: string) => void; onSelectIncident: (id: string) => void }) {\n const s = analyticsData.stats;\n const activeIncidents = incidents.filter(i => i.status === \"verified\" || i.status === \"pending\");\n const recentActivity = activityFeed.slice(0, 6);\n const maxWeekly = Math.max(...analyticsData.weeklyIncidents.map(d => d.count));\n\n return (\n

Good evening, {currentUser.name.split(\" \")[0]}

Community safety overview for {currentUser.community}

\n \n \n

\n\n

\n } trend=\"+12%\" trendUp color={C.primary} />\n } trend=\"-3\" trendUp color={C.warning} />\n } trend=\"+8%\" trendUp color={C.success} />\n } color={C.info} />\n

\n );\n}\n","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport * as Icons from \"./icons.tsx\";\nimport { C, StatCard, StatusChip, PriorityBadge, Avatar, ConfidenceMeter } from \"./ui.tsx\";\nimport { incidents, alerts, activityFeed, analyticsData, currentUser } from \"../data/mockData.ts\";\n\nfunction SafetyGauge({ score }: { score: number }) {\n const r = 54, circ = 2 * Math.PI * r, off = circ - (score / 100) * circ;\n const color = score >= 80 ? C.success : score >= 70 ? C.warning : C.danger;\n return (\n

\n \n

{score}

Safety

Good evening, {currentUser.name.split(\" \")[0]}

Community safety overview for {currentUser.community}

\n \n \n

\n\n

\n } trend=\"+12%\" trendUp color={C.primary} />\n } trend=\"-3\" trendUp color={C.warning} />\n } trend=\"+8%\" trendUp color={C.success} />\n } color={C.info} />\n

\n\n

\n {/* Left column */}\n

\n {/* Safety Score + Weekly Chart */}\n

Community Health

\n \n

\n = 80 ? C.success : C.warning }}>{s.communityHealthScore >= 80 ? \"Good\" : \"Moderate\"}\n

Weekly Incident Reports

Last 7 days

\n {s.reportsToday}\n

\n {analyticsData.weeklyIncidents.map((d, i) => (\n

{d.count}

{d.day}

\n ))}\n

\n\n {/* Active Incidents */}\n

Active Incidents

\n \n

\n {activeIncidents.slice(0, 4).map(inc => (\n

onSelectIncident(inc.id)} className=\"flex items-center gap-4 cursor-pointer hover:bg-[#F8F9FC] transition-colors\" style={{ padding: \"12px 14px\", borderRadius: 12, border: \"1px solid #F1F5F9\" }}>\n

\n {inc.category === \"Robbery\" ? : inc.category === \"Fire\" ? : inc.category === \"Flood\" ? : inc.category === \"Suspicious Activity\" ? : inc.category === \"Vandalism\" ? : }\n

{inc.title}

\n {inc.location.split(\",\")[0]}\n · {inc.distance}\n

\n \n \n

\n ))}\n

\n\n {/* Right column */}\n

\n {/* Urgent Alerts */}\n

Urgent Alerts

\n \n

\n {alerts.filter(a => a.type === \"urgent\" || a.type === \"verified\").slice(0, 3).map(a => (\n

{a.type === \"urgent\" ? : }

{a.title}

{a.message.slice(0, 80)}...

{a.date}

\n ))}\n

\n\n {/* Activity Feed */}\n

Recent Activity

\n {recentActivity.map(a => {\n const icons: any = { report: , verification: , alert: , join: , resolution: };\n const colors: any = { report: C.primary, verification: C.success, alert: C.warning, join: C.info, resolution: C.success };\n return (\n

{icons[a.type]}

{a.description}

{a.actor} · {a.time}

\n );\n })}\n

\n );\n}\n","createdAt",["D",1783636759031],"branchVersion","branchId","4a7c9263-b213-409e-8852-5e83a517fbc6","id","80421981-eedd-4071-8439-fd672d646ae6","watchly",["D",1783636320055],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Community Safety Intelligence & Incident Verification Platform","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789574399&sig=a8d51a028376b0f18dea863670f2a5f39dc2eca62054b0c7661bee5c0457fba4","1a9eeb70-ecd0-11ef-8139-5783405cc753","pinnedFileId","019f4902-5fa0-75aa-98a0-0cd4f1d903ed","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","a9f68d39-ee70-4923-b310-99878e5da7a6","tursoName","80421981eedd40718439fd672d646ae6","tursoHostname","80421981eedd40718439fd672d646ae6-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789525245864],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_112":111,"_120":116},"org",{"_112":111,"_113":114,"_115":116,"_19":63,"_117":118,"_119":31},"branch",{"_13":97,"_38":98,"_50":49,"_99":51,"_100":101,"_102":103,"_104":57,"_105":106,"_107":108,"_109":52,"_110":111},"isOwned",26,"main","projectId","forkedBranchId","961078ea-f528-11ef-aa68-569c3dd06744","forkedBranchVersion",89,"forkedProjectPrivacy","forkedProjectId","96102714-f528-11ef-aa68-569c3dd06744","forkedProjectOrgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","userHandle","Izuhbel","handle","displayName","Adaobi Onyenaucheya","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/647c69ec-8d72-426b-8ad6-0ba13ab45600/square512?exp=1789574399&sig=eb1778d33a6742220aeaadac891a440e6a595c14858f45b1b1ad0bea0a7426ea","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_50":51,"_38":52,"_45":311,"_54":-5,"_55":31,"_56":57,"_58":57,"_59":60,"_61":62,"_19":63,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":71,"_72":73,"_74":75,"_76":77,"_78":312,"_80":-5,"_81":82,"_83":82,"_84":85,"_86":85,"_87":85,"_88":82,"_89":82,"_90":313,"_92":314,"_94":315,"_96":31},"tree",[191,205,206],"files",[191,192,193,194,195,196,197,198,199,200,201,202,203,204,205,206],"counts",{"_181":71,"_182":162,"_183":71,"_184":185,"_186":187},"contents",[156,157,158],"upstreamProject",{"_50":106,"_38":152,"_59":153,"_61":62,"_56":57,"_90":154},"upstreamBranch",{"_50":101,"_45":145,"_146":147,"_38":98,"_99":106,"_13":148,"_100":-5,"_102":-5,"_149":150,"_54":-5,"_96":31,"_56":57,"_110":151,"_72":108,"_109":152},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],"updatedAt",["D",1785420707976],91,"lockfileKey","1785420708123-esm.town_v_templates_react-hono-starter@91-main","templates","react-hono-starter","Starter template with client-side React & Hono server",{"_112":151,"_120":155},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789574399&sig=3d6a0be010e77940e58f104bd06b986c1fe4f3a57bc9d85e134d5d62fe89a483",{"_50":175,"_38":176,"_36":177,"_161":-5,"_48":49,"_47":162,"_163":67,"_45":178,"_13":71,"_40":179,"_42":-5,"_30":31,"_167":-5,"_33":180},{"_50":169,"_38":170,"_36":171,"_161":-5,"_48":49,"_47":162,"_163":31,"_45":172,"_13":71,"_40":26,"_42":173,"_30":31,"_167":-5,"_33":174},{"_50":159,"_38":160,"_36":65,"_161":-5,"_48":49,"_47":162,"_163":67,"_45":164,"_13":71,"_40":165,"_42":166,"_30":31,"_167":-5,"_33":168},"ce3ada09-c197-41ff-8f4a-6f78ab48a4b6","index.ts","parentId",1,"latest",["D",1783636320055],"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",[160],"a6ac2720-a2ed-4876-b12b-a52e8c629972","README.md","019f4902-5fa0-75aa-98a0-08574ef36550",["D",1783636320055],"# React + Hono Starter\n\nA minimal starter template for building client-side React apps with a Hono\nbackend on Val Town. Click **Remix** to get your own copy.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| [`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter) | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| **[`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter)** *(you're here)* | Client-side React SPA with a Hono API backend. |\n\n**Want to build UI?** Start writing React components in\n[`frontend/components/`](/frontend/components/). Import them into `App.tsx` and\nyou're good to go. Styling is [Twind](https://twind.style/) — just use Tailwind\nutility classes, zero config.\n\n**Want to add an API?** Add routes in [`index.ts`](/index.ts) (there's a\ncommented-out example). Fetch them from your React components.\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono server)\"]\n Hono -->|serves| HTML[\"index.html\"]\n HTML -->|loads| Entry[\"index.tsx\"]\n Entry -->|renders| App[\"App.tsx\"]\n App -->|renders| Counter[\"Counter.tsx\"]\n```\n\n## File structure\n\n```\nindex.ts ← Hono backend (serves frontend + API routes)\nfrontend/\n index.html ← HTML shell (loads Twind + React)\n index.tsx ← React entrypoint (mounts )\n favicon.svg ← App icon\n components/\n App.tsx ← Root component (layout + view source link)\n Counter.tsx ← Example component with state\n```\n\n## How it works\n\n1. **`index.ts`** is the HTTP entrypoint — a Hono server that serves the\n frontend and any API routes you add.\n2. **`frontend/index.html`** loads Twind and the React entrypoint.\n3. **`frontend/index.tsx`** mounts the React app.\n4. **`frontend/components/App.tsx`** is the root layout — add new components\n alongside it.\n5. **`frontend/components/Counter.tsx`** is an example stateful component —\n replace it with your own!\n\n## Next steps\n\n- Add API routes in `index.ts`\n- Add new components in `frontend/components/`\n- Add a SQLite database — see the\n [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) for\n a full-stack example with database, queries, and shared types\n",[170],"02a52b5e-4774-4025-ab41-3d1d4120bd59","frontend","019f4902-5fa0-75aa-98a0-05da0531ca43",["D",1783636320055],"directory",[176],"pulls","branches","forks","envVars",{"_188":71,"_190":71},"connections",{"_188":71,"_189":71},"count","unfilledCount","emptyCount",{"_50":175,"_38":176,"_36":177,"_161":-5,"_48":49,"_47":162,"_163":67,"_45":308,"_13":71,"_40":179,"_42":-5,"_30":31,"_167":-5,"_208":309,"_33":310},{"_50":304,"_38":261,"_36":255,"_161":177,"_48":49,"_47":162,"_163":67,"_45":305,"_13":71,"_40":179,"_42":-5,"_30":31,"_167":-5,"_208":306,"_33":307},{"_50":297,"_38":298,"_36":299,"_161":255,"_48":49,"_47":162,"_163":31,"_45":300,"_13":71,"_40":41,"_42":301,"_30":31,"_167":-5,"_208":302,"_33":303},{"_50":290,"_38":291,"_36":292,"_161":255,"_48":49,"_47":162,"_163":31,"_45":293,"_13":71,"_40":41,"_42":294,"_30":31,"_167":-5,"_208":295,"_33":296},{"_50":286,"_38":39,"_36":37,"_161":255,"_48":49,"_47":14,"_163":67,"_45":287,"_13":162,"_40":41,"_42":44,"_30":31,"_167":-5,"_208":288,"_33":289},{"_50":278,"_38":279,"_36":280,"_161":255,"_48":49,"_47":281,"_163":67,"_45":282,"_13":71,"_40":41,"_42":283,"_30":31,"_167":-5,"_208":284,"_33":285},{"_50":270,"_38":271,"_36":272,"_161":255,"_48":49,"_47":273,"_163":67,"_45":274,"_13":71,"_40":41,"_42":275,"_30":31,"_167":-5,"_208":276,"_33":277},{"_50":262,"_38":263,"_36":264,"_161":255,"_48":49,"_47":265,"_163":67,"_45":266,"_13":71,"_40":41,"_42":267,"_30":31,"_167":-5,"_208":268,"_33":269},{"_50":252,"_38":253,"_36":254,"_161":255,"_48":49,"_47":256,"_163":67,"_45":257,"_13":224,"_40":41,"_42":258,"_30":31,"_167":-5,"_208":259,"_33":260},{"_50":247,"_38":246,"_36":240,"_161":177,"_48":49,"_47":248,"_163":67,"_45":249,"_13":71,"_40":179,"_42":-5,"_30":31,"_167":-5,"_208":250,"_33":251},{"_50":237,"_38":238,"_36":239,"_161":240,"_48":49,"_47":241,"_163":67,"_45":242,"_13":162,"_40":41,"_42":243,"_30":31,"_167":-5,"_208":244,"_33":245},{"_50":229,"_38":230,"_36":231,"_161":177,"_48":49,"_47":232,"_163":67,"_45":233,"_13":162,"_40":26,"_42":234,"_30":31,"_167":-5,"_208":235,"_33":236},{"_50":221,"_38":222,"_36":223,"_161":177,"_48":49,"_47":224,"_163":67,"_45":225,"_13":162,"_40":26,"_42":226,"_30":31,"_167":-5,"_208":227,"_33":228},{"_50":214,"_38":215,"_36":216,"_161":177,"_48":49,"_47":162,"_163":67,"_45":217,"_13":71,"_40":41,"_42":218,"_30":31,"_167":-5,"_208":219,"_33":220},{"_50":169,"_38":170,"_36":171,"_161":-5,"_48":49,"_47":162,"_163":31,"_45":211,"_13":71,"_40":26,"_42":173,"_30":31,"_167":-5,"_208":212,"_33":213},{"_50":159,"_38":160,"_36":65,"_161":-5,"_48":49,"_47":162,"_163":67,"_45":207,"_13":71,"_40":165,"_42":166,"_30":31,"_167":-5,"_208":209,"_33":210},["D",1783636320055],"children",[],[160],["D",1783636320055],[],[170],"e088da12-5852-4ed2-871a-269f4bfed96f","index.tsx","019f4902-5fa0-75aa-98a0-0151155192f4",["D",1783636320055],"/** @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();",[],[176,215],"e056ddd2-3f92-4fb5-9906-95c62e3569af","index.html","019f4902-5fa0-75aa-989f-fc26e3d3a746",2,["D",1783636373593],"\n\n \n \n \n Watchly — Community Safety Intelligence\n \n \n \n \n \n \n \n

\n \n

Loading Watchly…

\n \n \n \n\n",[],[176,222],"49f36825-b5e0-4700-b59b-520b8219244a","favicon.svg","019f4902-5fa0-75aa-989f-f8c37c5e332d",3,["D",1783636373595],"\n",[],[176,230],"0f79422f-a936-4625-ba3d-b89f70f6367a","mockData.ts","893063e2-7be6-11f1-9593-1607ee4eb77e","aefc58e8-92a3-4c11-8bce-f5c4062f3670",6,["D",1783636575746],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nexport type IncidentStatus = \"pending\" | \"verified\" | \"resolved\" | \"rejected\";\nexport type Priority = \"urgent\" | \"high\" | \"medium\" | \"low\";\nexport type Role = \"resident\" | \"admin\" | \"security\";\n\nexport interface Incident {\n id: string; category: string; title: string; description: string;\n location: string; community: string; date: string; time: string;\n status: IncidentStatus; priority: Priority; confidence: number;\n corroborationCount: number;\n reporter: { name: string; role: Role; initials: string };\n evidence: { type: \"image\" | \"video\"; label: string }[];\n timeline: { time: string; event: string; actor: string }[];\n updates: { author: string; role: Role; text: string; time: string }[];\n distance: string; safetyAdvice: string; relatedReports: number;\n}\n\nexport interface Community {\n id: string; name: string; location: string; members: number;\n safetyScore: number; activeIncidents: number; verifiedThisMonth: number;\n description: string; status: \"active\" | \"pending\";\n}\n\nexport interface Member {\n id: string; name: string; email: string; role: Role; community: string;\n joinedDate: string; status: \"active\" | \"pending\"; reportsFiled: number;\n reportsVerified: number; initials: string;\n}\n\nexport interface Alert {\n id: string; title: string; message: string;\n type: \"urgent\" | \"verified\" | \"notice\" | \"resolved\";\n community: string; date: string; pinned: boolean; recipients: number;\n}\n\nexport interface ActivityItem {\n id: string; type: \"report\" | \"verification\" | \"alert\" | \"join\" | \"resolution\";\n description: string; actor: string; time: string;\n}\n\nexport const incidents: Incident[] = [\n { id:\"INC-2024-001\", category:\"Robbery\", title:\"Armed robbery near Lekki Phase 1 roundabout\", description:\"Two unidentified men on a motorcycle approached a resident at the roundabout near Lekki Phase 1, demanding phones and valuables at gunpoint. Incident occurred around 8:45 PM. Suspects fled towards Chevron Drive.\", location:\"Lekki Phase 1 Roundabout, Lekki\", community:\"Lekki Phase 1 RA\", date:\"2024-07-08\", time:\"20:45\", status:\"verified\", priority:\"urgent\", confidence:92, corroborationCount:7, reporter:{name:\"Adaeze Okonkwo\",role:\"resident\",initials:\"AO\"}, evidence:[{type:\"image\",label:\"Street photo showing motorcycle\"},{type:\"image\",label:\"Damage to vehicle window\"},{type:\"video\",label:\"CCTV footage from nearby shop\"}], timeline:[{time:\"20:45\",event:\"Incident reported by resident\",actor:\"Adaeze Okonkwo\"},{time:\"20:52\",event:\"Alert sent to community members\",actor:\"System\"},{time:\"21:10\",event:\"Security team dispatched to location\",actor:\"Emeka Nwosu\"},{time:\"21:30\",event:\"Corroborated by 3 additional residents\",actor:\"Community\"},{time:\"22:15\",event:\"Verified by community admin\",actor:\"Tunde Bakare\"},{time:\"23:00\",event:\"Police report filed, case reference obtained\",actor:\"Emeka Nwosu\"}], updates:[{author:\"Tunde Bakare\",role:\"admin\",text:\"Incident verified based on multiple witness accounts and CCTV evidence. Community alert has been sent.\",time:\"22:15\"},{author:\"Emeka Nwosu\",role:\"security\",text:\"Patrol team arrived at scene. Area has been secured. Police have been notified and are en route.\",time:\"21:35\"}], distance:\"0.8 km\", safetyAdvice:\"Avoid the Lekki Phase 1 roundabout area after 8 PM. Travel in groups when possible and keep emergency contacts saved. Report any suspicious motorcycle activity to community security.\", relatedReports:3 },\n { id:\"INC-2024-002\", category:\"Suspicious Activity\", title:\"Unidentified individuals loitering near Chevron Estate gate\", description:\"Three men were observed standing near the Chevron Estate main gate for over 30 minutes without apparent purpose. They left when security approached but returned 15 minutes later.\", location:\"Chevron Estate Gate 2, Lekki\", community:\"Chevron Estate\", date:\"2024-07-08\", time:\"14:20\", status:\"pending\", priority:\"medium\", confidence:58, corroborationCount:2, reporter:{name:\"Chidi Eze\",role:\"resident\",initials:\"CE\"}, evidence:[{type:\"image\",label:\"Photo from car window\"}], timeline:[{time:\"14:20\",event:\"Incident reported by resident\",actor:\"Chidi Eze\"},{time:\"14:35\",event:\"Corroborated by 1 additional resident\",actor:\"Community\"},{time:\"14:50\",event:\"Security team notified for monitoring\",actor:\"System\"}], updates:[], distance:\"1.2 km\", safetyAdvice:\"Remain vigilant. If you observe these individuals again, do not approach. Note physical descriptions and report immediately.\", relatedReports:0 },\n { id:\"INC-2024-003\", category:\"Burglary\", title:\"Home break-in on Gerald Road, Ikoyi\", description:\"Resident returned home to find back door forced open. Jewelry and electronics missing. No signs of forced entry through front. Incident likely occurred between 9 AM and 3 PM while resident was at work.\", location:\"Gerald Road, Ikoyi\", community:\"Ikoyi Community Watch\", date:\"2024-07-07\", time:\"15:30\", status:\"resolved\", priority:\"high\", confidence:88, corroborationCount:4, reporter:{name:\"Funke Adebayo\",role:\"resident\",initials:\"FA\"}, evidence:[{type:\"image\",label:\"Forced back door\"},{type:\"image\",label:\"Missing items inventory\"}], timeline:[{time:\"15:30\",event:\"Incident reported by resident\",actor:\"Funke Adebayo\"},{time:\"15:45\",event:\"Security team arrived at scene\",actor:\"Ibrahim Sule\"},{time:\"16:00\",event:\"Police contacted and report filed\",actor:\"Ibrahim Sule\"},{time:\"16:30\",event:\"Verified by community admin\",actor:\"Tunde Bakare\"},{time:\"18:00\",event:\"Security patrol increased in area\",actor:\"Tunde Bakare\"},{time:\"Jul 09\",event:\"Suspect identified via CCTV. Investigation ongoing.\",actor:\"Ibrahim Sule\"}], updates:[{author:\"Tunde Bakare\",role:\"admin\",text:\"Incident resolved. Security patrol frequency has been doubled for Gerald Road and surrounding streets. Please ensure all entry points are secured.\",time:\"18:00\"}], distance:\"3.5 km\", safetyAdvice:\"Ensure all doors and windows are locked before leaving home. Consider installing motion-sensor lights and a security camera system.\", relatedReports:1 },\n { id:\"INC-2024-004\", category:\"Fire\", title:\"Electrical fire in Trans Amadi industrial area\", description:\"Fire broke out in a warehouse in the Trans Amadi industrial area, likely due to an electrical fault. Fire service responded within 25 minutes. No casualties reported. Nearby residents advised to keep windows closed due to smoke.\", location:\"Trans Amadi Industrial Layout, Port Harcourt\", community:\"Trans Amadi\", date:\"2024-07-07\", time:\"11:15\", status:\"verified\", priority:\"urgent\", confidence:95, corroborationCount:12, reporter:{name:\"Nnamdi Okafor\",role:\"resident\",initials:\"NO\"}, evidence:[{type:\"image\",label:\"Smoke visible from nearby street\"},{type:\"video\",label:\"Fire service response footage\"},{type:\"image\",label:\"Aftermath photo\"}], timeline:[{time:\"11:15\",event:\"Incident reported by resident\",actor:\"Nnamdi Okafor\"},{time:\"11:20\",event:\"Urgent alert sent to all community members\",actor:\"System\"},{time:\"11:30\",event:\"Fire service contacted\",actor:\"Emeka Nwosu\"},{time:\"11:40\",event:\"Fire service arrived on scene\",actor:\"Emeka Nwosu\"},{time:\"12:30\",event:\"Fire contained\",actor:\"Fire Service\"},{time:\"13:00\",event:\"Verified and resolved\",actor:\"Tunde Bakare\"}], updates:[{author:\"Emeka Nwosu\",role:\"security\",text:\"Fire has been contained. Fire service confirms no casualties. Smoke is clearing. Residents can now open windows.\",time:\"12:30\"}], distance:\"5.0 km\", safetyAdvice:\"Ensure your electrical installations are certified by a licensed electrician. Keep fire extinguishers accessible. Know your nearest fire exit and emergency numbers.\", relatedReports:0 },\n { id:\"INC-2024-005\", category:\"Road Accident\", title:\"Two-vehicle collision on Wuse II market road\", description:\"A Toyota Camry and a commercial bus collided near the Wuse II market entrance. Minor injuries reported. Traffic backed up in both directions. Road safety personnel on scene.\", location:\"Aminu Kano Crescent, Wuse II\", community:\"Wuse II\", date:\"2024-07-06\", time:\"17:45\", status:\"resolved\", priority:\"medium\", confidence:85, corroborationCount:6, reporter:{name:\"Aisha Mohammed\",role:\"resident\",initials:\"AM\"}, evidence:[{type:\"image\",label:\"Vehicle damage photo\"},{type:\"image\",label:\"Traffic backup\"}], timeline:[{time:\"17:45\",event:\"Incident reported by resident\",actor:\"Aisha Mohammed\"},{time:\"17:50\",event:\"Traffic alert sent to community\",actor:\"System\"},{time:\"18:00\",event:\"Road safety personnel arrived\",actor:\"FRSC\"},{time:\"18:45\",event:\"Vehicles cleared, traffic normalizing\",actor:\"FRSC\"},{time:\"19:00\",event:\"Incident resolved\",actor:\"Tunde Bakare\"}], updates:[], distance:\"2.1 km\", safetyAdvice:\"Drive cautiously near market areas, especially during peak hours. Maintain safe following distances.\", relatedReports:0 },\n { id:\"INC-2024-006\", category:\"Power Outage\", title:\"Extended power outage in Maitama district\", description:\"Power has been out in the Maitama district since 6 AM. EDC has been contacted and reports a fault with the transformer serving the area. Estimated restoration: 6 PM today.\", location:\"Maitama, Abuja\", community:\"Maitama\", date:\"2024-07-08\", time:\"06:00\", status:\"resolved\", priority:\"low\", confidence:90, corroborationCount:15, reporter:{name:\"Yusuf Bello\",role:\"resident\",initials:\"YB\"}, evidence:[], timeline:[{time:\"06:00\",event:\"Power outage reported\",actor:\"Yusuf Bello\"},{time:\"06:30\",event:\"Notice sent to community\",actor:\"System\"},{time:\"08:00\",event:\"EDC contacted, transformer fault confirmed\",actor:\"Tunde Bakare\"},{time:\"17:45\",event:\"Power restored\",actor:\"EDC\"},{time:\"18:00\",event:\"Incident resolved\",actor:\"Tunde Bakare\"}], updates:[{author:\"Tunde Bakare\",role:\"admin\",text:\"Power has been restored. EDC confirmed the transformer fault has been repaired. Thank you for your patience.\",time:\"18:00\"}], distance:\"4.2 km\", safetyAdvice:\"Keep phones charged and have backup power sources. Report prolonged outages to EDC directly and through Watchly for community visibility.\", relatedReports:0 },\n { id:\"INC-2024-007\", category:\"Missing Person\", title:\"Elderly resident missing from GRA Port Harcourt\", description:\"78-year-old Mr. Ezekiel Hart was last seen leaving his home on Tombia Street, GRA Port Harcourt at approximately 10 AM. He has mild dementia and was not carrying identification. Wearing a blue agbada and brown sandals.\", location:\"Tombia Street, GRA Port Harcourt\", community:\"GRA Port Harcourt\", date:\"2024-07-08\", time:\"14:00\", status:\"verified\", priority:\"high\", confidence:87, corroborationCount:9, reporter:{name:\"Grace Hart\",role:\"resident\",initials:\"GH\"}, evidence:[{type:\"image\",label:\"Recent photo of Mr. Ezekiel Hart\"}], timeline:[{time:\"14:00\",event:\"Missing person reported by family\",actor:\"Grace Hart\"},{time:\"14:10\",event:\"Urgent alert sent to community\",actor:\"System\"},{time:\"14:30\",event:\"Search team organized\",actor:\"Ibrahim Sule\"},{time:\"15:00\",event:\"Police notified, missing person report filed\",actor:\"Ibrahim Sule\"},{time:\"16:45\",event:\"Mr. Hart found near Artillery Junction, safe\",actor:\"Search Team\"},{time:\"17:00\",event:\"Incident resolved\",actor:\"Tunde Bakare\"}], updates:[{author:\"Ibrahim Sule\",role:\"security\",text:\"UPDATE: Mr. Hart has been found near Artillery Junction. He is safe and being reunited with his family. Thank you to everyone who assisted.\",time:\"16:45\"}], distance:\"6.0 km\", safetyAdvice:\"Ensure elderly family members carry identification and emergency contact information. Consider GPS tracking devices for vulnerable family members.\", relatedReports:0 },\n { id:\"INC-2024-008\", category:\"Vandalism\", title:\"Street lights vandalized on Admiralty Way\", description:\"Multiple street lights along Admiralty Way have been vandalized, leaving a 200-meter stretch in darkness. Residents report seeing the damage this morning.\", location:\"Admiralty Way, Lekki Phase 1\", community:\"Lekki Phase 1 RA\", date:\"2024-07-08\", time:\"07:15\", status:\"pending\", priority:\"low\", confidence:72, corroborationCount:3, reporter:{name:\"David Adeleke\",role:\"resident\",initials:\"DA\"}, evidence:[{type:\"image\",label:\"Damaged street light pole\"}], timeline:[{time:\"07:15\",event:\"Vandalism reported by resident\",actor:\"David Adeleke\"},{time:\"07:30\",event:\"Corroborated by 2 additional residents\",actor:\"Community\"}], updates:[], distance:\"1.0 km\", safetyAdvice:\"Report vandalized infrastructure promptly. Avoid poorly lit areas at night. Community is working with local authorities to repair damaged street lights.\", relatedReports:2 },\n { id:\"INC-2024-009\", category:\"Medical Emergency\", title:\"Resident experienced cardiac event at Chevron Estate\", description:\"A 55-year-old male resident experienced a cardiac event while jogging in Chevron Estate. Neighbors administered CPR and called emergency services. Ambulance arrived within 12 minutes.\", location:\"Chevron Drive, Chevron Estate\", community:\"Chevron Estate\", date:\"2024-07-05\", time:\"06:30\", status:\"resolved\", priority:\"high\", confidence:93, corroborationCount:5, reporter:{name:\"Patricia Eze\",role:\"resident\",initials:\"PE\"}, evidence:[], timeline:[{time:\"06:30\",event:\"Emergency reported by neighbor\",actor:\"Patricia Eze\"},{time:\"06:35\",event:\"CPR initiated by trained resident\",actor:\"Community\"},{time:\"06:40\",event:\"Ambulance dispatched\",actor:\"Emeka Nwosu\"},{time:\"06:42\",event:\"Ambulance arrived\",actor:\"EMS\"},{time:\"07:00\",event:\"Resident stabilized and transported\",actor:\"EMS\"},{time:\"Jul 06\",event:\"Resident in stable condition at hospital\",actor:\"Family\"}], updates:[], distance:\"1.5 km\", safetyAdvice:\"Learn basic CPR and first aid. Keep emergency numbers saved. Know the location of your nearest hospital and emergency services.\", relatedReports:0 },\n { id:\"INC-2024-010\", category:\"Flood\", title:\"Flash flooding on Trans Amadi road after heavy rainfall\", description:\"Heavy rainfall caused flash flooding on the main Trans Amadi road, with water levels reaching knee-height in some areas. Several vehicles stalled. No injuries reported but traffic severely affected.\", location:\"Trans Amadi Road, Port Harcourt\", community:\"Trans Amadi\", date:\"2024-07-04\", time:\"16:00\", status:\"verified\", priority:\"medium\", confidence:91, corroborationCount:11, reporter:{name:\"Blessing Wabara\",role:\"resident\",initials:\"BW\"}, evidence:[{type:\"image\",label:\"Flooded road section\"},{type:\"video\",label:\"Water level footage\"}], timeline:[{time:\"16:00\",event:\"Flooding reported by resident\",actor:\"Blessing Wabara\"},{time:\"16:10\",event:\"Alert sent to community\",actor:\"System\"},{time:\"16:30\",event:\"Road closed by security team\",actor:\"Ibrahim Sule\"},{time:\"18:00\",event:\"Water levels receding\",actor:\"Ibrahim Sule\"},{time:\"20:00\",event:\"Road reopened\",actor:\"Ibrahim Sule\"}], updates:[], distance:\"4.5 km\", safetyAdvice:\"Avoid driving through flooded roads. Do not attempt to walk through moving water. Monitor weather forecasts during rainy season.\", relatedReports:1 },\n];\n\nexport const communities: Community[] = [\n { id:\"C1\", name:\"Lekki Phase 1 RA\", location:\"Lekki, Lagos\", members:1247, safetyScore:78, activeIncidents:3, verifiedThisMonth:18, description:\"Resident association covering Lekki Phase 1 estate\", status:\"active\" },\n { id:\"C2\", name:\"Chevron Estate\", location:\"Chevron Drive, Lekki\", members:892, safetyScore:85, activeIncidents:1, verifiedThisMonth:12, description:\"Chevron Drive residential community\", status:\"active\" },\n { id:\"C3\", name:\"Ikoyi Community Watch\", location:\"Ikoyi, Lagos\", members:634, safetyScore:72, activeIncidents:2, verifiedThisMonth:9, description:\"Community watch program for Ikoyi residents\", status:\"active\" },\n { id:\"C4\", name:\"GRA Port Harcourt\", location:\"GRA, Port Harcourt\", members:1089, safetyScore:81, activeIncidents:1, verifiedThisMonth:15, description:\"Government Reserved Area Port Harcourt\", status:\"active\" },\n { id:\"C5\", name:\"Trans Amadi\", location:\"Trans Amadi, Port Harcourt\", members:567, safetyScore:68, activeIncidents:2, verifiedThisMonth:7, description:\"Trans Amadi industrial-residential area\", status:\"active\" },\n { id:\"C6\", name:\"Wuse II\", location:\"Wuse II, Abuja\", members:1456, safetyScore:83, activeIncidents:1, verifiedThisMonth:14, description:\"Wuse II district community\", status:\"active\" },\n { id:\"C7\", name:\"Maitama\", location:\"Maitama, Abuja\", members:723, safetyScore:88, activeIncidents:0, verifiedThisMonth:6, description:\"Maitama district residential community\", status:\"active\" },\n { id:\"C8\", name:\"Banana Island\", location:\"Banana Island, Ikoyi\", members:0, safetyScore:0, activeIncidents:0, verifiedThisMonth:0, description:\"Pending community registration\", status:\"pending\" },\n];\n\nexport const members: Member[] = [\n { id:\"M1\", name:\"Tunde Bakare\", email:\"t.bakare@watchly.ng\", role:\"admin\", community:\"Lekki Phase 1 RA\", joinedDate:\"2023-01-15\", status:\"active\", reportsFiled:0, reportsVerified:45, initials:\"TB\" },\n { id:\"M2\", name:\"Adaeze Okonkwo\", email:\"adaeze.o@email.com\", role:\"resident\", community:\"Lekki Phase 1 RA\", joinedDate:\"2023-03-22\", status:\"active\", reportsFiled:12, reportsVerified:8, initials:\"AO\" },\n { id:\"M3\", name:\"Emeka Nwosu\", email:\"e.nwosu@watchly.ng\", role:\"security\", community:\"Lekki Phase 1 RA\", joinedDate:\"2023-02-10\", status:\"active\", reportsFiled:5, reportsVerified:30, initials:\"EN\" },\n { id:\"M4\", name:\"Funke Adebayo\", email:\"funke.adebayo@email.com\", role:\"resident\", community:\"Ikoyi Community Watch\", joinedDate:\"2023-04-18\", status:\"active\", reportsFiled:7, reportsVerified:5, initials:\"FA\" },\n { id:\"M5\", name:\"Ibrahim Sule\", email:\"i.sule@watchly.ng\", role:\"security\", community:\"GRA Port Harcourt\", joinedDate:\"2023-01-30\", status:\"active\", reportsFiled:3, reportsVerified:22, initials:\"IS\" },\n { id:\"M6\", name:\"Nnamdi Okafor\", email:\"nnamdi.o@email.com\", role:\"resident\", community:\"Trans Amadi\", joinedDate:\"2023-05-14\", status:\"active\", reportsFiled:9, reportsVerified:7, initials:\"NO\" },\n { id:\"M7\", name:\"Aisha Mohammed\", email:\"aisha.m@email.com\", role:\"resident\", community:\"Wuse II\", joinedDate:\"2023-06-01\", status:\"active\", reportsFiled:4, reportsVerified:3, initials:\"AM\" },\n { id:\"M8\", name:\"Yusuf Bello\", email:\"yusuf.b@email.com\", role:\"resident\", community:\"Maitama\", joinedDate:\"2023-07-20\", status:\"active\", reportsFiled:2, reportsVerified:2, initials:\"YB\" },\n { id:\"M9\", name:\"Grace Hart\", email:\"grace.h@email.com\", role:\"resident\", community:\"GRA Port Harcourt\", joinedDate:\"2023-08-15\", status:\"active\", reportsFiled:1, reportsVerified:1, initials:\"GH\" },\n { id:\"M10\", name:\"Chidi Eze\", email:\"chidi.eze@email.com\", role:\"resident\", community:\"Chevron Estate\", joinedDate:\"2024-01-10\", status:\"pending\", reportsFiled:1, reportsVerified:0, initials:\"CE\" },\n { id:\"M11\", name:\"David Adeleke\", email:\"d.adeleke@email.com\", role:\"resident\", community:\"Lekki Phase 1 RA\", joinedDate:\"2024-02-05\", status:\"pending\", reportsFiled:1, reportsVerified:0, initials:\"DA\" },\n { id:\"M12\", name:\"Blessing Wabara\", email:\"b.wabara@email.com\", role:\"resident\", community:\"Trans Amadi\", joinedDate:\"2024-03-12\", status:\"active\", reportsFiled:6, reportsVerified:4, initials:\"BW\" },\n];\n\nexport const alerts: Alert[] = [\n { id:\"A1\", title:\"Armed Robbery — Lekki Phase 1 Roundabout\", message:\"Verified armed robbery incident. Avoid the roundabout area. Suspects fled towards Chevron Drive. Security team and police are on scene.\", type:\"urgent\", community:\"Lekki Phase 1 RA\", date:\"2024-07-08 22:15\", pinned:true, recipients:1247 },\n { id:\"A2\", title:\"Missing Person Found — GRA Port Harcourt\", message:\"Mr. Ezekiel Hart has been found safe near Artillery Junction. Thank you to all who assisted in the search.\", type:\"resolved\", community:\"GRA Port Harcourt\", date:\"2024-07-08 17:00\", pinned:false, recipients:1089 },\n { id:\"A3\", title:\"Fire Contained — Trans Amadi\", message:\"The warehouse fire in Trans Amadi has been contained. No casualties. Smoke is clearing. Residents may now open windows.\", type:\"verified\", community:\"Trans Amadi\", date:\"2024-07-07 12:30\", pinned:false, recipients:567 },\n { id:\"A4\", title:\"Increased Patrols — Gerald Road, Ikoyi\", message:\"Following the burglary incident, security patrols have been doubled on Gerald Road and surrounding streets. Report any suspicious activity.\", type:\"verified\", community:\"Ikoyi Community Watch\", date:\"2024-07-07 18:00\", pinned:false, recipients:634 },\n { id:\"A5\", title:\"Power Outage — Maitama District\", message:\"Power outage affecting Maitama district. ECD reports transformer fault. Estimated restoration: 6 PM today.\", type:\"notice\", community:\"Maitama\", date:\"2024-07-08 06:30\", pinned:false, recipients:723 },\n { id:\"A6\", title:\"Road Closure — Trans Amadi Road\", message:\"Trans Amadi Road temporarily closed due to flash flooding. Use alternative routes via Aba Road.\", type:\"notice\", community:\"Trans Amadi\", date:\"2024-07-04 16:30\", pinned:false, recipients:567 },\n];\n\nexport const activityFeed: ActivityItem[] = [\n { id:\"AC1\", type:\"verification\", description:\"Verified incident: Armed robbery near Lekki Phase 1 roundabout\", actor:\"Tunde Bakare\", time:\"22:15\" },\n { id:\"AC2\", type:\"report\", description:\"New incident reported: Vandalism on Admiralty Way\", actor:\"David Adeleke\", time:\"07:15\" },\n { id:\"AC3\", type:\"report\", description:\"New incident reported: Suspicious activity near Chevron Estate gate\", actor:\"Chidi Eze\", time:\"14:20\" },\n { id:\"AC4\", type:\"resolution\", description:\"Resolved: Missing person — Mr. Ezekiel Hart found safe\", actor:\"Ibrahim Sule\", time:\"16:45\" },\n { id:\"AC5\", type:\"alert\", description:\"Alert sent: Power outage in Maitama district\", actor:\"System\", time:\"06:30\" },\n { id:\"AC6\", type:\"join\", description:\"New member joined: Blessing Wabara (Trans Amadi)\", actor:\"Blessing Wabara\", time:\"Mar 12\" },\n { id:\"AC7\", type:\"verification\", description:\"Verified incident: Flash flooding on Trans Amadi road\", actor:\"Tunde Bakare\", time:\"Jul 04\" },\n { id:\"AC8\", type:\"report\", description:\"New incident reported: Fire in Trans Amadi industrial area\", actor:\"Nnamdi Okafor\", time:\"Jul 07\" },\n];\n\nexport const analyticsData = {\n weeklyIncidents: [\n { day:\"Mon\", count:4 }, { day:\"Tue\", count:7 }, { day:\"Wed\", count:3 },\n { day:\"Thu\", count:8 }, { day:\"Fri\", count:12 }, { day:\"Sat\", count:6 }, { day:\"Sun\", count:4 },\n ],\n monthlyTrend: [\n { month:\"Jan\", count:45 }, { month:\"Feb\", count:38 }, { month:\"Mar\", count:52 },\n { month:\"Apr\", count:41 }, { month:\"May\", count:36 }, { month:\"Jun\", count:48 }, { month:\"Jul\", count:44 },\n ],\n categoryBreakdown: [\n { category:\"Robbery\", count:18, percentage:22 },\n { category:\"Suspicious Activity\", count:14, percentage:17 },\n { category:\"Burglary\", count:12, percentage:15 },\n { category:\"Road Accident\", count:9, percentage:11 },\n { category:\"Fire\", count:7, percentage:9 },\n { category:\"Flood\", count:6, percentage:7 },\n { category:\"Vandalism\", count:6, percentage:7 },\n { category:\"Medical Emergency\", count:5, percentage:6 },\n { category:\"Power Outage\", count:5, percentage:6 },\n { category:\"Missing Person\", count:3, percentage:4 },\n ],\n riskAreas: [\n { area:\"Lekki Phase 1 Roundabout\", incidents:8, riskLevel:\"high\" },\n { area:\"Admiralty Way\", incidents:5, riskLevel:\"medium\" },\n { area:\"Gerald Road, Ikoyi\", incidents:4, riskLevel:\"medium\" },\n { area:\"Trans Amadi Road\", incidents:6, riskLevel:\"high\" },\n { area:\"Aminu Kano Crescent\", incidents:3, riskLevel:\"low\" },\n ],\n stats: {\n totalIncidents:81, pendingVerification:8, verifiedIncidents:62, resolvedIncidents:54,\n rejectedReports:11, avgResolutionTime:\"4.2 hrs\", verificationRate:76.5,\n communityHealthScore:78, activeCommunities:7, totalMembers:6608,\n reportsToday:7, alertsSent:23,\n },\n};\n\nexport const currentUser = {\n name:\"Tunde Bakare\", email:\"t.bakare@watchly.ng\", role:\"admin\" as Role,\n community:\"Lekki Phase 1 RA\", initials:\"TB\",\n};\n",[],[176,246,238],"data","3b2203dc-3706-4c9e-8d2a-93cd2d5409ac",5,["D",1783636549929],[201],[176,246],"91b78c80-56c7-4001-a7c2-ec048158932a","ui.tsx","be10f298-7be6-11f1-ad82-1607ee4eb77e","019f4902-5fa0-75aa-989f-f6816c56812d",9,["D",1783636662588],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport * as Icons from \"./icons.tsx\";\n\nexport const C = {\n primary: \"#5B3FD9\", navy: \"#1D2433\", bg: \"#F8F9FC\", success: \"#16A34A\",\n warning: \"#F59E0B\", danger: \"#DC2626\", info: \"#2563EB\",\n textPrimary: \"#1D2433\", textSecondary: \"#64748B\", textTertiary: \"#94A3B8\",\n border: \"#E2E8F0\",\n};\n\nexport function Card({ children, onClick, style }: { children: React.ReactNode; onClick?: () => void; style?: any }) {\n return

{children}

;\n}\n\nexport function Button({ children, variant = \"primary\", size = \"md\", icon, onClick, fullWidth }: { children?: any; variant?: string; size?: string; icon?: any; onClick?: () => void; fullWidth?: boolean }) {\n const v: any = { primary: { background: C.primary, color: \"#fff\" }, secondary: { background: C.navy, color: \"#fff\" }, ghost: { background: \"transparent\", color: C.primary }, danger: { background: C.danger, color: \"#fff\" }, success: { background: C.success, color: \"#fff\" }, outline: { background: \"transparent\", color: C.textPrimary, border: \"1px solid #E2E8F0\" } };\n const s: any = { sm: { padding: \"6px 14px\", fontSize: 13 }, md: { padding: \"10px 20px\", fontSize: 14 }, lg: { padding: \"14px 28px\", fontSize: 15 } };\n return ;\n}\n\nexport function StatusChip({ status }: { status: string }) {\n const c: any = {\n pending: { bg: \"#FEF3C7\", color: \"#92400E\", label: \"Pending\", icon: },\n verified: { bg: \"#DBEAFE\", color: \"#1E40AF\", label: \"Verified\", icon: },\n resolved: { bg: \"#DCFCE7\", color: \"#166534\", label: \"Resolved\", icon: },\n rejected: { bg: \"#FEE2E2\", color: \"#991B1B\", label: \"Rejected\", icon: },\n };\n const x = c[status] || c.pending;\n return {x.icon}{x.label};\n}\n\nexport function PriorityBadge({ priority }: { priority: string }) {\n const c: any = { urgent: { color: C.danger, label: \"Urgent\" }, high: { color: C.warning, label: \"High\" }, medium: { color: C.info, label: \"Medium\" }, low: { color: C.textSecondary, label: \"Low\" } };\n const x = c[priority] || c.low;\n return {x.label};\n}\n\nexport function RoleBadge({ role }: { role: string }) {\n const c: any = { admin: { bg: \"#EDE9FE\", color: \"#5B3FD9\", label: \"Admin\" }, security: { bg: \"#DBEAFE\", color: \"#2563EB\", label: \"Security\" }, resident: { bg: \"#F1F5F9\", color: \"#475569\", label: \"Resident\" } };\n const x = c[role] || c.resident;\n return {x.label};\n}\n\nexport function Avatar({ initials, size = 36, color }: { initials: string; size?: number; color?: string }) {\n const colors = [\"#5B3FD9\", \"#2563EB\", \"#16A34A\", \"#F59E0B\", \"#DC2626\", \"#0891B2\", \"#7C3AED\"];\n const idx = (initials.charCodeAt(0) + (initials.charCodeAt(1) || 0)) % colors.length;\n return

{initials}

;\n}\n\nexport function ProgressBar({ value, color = C.primary, height = 8 }: { value: number; color?: string; height?: number }) {\n return

;\n}\n\nexport function StatCard({ label, value, icon, trend, trendUp, color = C.primary }: { label: string; value: any; icon: any; trend?: string; trendUp?: boolean; color?: string }) {\n return (\n

\n {icon}\n

\n {trend &&

{trendUp ? : }{trend}

}\n

{value}

{label}

\n );\n}\n\nexport function SectionHeader({ title, subtitle, action }: { title: string; subtitle?: string; action?: any }) {\n return (\n

{title}

{subtitle &&

{subtitle}

}

\n {action}\n

\n );\n}\n\nexport function Tabs({ tabs, active, onChange }: { tabs: { id: string; label: string; count?: number }[]; active: string; onChange: (id: string) => void }) {\n return (\n

\n {tabs.map(t => (\n \n ))}\n

\n );\n}\n\nexport function SearchBar({ placeholder = \"Search...\", value, onChange }: { placeholder?: string; value: string; onChange: (v: string) => void }) {\n return (\n

\n onChange(e.target.value)} placeholder={placeholder} className=\"w-full border border-[#E2E8F0] outline-none focus:border-[#5B3FD9]\" style={{ borderRadius: 10, padding: \"10px 14px 10px 40px\", fontSize: 14, color: C.textPrimary, background: \"#fff\" }} />\n

\n );\n}\n\nexport function EmptyState({ icon, title, description, action }: { icon: any; title: string; description?: string; action?: any }) {\n return (\n

{icon}

{title}

\n {description &&

{description}

}\n {action &&

{action}

}\n

\n );\n}\n\nexport function ConfidenceMeter({ value }: { value: number }) {\n const color = value >= 80 ? C.success : value >= 60 ? C.warning : C.danger;\n return

{value}%

;\n}\n\nexport function Breadcrumbs({ items }: { items: { label: string; onClick?: () => void }[] }) {\n return (\n

\n {items.map((item, i) => (\n \n {item.onClick ? : {item.label}}\n {i < items.length - 1 && }\n \n ))}\n

\n );\n}\n",[],[176,261,253],"components","44862aa0-d08a-44f6-b753-5aafc127771c","icons.tsx","40fb8cc8-7be6-11f1-b92c-1607ee4eb77e",4,["D",1783636428792],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ntype IconProps = { size?: number; className?: string; strokeWidth?: number };\n\nconst make = (paths: React.ReactNode) =>\n ({ size = 20, className = \"\", strokeWidth = 2 }: IconProps) => (\n \n {paths}\n \n );\n\nexport const Home = make(<>);\nexport const Rss = make(<>);\nexport const Plus = make(<>);\nexport const Users = make(<>);\nexport const Bell = make(<>);\nexport const BarChart = make(<>);\nexport const FileText = make(<>);\nexport const Settings = make(<>);\nexport const HelpCircle = make(<>);\nexport const Search = make(<>);\nexport const MapPin = make(<>);\nexport const Clock = make(<>);\nexport const Shield = make(<>);\nexport const ShieldCheck = make(<>);\nexport const CheckCircle = make(<>);\nexport const XCircle = make(<>);\nexport const AlertTriangle = make(<>);\nexport const TrendingUp = make(<>);\nexport const TrendingDown = make(<>);\nexport const Camera = make(<>);\nexport const Upload = make(<>);\nexport const ChevronRight = make(<>);\nexport const ChevronDown = make(<>);\nexport const ChevronLeft = make(<>);\nexport const Menu = make(<>);\nexport const MoreVertical = make(<>);\nexport const Filter = make(<>);\nexport const ArrowLeft = make(<>);\nexport const ArrowUp = make(<>);\nexport const ArrowRight = make(<>);\nexport const Eye = make(<>);\nexport const Flag = make(<>);\nexport const X = make(<>);\nexport const Check = make(<>);\nexport const MessageSquare = make(<>);\nexport const ThumbsUp = make(<>);\nexport const Activity = make(<>);\nexport const Zap = make(<>);\nexport const Download = make(<>);\nexport const Star = make(<>);\nexport const Pin = make(<>);\nexport const Image = make(<>);\nexport const Video = make(<>);\nexport const Phone = make(<>);\nexport const Mail = make(<>);\nexport const Lock = make(<>);\nexport const LogOut = make(<>);\nexport const User = make(<>);\nexport const Building = make(<>);\nexport const Layers = make(<>);\nexport const GitBranch = make(<>);\nexport const Info = make(<>);\nexport const Calendar = make(<>);\nexport const Droplet = make(<>);\nexport const Flame = make(<>);\nexport const Car = make(<>);\nexport const HeartPulse = make(<>);\nexport const UserSearch = make(<>);\nexport const Wrench = make(<>);\nexport const AlertOctagon = make(<>);\nexport const Power = make(<>);\nexport const Moon = make(<>);\nexport const Globe = make(<>);\nexport const Send = make(<>);\nexport const Trash = make(<>);\nexport const Edit = make(<>);\nexport const ExternalLink = make(<>);\nexport const RefreshCw = make(<>);\nexport const Loader = make(<>);\n",[],[176,261,263],"83f6ca07-762b-43ff-a875-ce798d0b5e30","TopBar.tsx","e5794fce-7be6-11f1-a7a1-1607ee4eb77e",11,["D",1783636704723],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport * as Icons from \"./icons.tsx\";\nimport { C, Avatar, RoleBadge } from \"./ui.tsx\";\nimport { currentUser, communities } from \"../data/mockData.ts\";\n\nexport function TopBar({ title, onSearch }: { title: string; onSearch?: (v: string) => void }) {\n const [showNotif, setShowNotif] = React.useState(false);\n const [showProfile, setShowProfile] = React.useState(false);\n const [showComm, setShowComm] = React.useState(false);\n const [search, setSearch] = React.useState(\"\");\n\n return (\n

{title}

\n\n

\n {/* Search */}\n

\n { setSearch(e.target.value); onSearch?.(e.target.value); }} placeholder=\"Search incidents, alerts...\" className=\"border border-[#E2E8F0] outline-none focus:border-[#5B3FD9] w-full\" style={{ borderRadius: 10, padding: \"8px 12px 8px 38px\", fontSize: 13, color: C.textPrimary }} />\n

\n\n {/* Community Selector */}\n

\n \n {showComm && (\n

Switch Community

\n {communities.filter(c => c.status === \"active\").map(c => (\n \n ))}\n

\n )}\n

\n\n {/* Quick Action */}\n \n\n {/* Notifications */}\n

\n \n {showNotif && (\n

NotificationsMark all read

\n {[\n { icon: , color: C.danger, title: \"Urgent: Armed robbery verified\", time: \"5 min ago\" },\n { icon: , color: C.success, title: \"Missing person found safe\", time: \"1 hour ago\" },\n { icon: , color: C.info, title: \"2 new join requests pending\", time: \"3 hours ago\" },\n ].map((n, i) => (\n

{n.icon}

{n.title}

{n.time}

\n ))}\n

\n )}\n

\n\n {/* Profile */}\n

\n \n {showProfile && (\n

{currentUser.name}

{currentUser.email}

\n {[\n { icon: , label: \"My Profile\" },\n { icon: , label: \"My Reports\" },\n { icon: , label: \"Settings\" },\n { icon: , label: \"Help & Support\" },\n ].map((item, i) => (\n \n ))}\n

\n \n

\n )}\n

\n );\n}\n",[],[176,261,271],"d1915213-68da-491d-ba72-15d68182d918","Sidebar.tsx","e571ed38-7be6-11f1-87e5-1607ee4eb77e",10,["D",1783636704721],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport * as Icons from \"./icons.tsx\";\nimport { C } from \"./ui.tsx\";\nimport { currentUser } from \"../data/mockData.ts\";\n\nconst navItems = [\n { id: \"dashboard\", label: \"Dashboard\", icon: Icons.Home },\n { id: \"feed\", label: \"Incident Feed\", icon: Icons.Rss },\n { id: \"report\", label: \"Report Incident\", icon: Icons.Plus },\n { id: \"communities\", label: \"Communities\", icon: Icons.Building },\n { id: \"alerts\", label: \"Alerts\", icon: Icons.Bell },\n { id: \"analytics\", label: \"Analytics\", icon: Icons.BarChart },\n { id: \"reports\", label: \"Reports\", icon: Icons.FileText },\n { id: \"members\", label: \"Members\", icon: Icons.Users },\n];\n\nconst bottomItems = [\n { id: \"settings\", label: \"Settings\", icon: Icons.Settings },\n { id: \"help\", label: \"Help\", icon: Icons.HelpCircle },\n];\n\nexport function Sidebar({ currentPage, onNavigate }: { currentPage: string; onNavigate: (page: string) => void }) {\n return (\n

\n {/* Logo */}\n

\n \n

Watchly

Safety Intelligence

\n\n {/* Nav */}\n

\n {navItems.map(item => {\n const Icon = item.icon;\n const active = currentPage === item.id;\n return (\n \n );\n })}\n\n

System

\n {bottomItems.map(item => {\n const Icon = item.icon;\n const active = currentPage === item.id;\n return (\n \n );\n })}\n

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

{currentUser.initials}

{currentUser.name}

{currentUser.role} · {currentUser.community}

\n \n

\n );\n}\n",[],[176,261,279],"0b8535cc-ef46-496c-a7ec-700878274c13",["D",1783636759031],[],[176,261,39],"56560c19-c652-47b6-acb8-20459b2ae2f5","Counter.tsx","019f4902-5fa0-75aa-989f-f09425288b06",["D",1783636320055],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function Counter() {\n const [count, setCount] = useState(0);\n return (\n

\n Clicked\n setCount((c) => c + 1)}\n class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n >\n {count}\n \n times\n

\n );\n}\n",[],[176,261,291],"5ab5a729-f691-44ee-a4c2-69e7ab496c5b","App.tsx","019f4902-5fa0-75aa-989f-ec526b1a7bc3",["D",1783636320055],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Counter } from \"./Counter.tsx\";\n\nexport function App() {\n return (\n

React + Hono Starter

\n \n

\n View source\n

\n );\n}\n",[],[176,261,298],"3ca483ee-07cf-4865-957c-a317a8197bcf",["D",1783636320055],[193,194,195,196,197,198,199],[176,261],["D",1783636320055],[192,200,202,203,204],[176],["D",1783636320055],["D",1789525245864],{"_112":111,"_120":116},{"_112":111,"_113":114,"_115":116,"_19":63,"_117":118,"_119":31},{"_13":97,"_38":98,"_50":49,"_99":51,"_100":101,"_102":103,"_104":57,"_105":106,"_107":108,"_109":52,"_110":111},"ctx",{"_90":-5,"_142":349,"_350":351,"_352":353,"_354":31,"_355":31,"_356":31,"_357":67,"_358":-5,"_359":-7,"_360":-7,"_361":71,"_362":31,"_363":31,"_364":-5,"_365":31,"_366":31,"_367":31,"_368":-5},"ENV",{"_320":321,"_322":323,"_324":98,"_325":326,"_327":328,"_329":330,"_331":332,"_333":334,"_335":336,"_337":338,"_339":340,"_341":342,"_343":344,"_345":346,"_347":348},"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 · v13