\n \n \n \n\n",[],[116,133],"a87ee696-55cc-11f1-a5bf-ee650bb23af1","favicon.svg","019e4f51-805e-7440-bcf5-7e167d7a24d3",10,["D",1779447291365],"\n\n",[],[116,141],"7329faf8-55cc-11f1-a76e-ee650bb23af1","components","019e4f51-805e-7440-bcf5-7a6c1257b90e",["D",1779447201825],[154,155,156,157],[116,149],{"_36":181,"_13":182,"_63":183,"_65":150,"_67":68,"_69":184,"_71":72,"_38":185,"_17":94,"_75":76,"_77":186,"_79":51,"_80":-5,"_97":187,"_18":188},{"_36":173,"_13":174,"_63":175,"_65":150,"_67":68,"_69":176,"_71":72,"_38":177,"_17":94,"_75":76,"_77":178,"_79":51,"_80":-5,"_97":179,"_18":180},{"_36":166,"_13":167,"_63":168,"_65":150,"_67":68,"_69":32,"_71":72,"_38":169,"_17":94,"_75":76,"_77":170,"_79":51,"_80":-5,"_97":171,"_18":172},{"_36":158,"_13":159,"_63":160,"_65":150,"_67":68,"_69":161,"_71":72,"_38":162,"_17":94,"_75":76,"_77":163,"_79":51,"_80":-5,"_97":164,"_18":165},"26077a32-55ce-11f1-b7ea-ee650bb23af1","Toast.tsx","88cb190a-55cc-11f1-b99b-ee650bb23af1",14,["D",1779447931109],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createContext, useCallback, useContext, useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\ntype ToastType = \"success\" | \"error\" | \"info\";\ninterface ToastMsg {\n id: number;\n text: string;\n type: ToastType;\n}\n\ninterface ToastCtx {\n show: (text: string, type?: ToastType) => void;\n}\n\nconst Ctx = createContext({ show: () => {} });\n\nexport function useToast() {\n return useContext(Ctx);\n}\n\nlet nextId = 0;\n\nexport function ToastProvider({ children }: { children: any }) {\n const [toasts, setToasts] = useState([]);\n\n const show = useCallback((text: string, type: ToastType = \"success\") => {\n const id = nextId++;\n setToasts((prev) => [...prev, { id, text, type }]);\n setTimeout(() => {\n setToasts((prev) => prev.filter((t) => t.id !== id));\n }, 3000);\n }, []);\n\n return (\n \n {children}\n {/* Render portal */}\n

