PromptCompare

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_289":290,"_291":292},"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",16,"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/ModelPicker.tsx","latestPath","fileId","d4c4adc6-0ddd-11f1-a0cd-42dde27851f2","name","ModelPicker.tsx","fileType","script","content","/** @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","createdAt",["D",1771538183358],"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":284,"_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":285,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":286,"_81":287,"_83":288,"_85":24},"tree",[176,181,184,186,191],"files",[176,177,178,179,180,181,182,183,184,185,186,187,188,189,190,191],"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":281,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_193":282,"_26":283},{"_42":276,"_31":261,"_29":271,"_134":162,"_40":41,"_39":277,"_136":137,"_37":278,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_193":279,"_26":280},{"_42":270,"_31":262,"_29":256,"_134":271,"_40":41,"_39":272,"_136":137,"_37":273,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_193":274,"_26":275},{"_42":263,"_31":264,"_29":265,"_134":256,"_40":41,"_39":266,"_136":137,"_37":267,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_193":268,"_26":269},{"_42":253,"_31":254,"_29":255,"_134":256,"_40":41,"_39":257,"_136":137,"_37":258,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_193":259,"_26":260},{"_42":154,"_31":155,"_29":156,"_134":-5,"_40":41,"_39":157,"_136":137,"_37":250,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_193":251,"_26":252},{"_42":243,"_31":244,"_29":245,"_134":156,"_40":41,"_39":246,"_136":137,"_37":247,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_193":248,"_26":249},{"_42":236,"_31":237,"_29":238,"_134":156,"_40":41,"_39":239,"_136":137,"_37":240,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_193":241,"_26":242},{"_42":148,"_31":149,"_29":150,"_134":-5,"_40":41,"_39":151,"_136":137,"_37":233,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_193":234,"_26":235},{"_42":226,"_31":227,"_29":228,"_134":150,"_40":41,"_39":229,"_136":137,"_37":230,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_193":231,"_26":232},{"_42":142,"_31":143,"_29":144,"_134":-5,"_40":41,"_39":145,"_136":137,"_37":223,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_193":224,"_26":225},{"_42":218,"_31":213,"_29":207,"_134":144,"_40":41,"_39":219,"_136":137,"_37":220,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_193":221,"_26":222},{"_42":214,"_31":32,"_29":30,"_134":207,"_40":41,"_39":14,"_136":137,"_37":215,"_13":60,"_33":34,"_35":36,"_23":24,"_140":-5,"_193":216,"_26":217},{"_42":204,"_31":205,"_29":206,"_134":207,"_40":41,"_39":208,"_136":137,"_37":209,"_13":60,"_33":34,"_35":210,"_23":24,"_140":-5,"_193":211,"_26":212},{"_42":196,"_31":197,"_29":198,"_134":144,"_40":41,"_39":199,"_136":137,"_37":200,"_13":60,"_33":20,"_35":201,"_23":24,"_140":-5,"_193":202,"_26":203},{"_42":131,"_31":132,"_29":133,"_134":-5,"_40":41,"_39":135,"_136":137,"_37":192,"_13":60,"_33":139,"_35":-5,"_23":24,"_140":-5,"_193":194,"_26":195},["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,197],"d4bb0c3a-0ddd-11f1-af68-42dde27851f2","PromptInput.tsx","d4bb0d02-0ddd-11f1-af68-42dde27851f2","d456d4c2-0ddd-11f1-affc-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,213,205],"components","d4c4acf4-0ddd-11f1-a0cd-42dde27851f2",["D",1771538183358],[],[143,213,32],"d456d404-0ddd-11f1-affc-42dde27851f2",6,["D",1771538182654],[188,189],[143,213],["D",1771538182280],[187,190],[143],"d4899330-0ddd-11f1-affc-42dde27851f2","plans","d4899416-0ddd-11f1-affc-42dde27851f2",10,["D",1771538182987],[],[149,227],["D",1771538182578],[185],[149],"d47e06f0-0ddd-11f1-affc-42dde27851f2","routes","d47e07f4-0ddd-11f1-affc-42dde27851f2",9,["D",1771538182911],[],[155,237],"d46f556a-0ddd-11f1-affc-42dde27851f2","database","d46f5632-0ddd-11f1-affc-42dde27851f2",8,["D",1771538182814],[],[155,244],["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,261,262,254],"skills","ai-elements","d49fa990-0ddd-11f1-affc-42dde27851f2","references","d49faa8a-0ddd-11f1-affc-42dde27851f2",12,["D",1771538183130],[],[161,261,262,264],"d493da5c-0ddd-11f1-affc-42dde27851f2","d461f898-0ddd-11f1-83db-42dde27851f2",11,["D",1771538183055],[179,180],[161,261,262],"d461f7bc-0ddd-11f1-83db-42dde27851f2",7,["D",1771538182728],[178],[161,261],["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":322,"_323":324,"_325":326,"_327":24,"_328":24,"_329":24,"_330":137,"_331":-5,"_332":-7,"_333":-7,"_334":60,"_335":24,"_336":24,"_337":-5,"_338":24,"_339":24,"_340":24,"_341":-5},"ENV",{"_293":294,"_295":296,"_297":87,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321},"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 · v16