[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_277":278,"_279":280},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_207":-5,"_20":208,"_22":209,"_210":211,"_212":213,"_26":214,"_24":215,"_216":-5,"_217":-5,"_218":57,"_219":220,"_221":48,"_222":-5,"_223":-5,"_224":225},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","Kheyransa","name","http-val","branchName","main","version","path","frontend","project",{"_36":152,"_13":14,"_49":153,"_154":-5,"_155":57,"_156":157,"_158":157,"_159":160,"_161":-5,"_162":163,"_164":82,"_165":48,"_166":-5,"_167":-5,"_168":51,"_169":170,"_171":-5,"_172":-5,"_173":-5,"_174":-5,"_175":176,"_177":176,"_178":179,"_180":179,"_181":179,"_182":176,"_183":176,"_184":185,"_186":187,"_188":189,"_190":57},"tree",[78,79],"file",{"_36":74,"_43":44,"_39":42,"_13":19,"_54":-5,"_52":72,"_17":51,"_41":-5,"_49":75,"_45":76,"_58":-5,"_18":77},"contents",[33,34,35],"upstream","pull","ahead","behind","envVars",{"_36":67,"_13":68,"_39":69,"_41":42,"_43":44,"_45":70,"_47":48,"_49":71,"_17":51,"_52":72,"_54":-5,"_56":57,"_58":-5,"_18":73},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":64,"_17":51,"_52":24,"_54":65,"_56":57,"_58":-5,"_18":66},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_18":59},"id","2a576d94-55f2-11f1-94c4-ee650bb23af1","index.tsx","fileId","2a576e8e-55f2-11f1-94c4-ee650bb23af1","parentId","23ca6cb0-55f2-11f1-8f35-ee650bb23af1","branchId","afbd3ee8-55f0-11f1-a83f-ee650bb23af1","branchVersion",6,"latest",true,"createdAt",["D",1779463400590],0,"fileType","script","content","/** @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();\n","deleted",false,"label",[19,38],"276c872c-55f2-11f1-94c4-ee650bb23af1","index.html","276c88b2-55f2-11f1-94c4-ee650bb23af1",5,["D",1779463395692],"\n\n \n \n \n HTTP Val\n \n 📋\">\n \n \n

\n \n \n \n\n",[19,61],"2a86dc3c-55f2-11f1-8f35-ee650bb23af1","components","2a86dce6-55f2-11f1-8f35-ee650bb23af1",7,["D",1779463400896],"directory",[19,68],"23ca6bf2-55f2-11f1-8f35-ee650bb23af1",["D",1779463389598],4,[19],{"_36":74,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":76,"_47":48,"_49":90,"_17":51,"_52":72,"_54":-5,"_56":57,"_58":-5,"_87":91,"_18":92},{"_36":80,"_13":81,"_39":82,"_41":-5,"_43":44,"_45":83,"_47":48,"_49":84,"_17":51,"_52":85,"_54":86,"_56":57,"_58":-5,"_87":88,"_18":89},"22421dac-55f2-11f1-9441-ee650bb23af1","index.ts","22421e60-55f2-11f1-9441-ee650bb23af1",3,["D",1779463387014],"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\napp.onError((err) => Promise.reject(err));\n\n// HTTP vals expect an exported \"fetch handler\"\nexport default app.fetch;\n","children",[],[81],["D",1779463389598],[93,94,95],[19],{"_36":67,"_13":68,"_39":69,"_41":42,"_43":44,"_45":70,"_47":48,"_49":102,"_17":51,"_52":72,"_54":-5,"_56":57,"_58":-5,"_87":103,"_18":104},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":99,"_17":51,"_52":24,"_54":65,"_56":57,"_58":-5,"_87":100,"_18":101},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":96,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_87":97,"_18":98},["D",1779463400590],[],[19,38],["D",1779463395692],[],[19,61],["D",1779463400896],[105,106,107,108,109],[19,68],{"_36":143,"_13":144,"_39":145,"_41":69,"_43":44,"_45":146,"_47":48,"_49":147,"_17":148,"_52":53,"_54":149,"_56":57,"_58":-5,"_87":150,"_18":151},{"_36":134,"_13":135,"_39":136,"_41":69,"_43":44,"_45":137,"_47":48,"_49":138,"_17":139,"_52":53,"_54":140,"_56":57,"_58":-5,"_87":141,"_18":142},{"_36":126,"_13":127,"_39":128,"_41":69,"_43":44,"_45":129,"_47":48,"_49":130,"_17":51,"_52":53,"_54":131,"_56":57,"_58":-5,"_87":132,"_18":133},{"_36":118,"_13":119,"_39":120,"_41":69,"_43":44,"_45":121,"_47":48,"_49":122,"_17":51,"_52":53,"_54":123,"_56":57,"_58":-5,"_87":124,"_18":125},{"_36":110,"_13":111,"_39":112,"_41":69,"_43":44,"_45":113,"_47":48,"_49":114,"_17":51,"_52":53,"_54":115,"_56":57,"_58":-5,"_87":116,"_18":117},"3ab02838-55f3-11f1-bf50-ee650bb23af1","Toast.tsx","3ab02914-55f3-11f1-bf50-ee650bb23af1",12,["D",1779463857510],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\nexport interface ToastData {\n id: number;\n message: string;\n type?: \"success\" | \"error\" | \"info\";\n}\n\ninterface ToastItemProps {\n toast: ToastData;\n onDismiss: (id: number) => void;\n}\n\nfunction ToastItem({ toast, onDismiss }: ToastItemProps) {\n const [visible, setVisible] = useState(false);\n const [exiting, setExiting] = useState(false);\n\n useEffect(() => {\n // Trigger enter animation on next frame\n requestAnimationFrame(() => setVisible(true));\n\n // Start exit after 2.5s\n const exitTimer = setTimeout(() => {\n setExiting(true);\n setVisible(false);\n }, 2500);\n\n // Remove from DOM after exit animation\n const removeTimer = setTimeout(() => onDismiss(toast.id), 3000);\n\n return () => {\n clearTimeout(exitTimer);\n clearTimeout(removeTimer);\n };\n }, []);\n\n const colors = {\n success: \"bg-green-600\",\n error: \"bg-red-600\",\n info: \"bg-blue-600\",\n };\n\n const icons = {\n success: \"✅\",\n error: \"❌\",\n info: \"ℹ️\",\n };\n\n const type = toast.type ?? \"success\";\n\n return (\n {\n setExiting(true);\n setVisible(false);\n setTimeout(() => onDismiss(toast.id), 400);\n }}\n >\n {icons[type]}\n {toast.message}\n ✕\n \n );\n}\n\ninterface ToastContainerProps {\n toasts: ToastData[];\n onDismiss: (id: number) => void;\n}\n\nexport function ToastContainer({ toasts, onDismiss }: ToastContainerProps) {\n if (toasts.length === 0) return null;\n\n return (\n

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

\n );\n}\n",[],[19,68,111],"327f0ad6-55f2-11f1-b4d5-ee650bb23af1","TabBar.tsx","327f0c20-55f2-11f1-b4d5-ee650bb23af1",9,["D",1779463414256],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface TabBarProps {\n tabs: readonly string[];\n activeTab: string;\n onTabChange: (tab: string) => void;\n}\n\nexport function TabBar({ tabs, activeTab, onTabChange }: TabBarProps) {\n return (\n

\n {tabs.map((tab) => {\n const isActive = tab === activeTab;\n return (\n onTabChange(tab)}\n class={[\n \"relative px-4 sm:px-6 py-3 text-sm sm:text-base font-medium transition-colors duration-200\",\n \"focus:outline-none focus:ring-2 focus:ring-indigo-400 focus:ring-offset-1 rounded-t-md\",\n isActive\n ? \"text-indigo-600\"\n : \"text-gray-500 hover:text-gray-700 hover:bg-gray-50\",\n ].join(\" \")}\n >\n {tab === \"Requests\" ? \"📨 \" : \"💬 \"}\n {tab}\n {/* Active indicator bar */}\n {isActive && (\n \n )}\n \n );\n })}\n