\n {toasts.map((t) => (\n \n {t.type === \"success\" ? \"✅\" : t.type === \"error\" ? \"❌\" : \"ℹ️\"} {t.text}\n

\n ))}\n \n \n );\n}\n\nexport function Toast() {\n return null; // Toasts are rendered by the provider\n}\n",[],[116,149,159],"23049c5c-55ce-11f1-b73e-ee650bb23af1","RequestsTab.tsx","9236bef4-55cc-11f1-a92c-ee650bb23af1",["D",1779447926419],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { useToast } from \"./Toast.tsx\";\n\ninterface AssistRequest {\n id: number;\n text: string;\n created_at: string;\n}\n\nexport function RequestsTab() {\n const [requests, setRequests] = useState([]);\n const [text, setText] = useState(\"\");\n const [loading, setLoading] = useState(true);\n const [submitting, setSubmitting] = useState(false);\n const [deletingId, setDeletingId] = useState(null);\n const { show } = useToast();\n\n // Load requests on mount\n useEffect(() => {\n fetch(\"/api/requests\")\n .then((r) => {\n if (!r.ok) throw new Error(\"Server error\");\n return r.json();\n })\n .then((data) => setRequests(data))\n .catch(() => show(\"Failed to load requests\", \"error\"))\n .finally(() => setLoading(false));\n }, []);\n\n const handleSubmit = async (e: Event) => {\n e.preventDefault();\n const trimmed = text.trim();\n if (!trimmed) {\n show(\"Please enter a request before submitting\", \"error\");\n return;\n }\n setSubmitting(true);\n try {\n const res = await fetch(\"/api/requests\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ text: trimmed }),\n });\n if (!res.ok) {\n const err = await res.json();\n throw new Error(err.error || \"Failed to submit\");\n }\n const newReq = await res.json();\n setRequests((prev) => [newReq, ...prev]);\n setText(\"\");\n show(\"Request submitted!\");\n } catch (err: any) {\n show(err.message || \"Something went wrong\", \"error\");\n } finally {\n setSubmitting(false);\n }\n };\n\n const handleDelete = async (id: number) => {\n if (deletingId === id) {\n // Second click = confirm\n try {\n await fetch(`/api/requests/${id}`, { method: \"DELETE\" });\n setRequests((prev) => prev.filter((r) => r.id !== id));\n show(\"Request removed\");\n } catch {\n show(\"Failed to delete\", \"error\");\n }\n setDeletingId(null);\n } else {\n // First click = ask to confirm\n setDeletingId(id);\n // Auto-reset after 3 seconds\n setTimeout(() => setDeletingId((curr) => (curr === id ? null : curr)), 3000);\n }\n };\n\n const formatDate = (iso: string) => {\n const d = new Date(iso + \"Z\");\n return d.toLocaleString();\n };\n\n const charsLeft = 500 - text.length;\n\n return (\n

\n {/* Submit Form */}\n \n\n {/* Requests List */}\n

\n Previous Requests{\" \"}\n {!loading && ({requests.length})}\n

\n\n {loading ? (\n

\n ) : requests.length === 0 ? (\n

No requests yet. Submit one above! 👆

\n ) : (\n

\n
\n
{req.text}
\n
🕐 {formatDate(req.created_at)}
\n
\n handleDelete(req.id)}\n class={`text-lg transition-colors cursor-pointer flex-shrink-0 ${\n deletingId === req.id\n ? \"text-red-500\"\n : \"text-gray-300 hover:text-red-500\"\n }`}\n title={deletingId === req.id ? \"Click again to confirm delete\" : \"Delete\"}\n >\n {deletingId === req.id ? \"🗑️\" : \"✕\"}\n \n

\n )}\n

\n );\n}\n",[],[116,149,167],"18135716-55ce-11f1-b7ea-ee650bb23af1","ChatTab.tsx","a2254c9a-55cc-11f1-a5bf-ee650bb23af1",12,["D",1779447908032],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { useToast } from \"./Toast.tsx\";\n\ninterface ChatMessage {\n id: number;\n username: string;\n message: string;\n created_at: string;\n}\n\nexport function ChatTab() {\n const [username, setUsername] = useState(() => localStorage.getItem(\"chat_user\") || \"\");\n const [joined, setJoined] = useState(() => !!localStorage.getItem(\"chat_user\"));\n const [messages, setMessages] = useState([]);\n const [input, setInput] = useState(\"\");\n const [sending, setSending] = useState(false);\n const [loading, setLoading] = useState(true);\n const [onlineCount, setOnlineCount] = useState(0);\n const messagesEndRef = useRef(null);\n const lastIdRef = useRef(0);\n const pollRef = useRef(0);\n const inputRef = useRef(null);\n const { show } = useToast();\n\n const scrollToBottom = () => {\n messagesEndRef.current?.scrollIntoView({ behavior: \"smooth\" });\n };\n\n // Load initial messages\n useEffect(() => {\n if (!joined) return;\n fetch(\"/api/chat\")\n .then((r) => r.json())\n .then((data: ChatMessage[]) => {\n setMessages(data);\n if (data.length > 0) lastIdRef.current = data[data.length - 1].id;\n // Count unique users active in last 5 min\n const fiveMinAgo = Date.now() - 5 * 60 * 1000;\n const recentUsers = new Set(\n data.filter((m) => new Date(m.created_at + \"Z\").getTime() > fiveMinAgo).map((m) => m.username),\n );\n setOnlineCount(Math.max(recentUsers.size, 1));\n })\n .catch(() => show(\"Failed to load chat\", \"error\"))\n .finally(() => setLoading(false));\n }, [joined]);\n\n // Poll for new messages every 2s with dedup\n useEffect(() => {\n if (!joined) return;\n const poll = async () => {\n try {\n const res = await fetch(`/api/chat/stream?after=${lastIdRef.current}`);\n const newMsgs: ChatMessage[] = await res.json();\n if (newMsgs.length > 0) {\n setMessages((prev) => {\n const existingIds = new Set(prev.map((m) => m.id));\n const fresh = newMsgs.filter((m) => !existingIds.has(m.id));\n if (fresh.length === 0) return prev;\n return [...prev, ...fresh];\n });\n lastIdRef.current = newMsgs[newMsgs.length - 1].id;\n }\n } catch {\n // silently retry\n }\n };\n pollRef.current = setInterval(poll, 2000) as unknown as number;\n return () => clearInterval(pollRef.current);\n }, [joined]);\n\n // Scroll on new messages\n useEffect(() => {\n scrollToBottom();\n }, [messages]);\n\n // Focus input after joining\n useEffect(() => {\n if (joined && inputRef.current) {\n inputRef.current.focus();\n }\n }, [joined, loading]);\n\n const handleJoin = (e: Event) => {\n e.preventDefault();\n const name = username.trim();\n if (!name) {\n show(\"Please enter a username\", \"error\");\n return;\n }\n if (name.length < 2) {\n show(\"Username must be at least 2 characters\", \"error\");\n return;\n }\n localStorage.setItem(\"chat_user\", name);\n setUsername(name);\n setJoined(true);\n show(`Welcome, ${name}!`, \"info\");\n };\n\n const handleSend = async (e: Event) => {\n e.preventDefault();\n const msg = input.trim();\n if (!msg) return;\n setSending(true);\n try {\n const res = await fetch(\"/api/chat\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ username, message: msg }),\n });\n if (!res.ok) throw new Error(\"Failed to send\");\n const newMsg = await res.json();\n setMessages((prev) => {\n if (prev.some((m) => m.id === newMsg.id)) return prev;\n return [...prev, newMsg];\n });\n lastIdRef.current = Math.max(lastIdRef.current, newMsg.id);\n setInput(\"\");\n inputRef.current?.focus();\n } catch {\n show(\"Failed to send message\", \"error\");\n } finally {\n setSending(false);\n }\n };\n\n const handleLeave = () => {\n localStorage.removeItem(\"chat_user\");\n setJoined(false);\n setUsername(\"\");\n setMessages([]);\n lastIdRef.current = 0;\n clearInterval(pollRef.current);\n show(\"Left the chat\");\n };\n\n const formatTime = (iso: string) => {\n const d = new Date(iso + \"Z\");\n return d.toLocaleTimeString([], { hour: \"2-digit\", minute: \"2-digit\" });\n };\n\n // --- Join screen ---\n if (!joined) {\n return (\n

