[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_108":109,"_110":111},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","omriluz","name","diamond-dealdesk","path","frontend/components/UI.tsx","project",{"_22":49,"_11":12,"_35":50,"_51":-5,"_52":44,"_53":54,"_55":54,"_56":57,"_58":-5,"_59":60,"_61":62,"_63":34,"_64":-5,"_65":-5,"_66":38,"_67":68,"_69":70,"_71":72,"_73":74,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":86,"_87":88,"_89":90,"_91":44},"file",{"_22":23,"_11":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":-5,"_13":46},"permalink","https://www.val.town/x/omriluz/diamond-dealdesk/code/frontend/components/UI.tsx","extension","id","9b3ddd12-5d09-437a-94eb-0d4051bd01e2","UI.tsx","fileId","d86135c8-ab79-11f1-99cb-1607ee4eb77e","parentId","01a080ae-13c1-76f8-bf81-f59104acb4a0","branchId","450da61b-2536-4be1-a391-9ccc0f0c6fbe","branchVersion",7,"latest",true,"createdAt",["D",1788867523446],"version",0,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, {useEffect, useRef} from 'https://esm.sh/react@18.2.0';\nimport type {Analysis} from '../domain.ts';\nimport {displayPercent} from '../domain.ts';\nexport function Icon({name, className = 'h-4 w-4'}: {name:string; className?:string}) {\n const paths: Record = {\n diamond:<>,\n plus:, search:<>,\n refresh:<>,\n down:, up:,\n arrow:, close:,\n help:<>,\n check:, lock:<>,\n info:<>,\n link:<>,\n };\n return ;\n}\nexport const button = 'inline-flex items-center justify-center gap-2 rounded-lg px-4 py-2.5 text-sm font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-teal-600 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed';\nexport const secondary = `${button} border border-slate-200 bg-white text-slate-700 hover:bg-slate-50`;\nexport const primary = `${button} bg-teal-800 text-white hover:bg-teal-900`;\nexport const field = 'w-full min-w-0 rounded-lg border border-slate-200 bg-white px-3 py-2.5 text-sm text-slate-900 outline-none focus:border-teal-600 focus:ring-2 focus:ring-teal-100';\nexport function Comparison({data}: {data:Analysis}) {\n const below = data.direction === 'below', at = data.direction === 'at';\n return \n {!at && }\n {at ? 'At benchmark' : `${displayPercent(data.percent)}% ${below ? 'below' : 'above'} ${data.price.source === 'demo' ? 'demo' : 'Rap'}`}\n ;\n}\nexport function Modal({title, onClose, children, wide=false}: {title:string; onClose:()=>void; children:React.ReactNode; wide?:boolean}) {\n const ref = useRef(null);\n useEffect(() => {\n const previous = document.activeElement as HTMLElement;\n ref.current?.showModal();\n const old = document.body.style.overflow;\n document.body.style.overflow='hidden';\n return () => { document.body.style.overflow=old; if(previous?.isConnected) previous.focus(); };\n },[]);\n return ;\n}\n","deleted",false,"label",[47,48,24],"frontend","components","8b68b606-e895-47b1-bdcb-922bde243fd7",["D",1788865286969],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Diamond deal analysis MVP with Rapaport pricing","imageUrl","userId","f5be24e4-c798-4816-91e5-037b60b986f5","pinnedFileId","01a080ae-13c1-76f8-bf82-111d1bc14424","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","7f67379d-2d38-49bd-81ac-2c7f92a739e2","tursoName","8b68b606e89547b1bdcb922bde243fd7","tursoHostname","8b68b606e89547b1bdcb922bde243fd7-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789563628475],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_107":103},"org",{"_9":10,"_101":-5,"_102":103,"_59":60,"_104":105,"_106":44},"branch",{"_37":32,"_11":92,"_22":30,"_93":49,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":12,"_100":10},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycWxkOWxiOE00SkVtZENmRWM4YWxLWTRVUFMifQ","tier","free","canRestrictVals","profileImageUrl","ctx",{"_85":-5,"_141":142,"_143":144,"_145":146,"_147":44,"_148":44,"_149":44,"_150":34,"_151":-5,"_152":-7,"_153":-7,"_154":38,"_155":44,"_156":44,"_157":-5,"_158":44,"_159":44,"_160":44,"_161":-5},"ENV",{"_112":113,"_114":115,"_116":92,"_117":118,"_119":120,"_121":122,"_123":124,"_125":126,"_127":128,"_129":130,"_131":132,"_133":134,"_135":136,"_137":138,"_139":140},"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","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]