[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_23":24,"_25":26,"_27":21,"_28":21,"_29":21,"_30":21,"_31":21,"_32":21,"_33":34},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":-7,"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":21},"sharedTextdocId","68bf664edce08191898c65c23b63542d","versionInt","title","Copy of Hackathon Static Site Mock – Offline Ai Kiosk","type","code/react","content","import React, { useMemo, useState } from \"react\";\nimport { Search, Grid as GridIcon, List as ListIcon, Download, Plus, Globe, MapPin, FolderOpen, CheckCircle2, Info, X, Upload, Settings } from \"lucide-react\";\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"@/components/ui/tabs\";\nimport { Checkbox } from \"@/components/ui/checkbox\";\nimport { Label } from \"@/components/ui/label\";\nimport { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from \"@/components/ui/dialog\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"@/components/ui/select\";\n\n// --- Sample Data (mock) ---\nconst SAMPLE_PACKS = [\n {\n id: \"eastern-bihar-first-aid\",\n name: \"Eastern Bihar – Health, Water & Rural Safety\",\n region: \"Bihar, India\",\n domain: \"First Aid & Community Health\",\n locales: [\"hi\", \"en\"],\n sizeMB: 58,\n updated: \"2025-08-23\",\n tags: [\"health\", \"first-aid\", \"rural\", \"water\"],\n downloads: 1241,\n },\n {\n id: \"tampa-hurricane-response\",\n name: \"Tampa – Post‑Hurricane Response\",\n region: \"Florida, USA\",\n domain: \"Disaster Response\",\n locales: [\"en\", \"es\"],\n sizeMB: 44,\n updated: \"2025-07-02\",\n tags: [\"disaster\", \"hurricane\"],\n downloads: 892,\n },\n {\n id: \"odisha-cyclone-response\",\n name: \"Odisha – Cyclone Preparedness\",\n region: \"Odisha, India\",\n domain: \"Disaster Response\",\n locales: [\"or\", \"en\"],\n sizeMB: 39,\n updated: \"2025-05-14\",\n tags: [\"cyclone\", \"preparedness\"],\n downloads: 437,\n },\n {\n id: \"nairobi-urban-clinics\",\n name: \"Nairobi – Urban Clinics & Maternal Care\",\n region: \"Nairobi, Kenya\",\n domain: \"Primary Care\",\n locales: [\"en\", \"sw\"],\n sizeMB: 33,\n updated: \"2025-06-11\",\n tags: [\"maternal\", \"clinics\"],\n downloads: 512,\n },\n {\n id: \"uttarakhand-landslide-safety\",\n name: \"Uttarakhand – Landslide & Monsoon Safety\",\n region: \"Uttarakhand, India\",\n domain: \"Disaster Safety\",\n locales: [\"hi\", \"en\"],\n sizeMB: 27,\n updated: \"2025-08-10\",\n tags: [\"landslide\", \"monsoon\"],\n downloads: 271,\n },\n {\n id: \"gujarat-heatwave-first-aid\",\n name: \"Gujarat – Heatwave First Aid\",\n region: \"Gujarat, India\",\n domain: \"First Aid\",\n locales: [\"gu\", \"en\"],\n sizeMB: 21,\n updated: \"2025-04-29\",\n tags: [\"heat\", \"first-aid\"],\n downloads: 354,\n },\n];\n\nexport default function BeaconDemo() {\n const [tab, setTab] = useState(\"browse\");\n const [query, setQuery] = useState(\"\");\n const [view, setView] = useState<\"grid\" | \"list\">(\"grid\");\n const [region, setRegion] = useState(\"all\");\n const [locale, setLocale] = useState(\"all\");\n const [selected, setSelected] = useState([]);\n const [banner, setBanner] = useState(null);\n\n const packs = useMemo(() => {\n return SAMPLE_PACKS.filter(p => {\n const q = query.trim().toLowerCase();\n const matchesQ = !q || [p.name, p.region, p.domain, p.tags.join(\" \"), p.id].join(\" \").toLowerCase().includes(q);\n const matchesRegion = region === \"all\" || p.region.toLowerCase().includes(region.toLowerCase());\n const matchesLocale = locale === \"all\" || p.locales.includes(locale);\n return matchesQ && matchesRegion && matchesLocale;\n });\n }, [query, region, locale]);\n\n const toggleSelected = (id: string) => {\n setSelected(prev => prev.includes(id) ? prev.filter(x => x !== id) : [...prev, id]);\n };\n\n const clearSelection = () => setSelected([]);\n\n const bulkDownload = () => {\n setBanner(`Downloading ${selected.length} selected pack(s)… (mock)`);\n setTimeout(() => setBanner(null), 2000);\n };\n\n const createMockPack = (e: React.FormEvent) => {\n e.preventDefault();\n setBanner(\"Knowledge Pack created (mock) — ready to add content and embeddings.\");\n setTab(\"browse\");\n setTimeout(() => setBanner(null), 2500);\n };\n\n return (\n

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

\n \n

Beacon

\n Hackathon Demo\n

\n \n \n \n

\n\n {/* Banner */}\n {banner && (\n

\n \n {banner}\n \n

\n )}\n\n {/* Content */}\n

\n \n \n Browse Packs\n Create Pack\n \n\n {/* Browse */}\n \n

\n \n setQuery(e.target.value)} />\n

\n \n

\n \n \n

\n\n {/* Bulk actions */}\n

{packs.length} result(s){selected.length ? ` — ${selected.length} selected` : \"\"}

\n \n \n

\n\n {view === \"grid\" ? (\n

\n {packs.map((p) => (\n \n \n

\n {p.name}\n toggleSelected(p.id)} />\n

\n {p.region}\n {p.locales.join(\", \")}\n

\n \n \n

\n {p.tags.map(t => {t})}\n

\n {p.domain}\n {p.sizeMB} MB • Updated {p.updated}\n

\n \n \n

\n \n \n ))}\n

\n ) : (\n

Name

Region

Locales

Size

Updated

Action

\n {packs.map(p => (\n

\n toggleSelected(p.id)} />\n {p.name}\n

{p.region}

{p.locales.join(\", \")}

{p.sizeMB} MB

{p.updated}

\n \n

\n ))}\n

\n )}\n \n\n {/* Create */}\n \n \n \n Create Knowledge Pack (Mock)\n \n \n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

\n\n

\n \n \n \n \n \n \n

\n\n {/* Dropzone (mock) */}\n

\n \n

Add core docs & assets (mock)

Drag and drop files here, or click to browse. This is a non-functional demo area.

\n\n

\n \n \n

\n \n \n \n \n

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

\n );\n}\n\nfunction InfoRow({ label, value }: { label: string; value: string }) {\n return (\n

{label}

{value}

\n );\n}\n\nfunction Field({ label, children }: React.PropsWithChildren<{ label: string }>) {\n return (\n

\n {label}\n {children}\n

\n );\n}\n","access","public","isModerationBlocked",false,"isAnonifyApiKeyDetected","dd",{"_35":36,"_37":38},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",34],"traceId","4285612941229068384","traceTime",1776412499002]