\n );\n}\n",[],[19,68,119],"3b873662-55f2-11f1-94c4-ee650bb23af1","RequestsPanel.tsx","3b87372a-55f2-11f1-94c4-ee650bb23af1",10,["D",1779463429426],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nconst SAMPLE_REQUESTS = [\n { id: 1, method: \"GET\", path: \"/api/users\", status: 200, time: \"12ms\" },\n { id: 2, method: \"POST\", path: \"/api/login\", status: 201, time: \"45ms\" },\n { id: 3, method: \"GET\", path: \"/api/products\", status: 200, time: \"8ms\" },\n { id: 4, method: \"DELETE\", path: \"/api/users/3\", status: 404, time: \"5ms\" },\n];\n\nfunction statusColor(status: number) {\n if (status >= 200 && status < 300) return \"bg-green-100 text-green-700\";\n if (status >= 300 && status < 400) return \"bg-yellow-100 text-yellow-700\";\n return \"bg-red-100 text-red-700\";\n}\n\nfunction methodColor(method: string) {\n const colors: Record = {\n GET: \"text-blue-600\",\n POST: \"text-green-600\",\n PUT: \"text-amber-600\",\n PATCH: \"text-orange-600\",\n DELETE: \"text-red-600\",\n };\n return colors[method] ?? \"text-gray-600\";\n}\n\nexport function RequestsPanel() {\n return (\n

