$onPrice(offer,e.target.value)}/>

;\n}\nfunction Stone({offer,onOpen}:{offer:Offer;onOpen:Props['onOpen']}) {\n return ;\n}\nfunction Reference({row,mode}:{row?:RowState;mode?:'live'|'demo'}) {\n if(!row || row.loading)return Calculating…;\n if(row.error)return Unavailable;\n if(!row.data)return null;\n const {data}=row;\n return <>{usd(data.rapTotal,true)}{usd(data.price.caratPrice)} / ct{data.price.proxy&&Pear-list proxy}{isOld(data.price)&&Check list date};\n}\nfunction Difference({row}:{row?:RowState}) {\n if(!row || row.loading)return Waiting for price;\n if(row.error)return {row.error};\n if(!row.data)return null;\n return <>{row.data.difference===0?'Same as benchmark':`${usd(Math.abs(row.data.difference),true)} ${row.data.direction} reference`};\n}\nexport function OfferList({offers,rowFor,onPrice,onOpen,mode}: Props) {\n return <>\n

\n \n {offers.map(o=>{const row=rowFor(o);return \n \n \n \n \n \n \n ;})}

Supplier offers and benchmark comparisons. Asking prices are editable.
Supplier	Diamond	Asking price USD	{mode==='live'?'Rap reference':'Demo reference'} USD	Compared with reference	Details
{o.supplier\|\|'Unnamed supplier'}{o.example?'Example offer':'Your offer'}		Total per stone

{offers.map(o=>{const row=rowFor(o);return

{o.supplier||'Unnamed supplier'}{o.example?' · Example':''}

Asking total (USD)

{mode==='live'?'Rap':'Demo'} reference

;})}

\n ;\n}\n","label",[160,161,71],"frontend","components","pulls","branches",2,"forks","envVars",{"_170":164,"_172":26},"connections",{"_170":26,"_171":26},"count","unfilledCount","emptyCount",{"_32":316,"_13":160,"_69":246,"_42":-5,"_34":35,"_153":225,"_154":91,"_36":317,"_38":26,"_72":313,"_156":-5,"_74":24,"_158":-5,"_197":318,"_17":319},{"_32":311,"_13":161,"_69":152,"_42":246,"_34":35,"_153":225,"_154":91,"_36":312,"_38":26,"_72":313,"_156":-5,"_74":24,"_158":-5,"_197":314,"_17":315},{"_32":304,"_13":305,"_69":306,"_42":152,"_34":35,"_153":39,"_154":91,"_36":307,"_38":255,"_72":73,"_156":308,"_74":24,"_158":-5,"_197":309,"_17":310},{"_32":297,"_13":298,"_69":299,"_42":152,"_34":35,"_153":225,"_154":91,"_36":300,"_38":26,"_72":73,"_156":301,"_74":24,"_158":-5,"_197":302,"_17":303},{"_32":290,"_13":291,"_69":292,"_42":152,"_34":35,"_153":39,"_154":91,"_36":293,"_38":26,"_72":73,"_156":294,"_74":24,"_158":-5,"_197":295,"_17":296},{"_32":151,"_13":71,"_69":70,"_42":152,"_34":35,"_153":39,"_154":91,"_36":287,"_38":26,"_72":73,"_156":157,"_74":24,"_158":-5,"_197":288,"_17":289},{"_32":280,"_13":281,"_69":282,"_42":152,"_34":35,"_153":39,"_154":91,"_36":283,"_38":26,"_72":73,"_156":284,"_74":24,"_158":-5,"_197":285,"_17":286},{"_32":273,"_13":274,"_69":275,"_42":246,"_34":35,"_153":39,"_154":91,"_36":276,"_38":26,"_72":73,"_156":277,"_74":24,"_158":-5,"_197":278,"_17":279},{"_32":266,"_13":267,"_69":268,"_42":246,"_34":35,"_153":39,"_154":91,"_36":269,"_38":225,"_72":21,"_156":270,"_74":24,"_158":-5,"_197":271,"_17":272},{"_32":259,"_13":260,"_69":261,"_42":246,"_34":35,"_153":225,"_154":91,"_36":262,"_38":26,"_72":73,"_156":263,"_74":24,"_158":-5,"_197":264,"_17":265},{"_32":251,"_13":252,"_69":253,"_42":246,"_34":35,"_153":39,"_154":91,"_36":254,"_38":255,"_72":73,"_156":256,"_74":24,"_158":-5,"_197":257,"_17":258},{"_32":243,"_13":244,"_69":245,"_42":246,"_34":35,"_153":39,"_154":91,"_36":247,"_38":26,"_72":73,"_156":248,"_74":24,"_158":-5,"_197":249,"_17":250},{"_32":236,"_13":237,"_69":238,"_42":-5,"_34":35,"_153":225,"_154":91,"_36":239,"_38":26,"_72":21,"_156":240,"_74":24,"_158":-5,"_197":241,"_17":242},{"_32":229,"_13":230,"_69":231,"_42":-5,"_34":35,"_153":39,"_154":91,"_36":232,"_38":26,"_72":21,"_156":233,"_74":24,"_158":-5,"_197":234,"_17":235},{"_32":221,"_13":222,"_69":223,"_42":-5,"_34":35,"_153":39,"_154":91,"_36":224,"_38":225,"_72":21,"_156":226,"_74":24,"_158":-5,"_197":227,"_17":228},{"_32":214,"_13":215,"_69":89,"_42":-5,"_34":35,"_153":39,"_154":91,"_36":216,"_38":164,"_72":217,"_156":218,"_74":24,"_158":-5,"_197":219,"_17":220},{"_32":207,"_13":208,"_69":209,"_42":-5,"_34":35,"_153":39,"_154":91,"_36":210,"_38":26,"_72":73,"_156":211,"_74":24,"_158":-5,"_197":212,"_17":213},{"_32":200,"_13":201,"_69":202,"_42":-5,"_34":35,"_153":39,"_154":91,"_36":203,"_38":26,"_72":73,"_156":204,"_74":24,"_158":-5,"_197":205,"_17":206},{"_32":192,"_13":193,"_69":194,"_42":-5,"_34":35,"_153":39,"_154":91,"_36":195,"_38":26,"_72":73,"_156":196,"_74":24,"_158":-5,"_197":198,"_17":199},"a84e5f83-5c25-4361-8250-4278252adafc","ui-selftest.ts","d861d51e-ab79-11f1-99cb-1607ee4eb77e",["D",1788867523446],"import React from 'https://esm.sh/react@18.2.0';\nimport {create} from 'https://esm.sh/react-test-renderer@18.2.0?deps=react@18.2.0';\nconst act = async (fn:()=>unknown) => {await fn(); await new Promise(r=>setTimeout(r,0));};\nimport {App} from './frontend/components/App.tsx';\nimport {validate,demoPrice,calculate} from './frontend/domain.ts';\n// Tests use synthetic fixtures only and never request licensed pricing.\nconst savedFetch=globalThis.fetch;\nconst data=new Map();\nObject.defineProperty(globalThis,'localStorage',{value:{getItem:(k:string)=>data.get(k)||null,setItem:(k:string,v:string)=>data.set(k,v)},configurable:true});\nObject.defineProperty(globalThis,'document',{value:{activeElement:null,body:{style:{overflow:''}}},configurable:true});\nObject.defineProperty(globalThis,'window',{value:{addEventListener(){},removeEventListener(){},confirm(){return true;}},configurable:true});\nlet fail=false;\nglobalThis.fetch=(async(url: string,init?:RequestInit)=>{\n if(String(url).endsWith('/api/status'))return Response.json({authorized:true,signedIn:true,configured:true,mode:'live'});\n if(fail)return Response.json({error:'Simulated pricing outage'},{status:502});\n const input=JSON.parse(String(init?.body));\n if(input.askingPrice==='10001')await new Promise(r=>setTimeout(r,900));\n const d=validate(input);return Response.json(calculate(d,{...demoPrice(d),source:'live',priceDate:'2026-09-04'}));\n}) as typeof fetch;\nconst passed:string[]=[];\nconst check=(test:unknown,name:string)=>{if(!test)throw new Error('FAILED: '+name);passed.push(name);};\nlet app:any;\nconst wait=async(ms=650)=>{await act(async()=>{await new Promise(r=>setTimeout(r,ms));});};\nconst text=()=>JSON.stringify(app.toJSON());\nconst input=()=>app.root.findAll((n:any)=>n.type==='input'&&n.props['aria-label']==='Total asking price for Ramesh')[0];\ntry {\n await act(async()=>{app=create(React.createElement(App),{createNodeMock:(node:any)=>node.type==='dialog'?{showModal(){}}:null});});\n await wait();\n check(text().includes('5 comparisons ready'),'Prefilled offers calculate on load');\n check(!text().includes('Best buyer')&&!text().includes('Strong opportunity'),'No invented buyer or buy recommendation');\n await act(async()=>input().props.onChange({target:{value:'10000'}}));await wait();\n check(text().includes('15.7% above Rap'),'Asking-price edits recalculate');\n check(text().includes('text-rose-700'),'Above-reference values have red styling');\n check(data.get('diamond-dealdesk-offers-v2')?.includes('10000'),'Offer edits persist locally');\n await act(async()=>input().props.onChange({target:{value:'-1'}}));await wait();\n check(text().includes('Enter a total asking price greater than'),'Invalid input has an actionable error');\n check(!text().includes('15.7% above Rap'),'Old result removed when the row is invalid');\n await act(async()=>input().props.onChange({target:{value:'10001'}}));await wait(450);\n await act(async()=>input().props.onChange({target:{value:'9000'}}));await wait(1100);\n check(text().includes('4.2% above Rap')&&!text().includes('15.8% above Rap'),'Out-of-order responses cannot overwrite edits');\n const search=app.root.find((n:any)=>n.type==='input'&&n.props['aria-label']==='Search offers');\n await act(async()=>search.props.onChange({target:{value:'nonexistent supplier'}}));\n check(text().includes('No offers match this view'),'Search empty state');\n await act(async()=>search.props.onChange({target:{value:''}}));\n await act(async()=>app.root.findAll((n:any)=>n.type==='button'&&n.props['aria-label']==='View details for Mehta')[0].props.onClick());\n check(text().includes('Pear-list proxy: there is no '),'Fancy-shape warning in details');\n await act(async()=>app.root.find((n:any)=>n.type==='button'&&n.props['aria-label']==='Close panel').props.onClick());\n fail=true;await act(async()=>input().props.onChange({target:{value:'8000'}}));await wait();\n check(text().includes('Simulated pricing outage')&&!text().includes('4.2% above Rap'),'Failed lookup clears old pricing, no fake fallback');\n fail=false;await act(async()=>input().props.onChange({target:{value:'8640'}}));await wait();\n check(text().includes('At benchmark'),'Exact-match comparison label');\n await act(async()=>app.unmount());\n await act(async()=>{app=create(React.createElement(App),{createNodeMock:()=>({showModal(){}})});});await wait();\n check(input().props.value==='8640','Reload restores saved offers');\n check(text().includes('lg:hidden')&&text().includes('hidden lg:block'),'Separate mobile-card and desktop-table layouts');\n console.log(JSON.stringify({passed:passed.length,checks:passed,fixtures:'synthetic',liveCredentialsRead:false}));\n} finally {if(app)app.unmount();globalThis.fetch=savedFetch;}\n","children",[],[193],"018539b2-c107-46f6-b702-1e2fb30076a6","selftest.ts","d861c182-ab79-11f1-99cb-1607ee4eb77e",["D",1788867523446],"import {calculate,validate,demoPrice,EXAMPLES} from './frontend/domain.ts';\nimport {normalizeDate,livePrice,configured} from './rapaport.ts';\nimport handler from './index.ts';\nconst checks: string[]=[];\nfunction check(condition: unknown,label:string){if(!condition)throw new Error('FAILED: '+label);checks.push(label);}\nconst base=validate(EXAMPLES[0]);\nconst synthetic={...demoPrice(base),caratPrice:8000};\nconst at=calculate({...base,askingPrice:8640},synthetic);\ncheck(at.direction==='at'&&at.percent===0&&at.difference===0,'Exact benchmark equality');\nconst below=calculate({...base,askingPrice:5400},synthetic);\ncheck(below.direction==='below'&&below.percent===-37.5&&below.difference===-3240,'Below reference arithmetic');\nconst above=calculate({...base,askingPrice:10000},synthetic);\ncheck(above.direction==='above'&&Math.abs(above.percent-15.7407407407407)<.000001,'Above reference arithmetic');\nfor(const change of [{carat:0},{carat:-1},{carat:NaN},{carat:true},{carat:6},{carat:1.234},{askingPrice:''},{askingPrice:0},{askingPrice:-1},{askingPrice:'Infinity'},{askingPrice:.001},{color:'Z'},{clarity:'bogus'},{shape:'

History · OfferList.tsx