PromptCompare

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_298":299,"_300":301},"routes/_app.x.$handle.$name",{"_97":96,"_31":44,"_105":87,"_26":52,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":24,"_119":120,"_121":24,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":-5,"_56":24,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":64,"_65":66,"_67":68,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":24},"version",17,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","frontend/components/Sidebar.tsx","latestPath","fileId","d4cc7dee-0ddd-11f1-bb81-42dde27851f2","name","Sidebar.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\n// frontend/components/Sidebar.tsx\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { Conversation } from \"../../shared/types.ts\";\n\ninterface SidebarProps {\n conversations: Conversation[];\n activeId: string | null;\n onSelect: (id: string) => void;\n onNewChat: () => void;\n onDelete: (id: string) => void;\n onLogout: () => void;\n}\n\nexport function Sidebar(\n { conversations, activeId, onSelect, onNewChat, onDelete, onLogout }:\n SidebarProps,\n) {\n return (\n

\n \n + New Comparison\n \n

\n {conversations.map((conv) => (\n onSelect(conv.id)}\n >\n {conv.title}\n {\n e.stopPropagation();\n onDelete(conv.id);\n }}\n className=\"opacity-0 group-hover:opacity-100 text-gray-400 hover:text-red-400 ml-2\"\n >\n x\n \n

\n ))}\n