Recent Requests

\n {SAMPLE_REQUESTS.length} entries\n

\n\n {/* Desktop table */}\n

\n \n \n \n \n \n \n \n \n \n \n {SAMPLE_REQUESTS.map((req) => (\n \n \n \n \n \n \n ))}\n \n

Method	Path	Status	Time
\n {req.method}\n	{req.path}	\n \n {req.status}\n \n	{req.time}

\n\n {/* Mobile cards */}\n

\n {SAMPLE_REQUESTS.map((req) => (\n

\n \n {req.method}\n \n \n {req.status}\n \n

{req.path}

{req.time}

\n ))}\n

\n );\n}\n",[],[19,68,127],"47ce0bd4-55f3-11f1-a820-ee650bb23af1","ChatPanel.tsx","42f61e36-55f2-11f1-b4d5-ee650bb23af1",15,["D",1779463879514],2,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface Message {\n id: number;\n text: string;\n sender: \"user\" | \"bot\";\n timestamp: string;\n}\n\nconst INITIAL_MESSAGES: Message[] = [\n { id: 1, text: \"Hello! How can I help you today?\", sender: \"bot\", timestamp: \"10:00 AM\" },\n { id: 2, text: \"I'd like to check my API status.\", sender: \"user\", timestamp: \"10:01 AM\" },\n { id: 3, text: \"All systems are operational! ✅ Your endpoints are responding normally.\", sender: \"bot\", timestamp: \"10:01 AM\" },\n];\n\ninterface ChatPanelProps {\n onMessageSent?: (message: string, type?: \"success\" | \"error\" | \"info\") => void;\n}\n\nexport function ChatPanel({ onMessageSent }: ChatPanelProps) {\n const [messages, setMessages] = useState(INITIAL_MESSAGES);\n const [input, setInput] = useState(\"\");\n\n function handleSend() {\n const text = input.trim();\n if (!text) return;\n\n const now = new Date();\n const timestamp = now.toLocaleTimeString([], { hour: \"2-digit\", minute: \"2-digit\" });\n\n const userMsg: Message = {\n id: Date.now(),\n text,\n sender: \"user\",\n timestamp,\n };\n\n const botMsg: Message = {\n id: Date.now() + 1,\n text: `You said: \"${text}\" — this is a demo chat, so I'm just echoing! 🤖`,\n sender: \"bot\",\n timestamp,\n };\n\n setMessages((prev) => [...prev, userMsg, botMsg]);\n setInput(\"\");\n onMessageSent?.(\"Message sent successfully!\", \"success\");\n }\n\n return (\n

\n {/* Messages */}\n

\n {messages.map((msg) => (\n \n \n

{msg.text}

\n \n {msg.timestamp}\n

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

\n {\n e.preventDefault();\n handleSend();\n }}\n class=\"flex gap-2\"\n >\n setInput((e.target as HTMLInputElement).value)}\n placeholder=\"Type a message…\"\n class=\"flex-1 border border-gray-300 rounded-full px-4 py-2 text-sm\n focus:outline-none focus:ring-2 focus:ring-indigo-400 focus:border-transparent\n placeholder-gray-400\"\n />\n \n Send\n \n \n

\n \n );\n}\n",[],[19,68,135],"410c1494-55f3-11f1-bf50-ee650bb23af1","App.tsx","2f14b90e-55f2-11f1-8f35-ee650bb23af1",13,["D",1779463868175],1,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useCallback, useState } from \"https://esm.sh/react@18.2.0\";\nimport { TabBar } from \"./TabBar.tsx\";\nimport { RequestsPanel } from \"./RequestsPanel.tsx\";\nimport { ChatPanel } from \"./ChatPanel.tsx\";\nimport { ToastContainer } from \"./Toast.tsx\";\nimport type { ToastData } from \"./Toast.tsx\";\n\nconst TABS = [\"Requests\", \"Chat\"] as const;\ntype Tab = (typeof TABS)[number];\n\nexport function App() {\n const [activeTab, setActiveTab] = useState(\"Requests\");\n const [toasts, setToasts] = useState([]);\n\n const showToast = useCallback((message: string, type: ToastData[\"type\"] = \"success\") => {\n const id = Date.now() + Math.random();\n setToasts((prev) => [...prev, { id, message, type }]);\n }, []);\n\n const dismissToast = useCallback((id: number) => {\n setToasts((prev) => prev.filter((t) => t.id !== id));\n }, []);\n\n return (\n

\n {/* Header */}\n

📋 HTTP Val

\n \n View source\n \n

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

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

\n\n {/* Toast notifications */}\n \n