💬

Join the Chat

Pick a username to start chatting

\n );\n }\n\n // --- Chat screen ---\n return (\n \n {/* Chat header */}\n

\n \n Chatting as {username}\n \n {onlineCount > 0 && (\n \n \n {onlineCount} recent\n \n )}\n

\n \n Leave Chat\n \n

\n\n {/* Messages area */}\n

\n {loading ? (\n

Loading messages...

\n ) : messages.length === 0 ? (\n

No messages yet. Say hello! 👋

\n ) : (\n messages.map((msg) => {\n const isMe = msg.username === username;\n return (\n

\n {!isMe &&

{msg.username}

}\n \n {msg.message}\n

\n {formatTime(msg.created_at)}\n

\n );\n })\n )}\n

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

\n setInput(e.target.value)}\n placeholder=\"Type a message... (Enter to send)\"\n class=\"flex-1 px-4 py-2.5 border border-gray-300 rounded-full focus:outline-none focus:ring-2 focus:ring-blue-400 focus:border-transparent text-sm\"\n maxLength={1000}\n />\n \n ▶\n \n \n \n );\n}\n",[],[116,149,174],"83ab14ca-55cc-11f1-a5bf-ee650bb23af1","App.tsx","019e4f51-805e-7440-bcf5-703f0512ce26",4,["D",1779447229580],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { RequestsTab } from \"./RequestsTab.tsx\";\nimport { ChatTab } from \"./ChatTab.tsx\";\nimport { Toast, ToastProvider, useToast } from \"./Toast.tsx\";\n\nconst TABS = [\"Requests\", \"Chat\"] as const;\ntype Tab = (typeof TABS)[number];\n\nfunction AppInner() {\n const [activeTab, setActiveTab] = useState(\"Requests\");\n\n return (\n