\n {\n await fetch(\"/api/auth/logout\", { method: \"POST\" });\n onLogout();\n }}\n className=\"text-sm text-gray-400 hover:text-white\"\n >\n Sign out\n \n

\n \n );\n}\n","createdAt",["D",1771538183419],"branchVersion","branchId","bc95f0ee-0dd2-11f1-8bfd-42dde27851f2","id","bc957d26-0dd2-11f1-8bfd-42dde27851f2","promptCompare",["D",1771533418336],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","b8db9d60-1994-11f0-a97f-49be2029e0a3","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","5affebf8-2371-44b9-a6da-146d4a0e1f13","tursoName","bc957d260dd211f18bfd42dde27851f2","tursoHostname","bc957d260dd211f18bfd42dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789530642963],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_104":100},"org",{"_97":96,"_98":-5,"_99":100,"_18":54,"_101":102,"_103":24},"branch",{"_13":86,"_31":87,"_42":41,"_88":43,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":44,"_95":96},"isOwned",191,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","drewmcdonald","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ydmtBUlRqVEEwb1lKTWo3UHNHN25IZlo0UFYifQ","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_42":43,"_31":44,"_37":293,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":-5,"_56":24,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":64,"_65":66,"_67":294,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":295,"_81":296,"_83":297,"_85":24},"tree",[176,181,184,186,192],"files",[176,177,178,179,180,181,182,183,184,185,186,187,188,189,190,191,192],"counts",{"_166":60,"_167":145,"_168":60,"_169":170,"_171":172},"contents",[126,127,128,129,130],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":160,"_31":161,"_29":162,"_134":-5,"_40":41,"_39":163,"_136":137,"_37":164,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_26":165},{"_42":154,"_31":155,"_29":156,"_134":-5,"_40":41,"_39":157,"_136":137,"_37":158,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_26":159},{"_42":148,"_31":149,"_29":150,"_134":-5,"_40":41,"_39":151,"_136":137,"_37":152,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_26":153},{"_42":142,"_31":143,"_29":144,"_134":-5,"_40":41,"_39":145,"_136":137,"_37":146,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_26":147},{"_42":131,"_31":132,"_29":133,"_134":-5,"_40":41,"_39":135,"_136":137,"_37":138,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_26":141},"d440b0c0-0ddd-11f1-affc-42dde27851f2","shared","d440b188-0ddd-11f1-affc-42dde27851f2","parentId",4,"latest",true,["D",1771538182510],"directory","label",[132],"d41df620-0ddd-11f1-af68-42dde27851f2","frontend","d41df706-0ddd-11f1-af68-42dde27851f2",1,["D",1771538182280],[143],"d44b1e98-0ddd-11f1-affc-42dde27851f2","docs","d44b1f88-0ddd-11f1-affc-42dde27851f2",5,["D",1771538182578],[149],"d43583d0-0ddd-11f1-affc-42dde27851f2","backend","d4358470-0ddd-11f1-affc-42dde27851f2",3,["D",1771538182437],[155],"d42b1f9e-0ddd-11f1-affc-42dde27851f2",".claude","d42b2052-0ddd-11f1-affc-42dde27851f2",2,["D",1771538182366],[161],"pulls","branches","forks","envVars",{"_173":163,"_175":60},"connections",{"_173":60,"_174":60},"count","unfilledCount","emptyCount",{"_42":160,"_31":161,"_29":162,"_134":-5,"_40":41,"_39":163,"_136":137,"_37":290,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_194":291,"_26":292},{"_42":285,"_31":270,"_29":280,"_134":162,"_40":41,"_39":286,"_136":137,"_37":287,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_194":288,"_26":289},{"_42":279,"_31":271,"_29":265,"_134":280,"_40":41,"_39":281,"_136":137,"_37":282,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_194":283,"_26":284},{"_42":272,"_31":273,"_29":274,"_134":265,"_40":41,"_39":275,"_136":137,"_37":276,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_194":277,"_26":278},{"_42":262,"_31":263,"_29":264,"_134":265,"_40":41,"_39":266,"_136":137,"_37":267,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_194":268,"_26":269},{"_42":154,"_31":155,"_29":156,"_134":-5,"_40":41,"_39":157,"_136":137,"_37":259,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_194":260,"_26":261},{"_42":252,"_31":253,"_29":254,"_134":156,"_40":41,"_39":255,"_136":137,"_37":256,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_194":257,"_26":258},{"_42":245,"_31":246,"_29":247,"_134":156,"_40":41,"_39":248,"_136":137,"_37":249,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_194":250,"_26":251},{"_42":148,"_31":149,"_29":150,"_134":-5,"_40":41,"_39":151,"_136":137,"_37":242,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_194":243,"_26":244},{"_42":235,"_31":236,"_29":237,"_134":150,"_40":41,"_39":238,"_136":137,"_37":239,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_194":240,"_26":241},{"_42":142,"_31":143,"_29":144,"_134":-5,"_40":41,"_39":145,"_136":137,"_37":232,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_194":233,"_26":234},{"_42":227,"_31":210,"_29":206,"_134":144,"_40":41,"_39":228,"_136":137,"_37":229,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_194":230,"_26":231},{"_42":219,"_31":220,"_29":221,"_134":206,"_40":41,"_39":222,"_136":137,"_37":223,"_13":60,"_33":34,"_35":224,"_23":24,"_140":-5,"_194":225,"_26":226},{"_42":211,"_31":212,"_29":213,"_134":206,"_40":41,"_39":214,"_136":137,"_37":215,"_13":60,"_33":34,"_35":216,"_23":24,"_140":-5,"_194":217,"_26":218},{"_42":205,"_31":32,"_29":30,"_134":206,"_40":41,"_39":14,"_136":137,"_37":207,"_13":60,"_33":34,"_35":36,"_23":24,"_140":-5,"_194":208,"_26":209},{"_42":197,"_31":198,"_29":199,"_134":144,"_40":41,"_39":200,"_136":137,"_37":201,"_13":60,"_33":20,"_35":202,"_23":24,"_140":-5,"_194":203,"_26":204},{"_42":131,"_31":132,"_29":133,"_134":-5,"_40":41,"_39":135,"_136":137,"_37":193,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_194":195,"_26":196},["D",1771538182510],"children",[],[132],"d4bf34d6-0ddd-11f1-af68-42dde27851f2","index.html","d4bf36c0-0ddd-11f1-af68-42dde27851f2",15,["D",1771538183337],"\n\n\n \n \n \n PromptCompare\n \n \n \n \n \n