\n );\n}\n",[],[19,68,144],"afbc85d4-55f0-11f1-a83f-ee650bb23af1",["D",1779462765406],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","userId","902d68d5-f073-461a-86b2-eb4b6c453097","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019e503a-c8a3-7330-b892-ac2c26ad7272","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_206":202},"org",{"_11":12,"_199":200,"_201":202,"_162":163,"_203":204,"_205":57},"branch",{"_17":137,"_13":16,"_36":44,"_191":152,"_192":-5,"_193":-5,"_194":-5,"_195":-5,"_196":-5,"_197":14,"_198":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Xeyransa","avatar","https://avatars.githubusercontent.com/u/160167368?v=4","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":152,"_13":14,"_49":273,"_154":-5,"_155":57,"_156":157,"_158":157,"_159":160,"_161":-5,"_162":163,"_164":82,"_165":48,"_166":-5,"_167":-5,"_168":51,"_169":170,"_171":-5,"_172":-5,"_173":-5,"_174":-5,"_175":176,"_177":176,"_178":179,"_180":179,"_181":179,"_182":176,"_183":176,"_184":274,"_186":275,"_188":276,"_190":57},[243,252],"files",[243,244,245,246,247,248,249,250,251,252],"counts",{"_234":51,"_235":148,"_236":51,"_32":237,"_238":239},[228,229,230],{"_36":74,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":76,"_47":48,"_49":226,"_17":51,"_52":72,"_54":-5,"_56":57,"_58":-5,"_18":227},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1779463389598],[19],{"_36":67,"_13":68,"_39":69,"_41":42,"_43":44,"_45":70,"_47":48,"_49":71,"_17":51,"_52":72,"_54":-5,"_56":57,"_58":-5,"_18":233},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":64,"_17":51,"_52":24,"_54":65,"_56":57,"_58":-5,"_18":232},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_18":231},[19,38],[19,61],[19,68],"pulls","branches","forks",{"_240":51,"_242":51},"connections",{"_240":51,"_241":51},"count","unfilledCount","emptyCount",{"_36":74,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":76,"_47":48,"_49":90,"_17":51,"_52":72,"_54":-5,"_56":57,"_58":-5,"_87":271,"_18":272},{"_36":67,"_13":68,"_39":69,"_41":42,"_43":44,"_45":70,"_47":48,"_49":102,"_17":51,"_52":72,"_54":-5,"_56":57,"_58":-5,"_87":269,"_18":270},{"_36":143,"_13":144,"_39":145,"_41":69,"_43":44,"_45":146,"_47":48,"_49":147,"_17":148,"_52":53,"_54":149,"_56":57,"_58":-5,"_87":267,"_18":268},{"_36":134,"_13":135,"_39":136,"_41":69,"_43":44,"_45":137,"_47":48,"_49":138,"_17":139,"_52":53,"_54":140,"_56":57,"_58":-5,"_87":265,"_18":266},{"_36":126,"_13":127,"_39":128,"_41":69,"_43":44,"_45":129,"_47":48,"_49":130,"_17":51,"_52":53,"_54":131,"_56":57,"_58":-5,"_87":263,"_18":264},{"_36":118,"_13":119,"_39":120,"_41":69,"_43":44,"_45":121,"_47":48,"_49":122,"_17":51,"_52":53,"_54":123,"_56":57,"_58":-5,"_87":261,"_18":262},{"_36":110,"_13":111,"_39":112,"_41":69,"_43":44,"_45":113,"_47":48,"_49":114,"_17":51,"_52":53,"_54":115,"_56":57,"_58":-5,"_87":259,"_18":260},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":99,"_17":51,"_52":24,"_54":65,"_56":57,"_58":-5,"_87":257,"_18":258},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":96,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_87":255,"_18":256},{"_36":80,"_13":81,"_39":82,"_41":-5,"_43":44,"_45":83,"_47":48,"_49":84,"_17":51,"_52":85,"_54":86,"_56":57,"_58":-5,"_87":253,"_18":254},[],[81],[],[19,38],[],[19,61],[],[19,68,111],[],[19,68,119],[],[19,68,127],[],[19,68,135],[],[19,68,144],[245,246,247,248,249],[19,68],[244,250,251],[19],["D",1779462765406],{"_11":12,"_206":202},{"_11":12,"_199":200,"_201":202,"_162":163,"_203":204,"_205":57},{"_17":137,"_13":16,"_36":44,"_191":152,"_192":-5,"_193":-5,"_194":-5,"_195":-5,"_196":-5,"_197":14,"_198":12},"ctx",{"_184":-5,"_223":310,"_311":312,"_313":314,"_315":57,"_316":57,"_317":57,"_318":48,"_319":-5,"_320":-7,"_321":-7,"_322":51,"_323":57,"_324":57,"_325":-5,"_326":57,"_327":57,"_328":57,"_329":-5},"ENV",{"_281":282,"_283":284,"_285":16,"_286":287,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309},"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"]