\n {/* Header */}\n

\n 🛟 Assist Hub\n

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

\n {TABS.map((tab) => (\n setActiveTab(tab)}\n class={`px-5 py-3 font-medium text-sm border-b-2 transition-colors cursor-pointer ${\n activeTab === tab\n ? \"border-blue-500 text-blue-600\"\n : \"border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300\"\n }`}\n >\n {tab === \"Requests\" ? \"📋\" : \"💬\"} {tab}\n \n ))}\n

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

\n {activeTab === \"Requests\" ? : }\n

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

\n );\n}\n\nexport function App() {\n return (\n \n \n \n );\n}\n",[],[116,149,182],"73200994-55cc-11f1-a76e-ee650bb23af1",["D",1779447201825],"legacyEnvVars","httpPrivacy","description","Real-time assistance request tracker + chat app","imageUrl","userId","ee5ed74c-a7e6-45dc-8d90-a176c84e74ff","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019e4f4d-0a71-76e9-81ee-eaf8748fe78c","tursoName","7320099455cc11f1a76eee650bb23af1","tursoHostname","7320099455cc11f1a76eee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789471840176],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_237":233},"org",{"_11":12,"_230":231,"_232":233,"_196":197,"_234":235,"_236":51},"branch",{"_17":161,"_13":16,"_36":68,"_42":189,"_45":37,"_46":226,"_227":53,"_228":43,"_229":57,"_58":14,"_54":12},88,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","Amin Rzazadə","avatar","https://lh3.googleusercontent.com/a/ACg8ocIvbQMI3giR2j9jJMtVY-gW6KQISBys18TcGMxoZL4qlIHKkQ=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":189,"_13":14,"_38":316,"_49":-5,"_191":51,"_52":53,"_192":53,"_193":194,"_195":-5,"_196":197,"_198":92,"_199":72,"_200":-5,"_201":-5,"_202":74,"_56":203,"_204":205,"_206":207,"_208":317,"_210":-5,"_211":212,"_213":212,"_214":215,"_216":215,"_217":215,"_218":212,"_219":212,"_220":318,"_222":319,"_224":320,"_50":51},[277,286,288,289],"files",[277,278,279,280,281,282,283,284,285,286,287,288,289],"counts",{"_268":74,"_269":94,"_270":74,"_35":271,"_272":273},[266],{"_36":82,"_13":19,"_63":66,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":83,"_17":74,"_75":84,"_77":-5,"_79":51,"_80":-5,"_18":265},"upstreamProject",{"_36":43,"_13":59,"_193":261,"_195":262,"_52":53,"_220":263},"upstreamBranch",{"_36":37,"_38":259,"_40":260,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"Starter template with client-side React & Hono server","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789545599&sig=91cfcc631bd9f3dd8274549c04838d172adf2572755982193460d49bfd04bd62",{"_11":55,"_237":264},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789545599&sig=2316df07e67031dd48e537f6ce0c4c14b92716fed790ec83ecf27974cc65aa31",[19],{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":73,"_17":74,"_75":76,"_77":78,"_79":51,"_80":-5,"_18":267},[19,62],"pulls","branches","forks",{"_274":74,"_276":74},"connections",{"_274":74,"_275":74},"count","unfilledCount","emptyCount",{"_36":115,"_13":116,"_63":117,"_65":-5,"_67":68,"_69":94,"_71":72,"_38":118,"_17":74,"_75":84,"_77":-5,"_79":51,"_80":-5,"_97":314,"_18":315},{"_36":148,"_13":149,"_63":150,"_65":117,"_67":68,"_69":94,"_71":72,"_38":151,"_17":74,"_75":84,"_77":-5,"_79":51,"_80":-5,"_97":312,"_18":313},{"_36":181,"_13":182,"_63":183,"_65":150,"_67":68,"_69":184,"_71":72,"_38":185,"_17":94,"_75":76,"_77":186,"_79":51,"_80":-5,"_97":310,"_18":311},{"_36":173,"_13":174,"_63":175,"_65":150,"_67":68,"_69":176,"_71":72,"_38":177,"_17":94,"_75":76,"_77":178,"_79":51,"_80":-5,"_97":308,"_18":309},{"_36":166,"_13":167,"_63":168,"_65":150,"_67":68,"_69":32,"_71":72,"_38":169,"_17":94,"_75":76,"_77":170,"_79":51,"_80":-5,"_97":306,"_18":307},{"_36":158,"_13":159,"_63":160,"_65":150,"_67":68,"_69":161,"_71":72,"_38":162,"_17":94,"_75":76,"_77":163,"_79":51,"_80":-5,"_97":304,"_18":305},{"_36":140,"_13":141,"_63":142,"_65":117,"_67":68,"_69":143,"_71":72,"_38":144,"_17":94,"_75":24,"_77":145,"_79":51,"_80":-5,"_97":302,"_18":303},{"_36":132,"_13":133,"_63":134,"_65":117,"_67":68,"_69":135,"_71":72,"_38":136,"_17":94,"_75":24,"_77":137,"_79":51,"_80":-5,"_97":300,"_18":301},{"_36":125,"_13":126,"_63":127,"_65":117,"_67":68,"_69":94,"_71":72,"_38":128,"_17":74,"_75":76,"_77":129,"_79":51,"_80":-5,"_97":298,"_18":299},{"_36":82,"_13":19,"_63":66,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":108,"_17":74,"_75":84,"_77":-5,"_79":51,"_80":-5,"_97":296,"_18":297},{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":112,"_17":74,"_75":76,"_77":78,"_79":51,"_80":-5,"_97":294,"_18":295},{"_36":100,"_13":101,"_63":102,"_65":-5,"_67":68,"_69":103,"_71":72,"_38":104,"_17":94,"_75":24,"_77":105,"_79":51,"_80":-5,"_97":292,"_18":293},{"_36":90,"_13":91,"_63":92,"_65":-5,"_67":68,"_69":34,"_71":72,"_38":93,"_17":94,"_75":95,"_77":96,"_79":51,"_80":-5,"_97":290,"_18":291},[],[91],[],[101],[],[19,62],[287],[19],[],[116,126],[],[116,133],[],[116,141],[],[116,149,159],[],[116,149,167],[],[116,149,174],[],[116,149,182],[279,280,281,282],[116,149],[278,283,284,285],[116],["D",1779447201825],["D",1789471840176],{"_11":12,"_237":233},{"_11":12,"_230":231,"_232":233,"_196":197,"_234":235,"_236":51},{"_17":161,"_13":16,"_36":68,"_42":189,"_45":37,"_46":226,"_227":53,"_228":43,"_229":57,"_58":14,"_54":12},"ctx",{"_220":-5,"_256":354,"_355":356,"_357":358,"_359":51,"_360":51,"_361":51,"_362":72,"_363":-5,"_364":-7,"_365":-7,"_366":74,"_367":51,"_368":51,"_369":-5,"_370":51,"_371":51,"_372":51,"_373":-5},"ENV",{"_325":326,"_327":328,"_329":16,"_330":331,"_332":333,"_334":335,"_336":337,"_338":339,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353},"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"]

Submit a Request

\n Previous Requests{\" \"}\n {!loading && ({requests.length})}\n

Join the Chat