\n \n \n\n",[],[143,198],"d4cc7ba0-0ddd-11f1-bb81-42dde27851f2","d456d4c2-0ddd-11f1-affc-42dde27851f2",["D",1771538183419],[],[143,210,32],"components","d4bb0c3a-0ddd-11f1-af68-42dde27851f2","PromptInput.tsx","d4bb0d02-0ddd-11f1-af68-42dde27851f2",14,["D",1771538183310],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n// frontend/components/PromptInput.tsx\nimport React, { useRef, useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface PromptInputProps {\n onSend: (content: string) => void;\n disabled: boolean;\n}\n\nexport function PromptInput({ onSend, disabled }: PromptInputProps) {\n const [value, setValue] = useState(\"\");\n const textareaRef = useRef(null);\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n const trimmed = value.trim();\n if (!trimmed || disabled) return;\n onSend(trimmed);\n setValue(\"\");\n if (textareaRef.current) textareaRef.current.style.height = \"auto\";\n };\n\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === \"Enter\" && !e.shiftKey) {\n e.preventDefault();\n handleSubmit(e);\n }\n };\n\n const handleInput = () => {\n const el = textareaRef.current;\n if (el) {\n el.style.height = \"auto\";\n el.style.height = Math.min(el.scrollHeight, 200) + \"px\";\n }\n };\n\n return (\n \n );\n}\n",[],[143,210,212],"d4c4acf4-0ddd-11f1-a0cd-42dde27851f2","ModelPicker.tsx","d4c4adc6-0ddd-11f1-a0cd-42dde27851f2",16,["D",1771538183358],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n// frontend/components/ModelPicker.tsx\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { ModelInfo } from \"../../shared/types.ts\";\n\ninterface ModelPickerProps {\n models: ModelInfo[];\n onConfirm: (modelIds: string[]) => void;\n onCancel: () => void;\n}\n\nexport function ModelPicker({ models, onConfirm, onCancel }: ModelPickerProps) {\n const [selected, setSelected] = useState>(new Set());\n\n const toggle = (id: string) => {\n setSelected((prev) => {\n const next = new Set(prev);\n if (next.has(id)) {\n next.delete(id);\n } else if (next.size < 4) {\n next.add(id);\n }\n return next;\n });\n };\n\n // Group by family\n const families = new Map();\n for (const m of models) {\n const fam = m.family;\n if (!families.has(fam)) families.set(fam, []);\n families.get(fam)!.push(m);\n }\n\n return (\n

Select Models

\n Choose up to 4 models to compare ({selected.size}/4)\n

\n\n {Array.from(families.entries()).map(([family, familyModels]) => (\n

\n {family}\n

\n {familyModels.map((model) => (\n = 4\n ? \"opacity-50 cursor-not-allowed\"\n : \"\"\n }`}\n >\n toggle(model.id)}\n disabled={!selected.has(model.id) && selected.size >= 4}\n className=\"rounded\"\n />\n

\n {model.name}\n

\n \n ${model.cost.input}/${model.cost.output} per 1M\n \n \n ))}\n

\n ))}\n\n

\n \n Cancel\n \n onConfirm(Array.from(selected))}\n disabled={selected.size === 0}\n className=\"px-4 py-2 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 disabled:opacity-50\"\n >\n Start Comparison\n \n

\n );\n}\n",[],[143,210,220],"d456d404-0ddd-11f1-affc-42dde27851f2",6,["D",1771538182654],[188,189,190],[143,210],["D",1771538182280],[187,191],[143],"d4899330-0ddd-11f1-affc-42dde27851f2","plans","d4899416-0ddd-11f1-affc-42dde27851f2",10,["D",1771538182987],[],[149,236],["D",1771538182578],[185],[149],"d47e06f0-0ddd-11f1-affc-42dde27851f2","routes","d47e07f4-0ddd-11f1-affc-42dde27851f2",9,["D",1771538182911],[],[155,246],"d46f556a-0ddd-11f1-affc-42dde27851f2","database","d46f5632-0ddd-11f1-affc-42dde27851f2",8,["D",1771538182814],[],[155,253],["D",1771538182437],[182,183],[155],"d4abe7b4-0ddd-11f1-bb81-42dde27851f2","scripts","d4abe890-0ddd-11f1-bb81-42dde27851f2","d493db2e-0ddd-11f1-affc-42dde27851f2",13,["D",1771538183208],[],[161,270,271,263],"skills","ai-elements","d49fa990-0ddd-11f1-affc-42dde27851f2","references","d49faa8a-0ddd-11f1-affc-42dde27851f2",12,["D",1771538183130],[],[161,270,271,273],"d493da5c-0ddd-11f1-affc-42dde27851f2","d461f898-0ddd-11f1-83db-42dde27851f2",11,["D",1771538183055],[179,180],[161,270,271],"d461f7bc-0ddd-11f1-83db-42dde27851f2",7,["D",1771538182728],[178],[161,270],["D",1771538182366],[177],[161],["D",1771533418336],["D",1789530642963],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":54,"_101":102,"_103":24},{"_13":86,"_31":87,"_42":41,"_88":43,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":44,"_95":96},"ctx",{"_79":-5,"_123":331,"_332":333,"_334":335,"_336":24,"_337":24,"_338":24,"_339":137,"_340":-5,"_341":-7,"_342":-7,"_343":60,"_344":24,"_345":24,"_346":-5,"_347":24,"_348":24,"_349":24,"_350":-5},"ENV",{"_302":303,"_304":305,"_306":87,"_307":308,"_309":310,"_311":312,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324,"_325":326,"_327":328,"_329":330},"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 · v17