[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_215":216,"_217":218},"routes/_app.x.$handle.$name",{"_102":101,"_37":50,"_111":92,"_32":58,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_26":-5,"_122":-5,"_123":-5,"_124":30,"_125":126,"_127":64,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_37":50,"_43":51,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":85,"_86":87,"_88":89,"_90":30},"version",9,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","40930547-b4d5-492b-b728-5b15a847af5b","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":14,"_46":47,"_29":30},"previous","deleted",false,"deletedHere","path","frontend/components/TabBar.tsx","latestPath","fileId","327f0c20-55f2-11f1-b4d5-ee650bb23af1","name","TabBar.tsx","fileType","script","content","/** @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","createdAt",["D",1779463414256],"branchVersion","branchId","afbd3ee8-55f0-11f1-a83f-ee650bb23af1","id","afbc85d4-55f0-11f1-a83f-ee650bb23af1","http-val",["D",1779462765406],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","902d68d5-f073-461a-86b2-eb4b6c453097","pinnedFileId","22421e60-55f2-11f1-9441-ee650bb23af1","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019e503a-c8a3-7330-b892-ac2c26ad7272","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_102":101,"_110":106},"org",{"_102":101,"_103":104,"_105":106,"_19":60,"_107":108,"_109":30},"branch",{"_13":91,"_37":92,"_48":47,"_93":49,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":50,"_100":101},"isOwned",15,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","Kheyransa","handle","displayName","Xeyransa","avatar","https://avatars.githubusercontent.com/u/160167368?v=4","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_48":49,"_37":50,"_43":211,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":212,"_86":213,"_88":214,"_90":30},"tree",[162,168],"files",[162,163,164,165,166,167,168],"counts",{"_151":68,"_152":153,"_154":68,"_155":156,"_157":158},"contents",[132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_48":144,"_37":145,"_35":146,"_136":-5,"_46":47,"_45":147,"_138":64,"_43":148,"_13":68,"_39":149,"_41":-5,"_29":30,"_142":-5,"_32":150},{"_48":134,"_37":135,"_35":62,"_136":-5,"_46":47,"_45":137,"_138":64,"_43":139,"_13":68,"_39":140,"_41":141,"_29":30,"_142":-5,"_32":143},"22421dac-55f2-11f1-9441-ee650bb23af1","index.ts","parentId",3,"latest",["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","label",[135],"23ca6bf2-55f2-11f1-8f35-ee650bb23af1","frontend","23ca6cb0-55f2-11f1-8f35-ee650bb23af1",4,["D",1779463389598],"directory",[145],"pulls","branches",1,"forks","envVars",{"_159":68,"_161":68},"connections",{"_159":68,"_160":68},"count","unfilledCount","emptyCount",{"_48":144,"_37":145,"_35":146,"_136":-5,"_46":47,"_45":147,"_138":64,"_43":208,"_13":68,"_39":149,"_41":-5,"_29":30,"_142":-5,"_170":209,"_32":210},{"_48":203,"_37":194,"_35":190,"_136":146,"_46":47,"_45":204,"_138":64,"_43":205,"_13":68,"_39":149,"_41":-5,"_29":30,"_142":-5,"_170":206,"_32":207},{"_48":195,"_37":196,"_35":197,"_136":190,"_46":47,"_45":198,"_138":30,"_43":199,"_13":68,"_39":40,"_41":200,"_29":30,"_142":-5,"_170":201,"_32":202},{"_48":189,"_37":38,"_35":36,"_136":190,"_46":47,"_45":14,"_138":64,"_43":191,"_13":68,"_39":40,"_41":42,"_29":30,"_142":-5,"_170":192,"_32":193},{"_48":181,"_37":182,"_35":183,"_136":146,"_46":47,"_45":184,"_138":64,"_43":185,"_13":68,"_39":26,"_41":186,"_29":30,"_142":-5,"_170":187,"_32":188},{"_48":173,"_37":174,"_35":175,"_136":146,"_46":47,"_45":176,"_138":64,"_43":177,"_13":68,"_39":40,"_41":178,"_29":30,"_142":-5,"_170":179,"_32":180},{"_48":134,"_37":135,"_35":62,"_136":-5,"_46":47,"_45":137,"_138":64,"_43":169,"_13":68,"_39":140,"_41":141,"_29":30,"_142":-5,"_170":171,"_32":172},["D",1779463387014],"children",[],[135],"2a576d94-55f2-11f1-94c4-ee650bb23af1","index.tsx","2a576e8e-55f2-11f1-94c4-ee650bb23af1",6,["D",1779463400590],"/** @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",[],[145,174],"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",[],[145,182],"327f0ad6-55f2-11f1-b4d5-ee650bb23af1","2a86dce6-55f2-11f1-8f35-ee650bb23af1",["D",1779463414256],[],[145,194,38],"components","2f14b81e-55f2-11f1-8f35-ee650bb23af1","App.tsx","2f14b90e-55f2-11f1-8f35-ee650bb23af1",8,["D",1779463408533],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { TabBar } from \"./TabBar.tsx\";\nimport { RequestsPanel } from \"./RequestsPanel.tsx\";\nimport { ChatPanel } from \"./ChatPanel.tsx\";\n\nconst TABS = [\"Requests\", \"Chat\"] as const;\ntype Tab = (typeof TABS)[number];\n\nexport function App() {\n const [activeTab, setActiveTab] = useState(\"Requests\");\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",[],[145,194,196],"2a86dc3c-55f2-11f1-8f35-ee650bb23af1",7,["D",1779463400896],[164,165],[145,194],["D",1779463389598],[163,166,167],[145],["D",1779462765406],{"_102":101,"_110":106},{"_102":101,"_103":104,"_105":106,"_19":60,"_107":108,"_109":30},{"_13":91,"_37":92,"_48":47,"_93":49,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":50,"_100":101},"ctx",{"_84":-5,"_129":248,"_249":250,"_251":252,"_253":30,"_254":30,"_255":30,"_256":64,"_257":-5,"_258":-7,"_259":-7,"_260":68,"_261":30,"_262":30,"_263":-5,"_264":30,"_265":30,"_266":30,"_267":-5},"ENV",{"_219":220,"_221":222,"_223":92,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247},"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 · v9