[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_103":104,"_105":106},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","AyanAfzal","name","TheAgents","path","app.ts","project",{"_22":45,"_11":12,"_33":46,"_47":-5,"_48":42,"_49":50,"_51":50,"_52":53,"_54":-5,"_55":56,"_57":58,"_59":32,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":42},"file",{"_22":23,"_11":14,"_24":25,"_26":-5,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":-5,"_13":44},"permalink","https://www.val.town/x/AyanAfzal/TheAgents/code/app.ts","extension","id","daf79b34-d205-4851-8f8f-b3ee53d5e5bf","fileId","ff1c9f76-aedb-11f1-bdb0-1607ee4eb77e","parentId","branchId","ffa65750-a2bb-44f4-bf59-b45deb4c8118","branchVersion",76,"latest",true,"createdAt",["D",1789293468982],"version",8,"fileType","script","content","// THE AGENTS — client script. Embedded by page.ts into the served HTML.\n// Lives in the same val; keep it beside main.ts and page.ts.\n\nexport const APP = `\nvar SERVICES = [\n{ id:'monetization', icon:'▶', name:'YouTube monetization pack', desc:'Watch hours and subscribers delivered together so the channel clears the YPP bar without a suspicious spike.' },\n{ id:'watchhours', icon:'⏱', name:'Watch hours', desc:'Long-form watch time from recommended-feed traffic, paced daily and held above 45% retention.' },\n{ id:'subscribers', icon:'👤', name:'Subscribers', desc:'Real accounts with history and activity, drip-fed over 10–14 days with 90-day refill cover.' },\n{ id:'views', icon:'📈', name:'Views', desc:'High-retention views for launches, with the option to target a single upload or the whole channel.' },\n{ id:'shorts', icon:'⚡', name:'Shorts growth', desc:'Shorts feed push for vertical uploads, tuned for swipe-through rate rather than raw view count.' },\n{ id:'channel', icon:'🚀', name:'Channel growth package', desc:'Thirty days of managed growth: hours, subs, thumbnail and title review, priority support.' }\n];\nvar MOTION = {\nreduce: !!(window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches),\nhover: !!(window.matchMedia && window.matchMedia('(hover:hover) and (pointer:fine)').matches),\nio: null, on: false\n};\nvar state = { token:null, user:null, admin:false, canSell:false, verified:true, pending:null, chip:'all', lastOrder:null, awaitingReturn:false, listings:[], authMode:'login', lastMsg:'' };\nvar LS_TOKEN='ta_token', LS_USER='ta_user';\nfunction $(id){ return document.getElementById(id); }\nfunction esc(s){ return String(s==null?'':s).replace(/[&<>\"']/g, function(c){\nreturn {'&':'&','<':'<','>':'>','\"':'"',\"'\":'''}[c]; }); }\nfunction money(n){ return new Intl.NumberFormat(CFG.locale,{maximumFractionDigits:0}).format(Number(n)||0); }\nfunction price(n){ return CFG.currency + ' ' + money(n); }\nvar toastTimer=null;\nfunction toast(msg){\nvar t=$('toast'); t.textContent=msg; t.classList.remove('hide');\nclearTimeout(toastTimer); toastTimer=setTimeout(function(){ t.classList.add('hide'); },3000);\n}\nasync function api(path, opts){\nopts=opts||{};\nvar headers={'content-type':'application/json'};\nif (state.token) headers.authorization='Bearer '+state.token;\nvar res=await fetch(path,{ method:opts.method||'GET', headers:headers,\nbody: opts.body ? JSON.stringify(opts.body) : undefined });\nvar data={}; try{ data=await res.json(); }catch(e){}\nif(!res.ok) throw new Error(data.error || ('Request failed ('+res.status+')'));\nreturn data;\n}\n// session\nfunction saveSession(token,user,admin,canSell,verified){\nstate.token=token; state.user=user;\nstate.admin=!!admin; state.canSell=!!canSell; state.verified=verified!==false;\nlocalStorage.setItem(LS_TOKEN,token);\nlocalStorage.setItem(LS_USER,JSON.stringify(user));\nrenderAuthArea();\n}\nfunction clearSession(){\nstate.token=null; state.user=null; state.admin=false; state.canSell=false; state.verified=true;\nlocalStorage.removeItem(LS_TOKEN); localStorage.removeItem(LS_USER);\nrenderAuthArea();\n}\nasync function restoreSession(){\nvar token=localStorage.getItem(LS_TOKEN);\nif(!token){ renderAuthArea(); return; }\nstate.token=token;\nvar cached=localStorage.getItem(LS_USER);\nif(cached){ try{ state.user=JSON.parse(cached); }catch(e){} }\nrenderAuthArea();\ntry{\nvar out=await api('/api/me');\nif(out.user) saveSession(token,out.user,out.admin,out.canSell,out.verified);\nelse clearSession();\n}catch(e){ clearSession(); }\n}\n// nav\nfunction renderAuthArea(){\nvar u=state.user;\n// Admin and seller entry points are rendered only for accounts the server\n// confirmed — /api/me decides, never the client.\n$('navAdmin').classList.toggle('hide', !state.admin);\n$('mNavAdmin').classList.toggle('hide', !state.admin);\n$('navSell').classList.toggle('hide', !state.canSell);\n$('mNavSell').classList.toggle('hide', !state.canSell);\n$('mNavOrders').classList.toggle('hide', !u);\nvar html;\nif(!u){\nhtml=''+\n'';\n} else {\nvar role = state.admin ? 'Admin' : (state.canSell ? 'Seller' : 'Buyer');\nvar badgeCls = state.admin ? 'border-emerald/40 text-emerald' : (state.canSell ? 'border-violet/60 text-violet' : 'border-line text-mute');\nvar become = (!state.canSell && !state.admin)\n? '' : '';\nhtml=''+\n''+esc(u.name.split(' ')[0])+\n''+role+''+\nbecome+\n'';\n}\n$('authArea').innerHTML=html;\n\nvar mob;\nif(!u){\nmob=''+\n'';\n} else {\nvar roleM = state.admin ? 'Admin' : (state.canSell ? 'Seller' : 'Buyer');\nvar badgeM = state.admin ? 'border-emerald/40 text-emerald' : (state.canSell ? 'border-violet/60 text-violet' : 'border-line text-mute');\nmob='

'+\n''+esc(u.name.split(' ')[0])+''+\n''+roleM+'

'+\n((!state.canSell && !state.admin)\n? '' : '')+\n'';\n}\n$('authAreaMobile').innerHTML=mob;\n}\nfunction toggleMenu(force){\nvar d=$('menuD'); if(!d) return;\nd.open = (force===undefined) ? !d.open : !!force;\n}\nvar VIEWS = { home:'#/', orders:'#/orders', sell:'#/sell', admin:'#/admin' };\n\nfunction viewFromHash(){\nvar h = (location.hash || '#/').toLowerCase();\nif(h.indexOf('orders') > -1) return 'orders';\nif(h.indexOf('sell') > -1) return 'sell';\nif(h.indexOf('admin') > -1) return 'admin';\nreturn 'home';\n}\n\n// Back must move between views, not leave the site.\nfunction applyHash(){\nvar v = viewFromHash();\nif(v === 'admin' && !state.admin) v = 'home';\nif(v === 'sell' && !state.canSell) v = 'home';\nrender(v);\n}\n\nfunction go(view, silent){\nif(!silent && VIEWS[view] && location.hash !== VIEWS[view]) location.hash = VIEWS[view];\nrender(view);\n}\n\nfunction render(view){\n['home','orders','sell','admin'].forEach(function(v){\n$('view-'+v).classList.toggle('hide', v!==view);\n});\nwindow.scrollTo({top:0});\nif(view==='orders') loadMyOrders();\nif(view==='sell'){ renderMyListings(); loadSellerOrders(); }\nif(view==='admin') loadAdmin();\n}\n// Section anchors live inside #view-home. From the seller or admin panel that\n// view is display:none, so a bare #hash jumps nowhere — switch view first.\nfunction goSection(id){\ntoggleMenu(false);\napplyHash();\nvar el = document.getElementById(id);\nif(el) setTimeout(function(){ el.scrollIntoView({ behavior:'smooth', block:'start' }); }, 70);\n}\n\nfunction goHome(){\ntoggleMenu(false);\ngo('home');\nwindow.scrollTo({ top:0, behavior:'smooth' });\n}\n\nfunction getStarted(){\nif(!state.user) return openAuth('register');\ndocument.getElementById('pricing').scrollIntoView({behavior:'smooth'});\n}\n// modals\nfunction openModal(id){\ntoggleMenu(false);\n$(id).classList.remove('hide');\ndocument.body.classList.add('noscroll');\n}\nfunction closeModal(id){ $(id).classList.add('hide'); document.body.classList.remove('noscroll'); }\nfunction openAuth(mode){ setAuthMode(mode); openModal('authModal'); setTimeout(function(){ $('aEmail').focus(); },40); }\nfunction setAuthMode(mode){\nstate.authMode=mode;\nvar reg = mode==='register';\n$('authTitle').textContent = reg ? 'Create your account' : 'Log in';\n$('authSubmit').textContent = reg ? 'Create account' : 'Log in';\n$('nameRow').classList.toggle('hide', !reg);\n$('aName').required = reg;\n$('aPass').setAttribute('autocomplete', reg ? 'new-password' : 'current-password');\n$('tabLogin').className = 'py-2.5 rounded-xl ' + (reg ? 'text-mute' : 'bg-card font-semibold');\n$('tabRegister').className = 'py-2.5 rounded-xl ' + (reg ? 'bg-card font-semibold' : 'text-mute');\n$('authError').classList.add('hide');\n}\nasync function submitAuth(e){\ne.preventDefault();\nvar btn=$('authSubmit'), err=$('authError');\nerr.classList.add('hide'); btn.disabled=true;\ntry{\nvar out=await api(state.authMode==='register' ? '/api/register' : '/api/login', { method:'POST', body:{\nname: $('aName').value.trim(), email: $('aEmail').value.trim(), password: $('aPass').value\n}});\nsaveSession(out.token,out.user,false,false,out.verified);\nvar who=await api('/api/me');\nsaveSession(out.token,who.user,who.admin,who.canSell,who.verified);\ncloseModal('authModal');\n$('aPass').value='';\nif(state.pending){ var p=state.pending; state.pending=null; setTimeout(function(){ checkout(p); }, 300); }\ntoast('Welcome, '+out.user.name.split(' ')[0]+'.');\nif(who.admin) go('admin');\n}catch(ex){ err.textContent=ex.message; err.classList.remove('hide'); }\nfinally{ btn.disabled=false; }\n}\nasync function logout(){\ntry{ await api('/api/logout',{method:'POST'}); }catch(e){}\nclearSession(); go('home'); toast('Logged out.');\n}\n// seller application\nfunction openSeller(){\nif(!state.user) return openAuth('register');\n$('sellerMsg').classList.add('hide');\n$('sellerOpen').classList.add('hide');\n$('sellerNoteMsg').classList.add('hide');\nopenModal('sellerModal');\n}\nasync function sendSellerRequest(btn){\nvar tab=window.open('','_blank');\nbtn.disabled=true;\ntry{\nvar out=await api('/api/request-seller',{ method:'POST', body:{ note: $('sellerNote').value.trim() }});\nvar copied=await copyText(out.message);\nif(tab && !tab.closed) tab.location.href=out.waUrl;\n$('sellerMsg').textContent=out.message;\n$('sellerMsg').classList.remove('hide');\n$('sellerOpen').href=out.waUrl;\n$('sellerOpen').classList.remove('hide');\n$('sellerNoteMsg').textContent = (out.prefill\n? 'Your application is typed into WhatsApp — just send it.'\n: 'Our support number uses a WhatsApp short link, which cannot carry a prefilled message. '\n+ (copied ? 'Your details are on the clipboard — paste them into the chat.' : 'Copy the text above and paste it into the chat.'))\n+ ' Your request is logged either way.';\n$('sellerNoteMsg').classList.remove('hide');\ntoast(out.alreadyPending ? 'Application already on file.' : 'Application submitted.');\n}catch(ex){\nif(tab && !tab.closed) tab.close();\ntoast(ex.message);\n} finally{ btn.disabled=false; }\n}\n// services + listings\nfunction renderServices(){\n$('serviceGrid').innerHTML = SERVICES.map(function(s){\nreturn '

'+\n''+s.icon+''+\n'

'+esc(s.name)+'

'+\n'

'+esc(s.desc)+'

'+\n''+\n'

';\n}).join('');\nanimateIn('#serviceGrid > *');\n}\n// Real counts only. If the platform is new the strip stays hidden rather\n// than displaying zeros or invented figures.\nasync function loadStats(){\ntry{\nvar out=await api('/api/stats');\nvar s=out.stats||{};\nvar cells=[];\nif(s.delivered>0) cells.push(['Orders delivered', money(s.delivered)]);\nif(s.sellers>0) cells.push(['Verified sellers', money(s.sellers)]);\nif(s.listings>0) cells.push(['Live packages', money(s.listings)]);\nif(s.refillDays) cells.push(['Refill cover', s.refillDays+' days']);\nif(cells.length<2) return;\n$('statGrid').innerHTML=cells.map(function(c){\nreturn '

'+esc(c[1])+'

'+esc(c[0])+'

';\n}).join('');\n$('proof').classList.remove('hide');\n}catch(e){}\n}\n\nasync function loadListings(){\ntry{ var out=await api('/api/listings'); state.listings=out.listings||[]; }\ncatch(e){ state.listings=[]; }\nrenderListings();\n}\nfunction setChip(cat, btn){\nstate.chip = cat;\nvar all = document.querySelectorAll('#chips .chip');\nfor(var i=0;i0);\n$('listingGrid').innerHTML=list.map(function(p){\nvar cover;\nif(p.video_key){\ncover='

';\n} else if(p.image_key){\ncover=' $\"\"$ ';\n} else {\ncover='

'+esc((p.title||'?').charAt(0).toUpperCase())+'

';\n}\nvar tagHtml='';\nif(p.tags){\ntagHtml='

'+p.tags.split(',').slice(0,6).map(function(t){\nreturn ''+esc(t.trim())+'';\n}).join('')+'

';\n}\nreturn '

'+\n'

'+cover+'

'+\n'

'+\n''+esc(p.category)+''+\n'#'+esc(p.id)+''+\n'

'+\n'

'+esc(p.title)+'

'+\n(p.description ? '

'+esc(p.description)+'

' : '

Message the seller on WhatsApp for delivery times and terms.

')+\n'

'+\n''+esc((p.seller_name||'?').charAt(0).toUpperCase())+''+\n''+esc(p.seller_name)+''+\n'

'+tagHtml+\n'

'+\n''+esc(price(p.price))+''+\n''+\n'

'+\n'

';\n}).join('');\nanimateIn('#listingGrid > *');\n}\n/* checkout: window.open() fires synchronously inside the click handler —\nafter the await it loses the gesture context and iOS blocks it. */\nfunction orderListing(id, btn){ return checkout({ listingId:id }, btn); }\nfunction buyPackage(pid, btn){ return checkout({ packageId:pid }, btn); }\nasync function checkout(payload, btn){\nif(!state.user){\nstate.pending=payload;\nopenAuth('register');\n$('authTitle').textContent='Create an account to generate your SKU';\n$('authWhy').textContent='Your order number is issued to your account so you and the seller can both track it. Takes a few seconds.';\nreturn;\n}\nbtn = btn || {};\nvar tab=window.open('','_blank');\nvar label=btn.textContent;\nbtn.disabled=true; btn.textContent='Creating SKU...';\ntry{\nvar out=await api('/create-order',{ method:'POST', body:payload });\nstate.lastMsg=out.message;\nvar copied=await copyText(out.message);\nif(tab && !tab.closed) tab.location.href=out.waUrl;\nshowSku(out, copied, !tab || tab.closed);\n}catch(ex){\nif(tab && !tab.closed) tab.close();\ntoast(ex.message);\n} finally{ btn.disabled=false; btn.textContent=label; }\n}\nasync function copyText(text){\ntry{\nif(navigator.clipboard && window.isSecureContext){ await navigator.clipboard.writeText(text); return true; }\n}catch(e){}\ntry{\nvar ta=document.createElement('textarea');\nta.value=text; ta.style.position='fixed'; ta.style.opacity='0';\ndocument.body.appendChild(ta); ta.select();\nvar ok=document.execCommand('copy');\ndocument.body.removeChild(ta);\nreturn ok;\n}catch(e){ return false; }\n}\nfunction showSku(out, copied, blocked){\nstate.lastOrder = out;\n$('skuCode').textContent=out.sku;\n$('skuProduct').textContent=out.product.title;\n$('skuPrice').textContent=price(out.product.price);\n$('skuSeller').textContent=out.product.seller_name;\n$('skuMsg').textContent=out.message;\nvar note = out.prefill\n? 'The message is already typed in WhatsApp. Send it as it is and the seller will see your SKU.'\n: 'This seller uses a WhatsApp short link, which cannot carry a prefilled message. '\n+ (copied ? 'The message is on your clipboard — paste it into the chat.' : 'Copy the message above and paste it into the chat.');\nif(blocked) note+=' Your browser blocked the new tab, so use the Open WhatsApp button.';\n$('skuNote').textContent=note;\n$('skuGo').textContent = copied ? 'Copied — open WhatsApp again' : 'Copy details & open WhatsApp';\nstate.awaitingReturn = true;\nopenModal('skuModal');\nif(state.user) loadMyOrders();\n}\n// Runs inside the click, so the popup blocker allows the tab.\nasync function copyAndOpen(){\nif(!state.lastOrder) return;\nvar ok = await copyText(state.lastOrder.message);\nwindow.open(state.lastOrder.waUrl, '_blank');\nstate.awaitingReturn = true;\n$('skuGo').textContent = ok ? 'Copied — open WhatsApp again' : 'Open WhatsApp again';\n}\n\n// Coming back from WhatsApp should land on the order, not a stale modal.\ndocument.addEventListener('visibilitychange', function(){\nif(document.visibilityState !== 'visible' || !state.awaitingReturn) return;\nstate.awaitingReturn = false;\ncloseModal('skuModal');\nif(state.user) go('orders');\n});\n// orders\nfunction statusPill(st){\nvar cls = st==='Delivered' ? 'border-emerald/40 text-emerald'\n: (st==='Cancelled' ? 'border-line text-mute' : 'border-cyan/50 text-cyan');\nreturn ''+esc(st)+'';\n}\n\n// mode: 'buyer' (cancel own pending order), 'seller' / 'admin' (full control), null (read only)\nfunction statusActions(o, mode){\nif(mode==='buyer'){\nreturn o.status==='Pending'\n? ''\n: '—';\n}\nif(mode==='seller' || mode==='admin'){\nvar out='';\nif(o.status!=='Delivered') out+=' ';\nif(o.status!=='Cancelled') out+=' ';\nif(o.status!=='Pending') out+='';\nreturn out || '—';\n}\nreturn '';\n}\n\nfunction ordersTable(rows, party, partyLabel, mode){\nvar acts = !!mode;\nvar cards = '

'+rows.map(function(o){\nreturn '

'+\n'

'+\n''+esc(o.sku)+''+statusPill(o.status)+'

'+\n'

'+esc(o.product_title)+'

'+\n'

'+\n''+esc(price(o.price))+''+\n''+partyLabel+': '+esc(o[party]||'guest')+''+\n''+esc(String(o.created_at).slice(0,10))+'

'+\n(acts ? '

'+statusActions(o,mode)+'

' : '')+\n'

';\n}).join('')+'

';\nreturn cards+'

'+\n''+\n''+\n''+\n(acts?'':'')+\n''+\nrows.map(function(o){\nreturn ''+\n''+\n''+\n''+\n''+\n''+\n''+\n(acts?'':'')+\n'';\n}).join('')+'

SKU	Package	Price	'+partyLabel+'	Status	Created	Actions
'+esc(o.sku)+'	'+esc(o.product_title)+'	'+esc(price(o.price))+'	'+esc(o[party]\|\|'guest')+'	'+statusPill(o.status)+'	'+esc(String(o.created_at).slice(0,16).replace('T',' '))+'	'+statusActions(o,mode)+'

';\n}\nasync function loadMyOrders(){\nvar wrap=$('ordersWrap');\nif(!state.user){ wrap.innerHTML='

'; return; }\ntry{\nvar out=await api('/api/my-orders');\nvar rows=out.orders||[];\nwrap.innerHTML = rows.length ? ordersTable(rows,'seller_name','Seller','buyer')\n: '

'+\n'

No orders yet

'+\n'

Pick a package and your SKU appears here.

'+\n'

';\n}catch(ex){ wrap.innerHTML='

'+esc(ex.message)+'

'; }\n}\nasync function loadSellerOrders(){\nvar wrap=$('sellerOrdersWrap');\ntry{\nvar out=await api('/api/seller-orders');\nvar rows=out.orders||[];\nwrap.innerHTML = rows.length ? ordersTable(rows,'buyer_name','Buyer','seller')\n: '

Nothing ordered yet. Orders land here the moment a buyer taps your package.

';\n}catch(ex){ wrap.innerHTML='

'+esc(ex.message)+'

'; }\n}\n// seller panel\nfunction compressImage(file, maxW, quality){\nreturn new Promise(function(resolve, reject){\nif(file.size > 25000000){ reject(new Error('That file is too large to process.')); return; }\nvar reader = new FileReader();\nreader.onerror = function(){ reject(new Error('Could not read that file.')); };\nreader.onload = function(){\nvar img = new Image();\nimg.onerror = function(){ reject(new Error('That file is not a readable image.')); };\nimg.onload = function(){\nvar scale = Math.min(1, maxW / img.width);\nvar w = Math.max(1, Math.round(img.width * scale));\nvar h = Math.max(1, Math.round(img.height * scale));\nvar c = document.createElement('canvas');\nc.width = w; c.height = h;\nvar ctx = c.getContext('2d');\nctx.fillStyle = '#0B1020';\nctx.fillRect(0, 0, w, h);\nctx.drawImage(img, 0, 0, w, h);\nresolve(c.toDataURL('image/jpeg', quality));\n};\nimg.src = reader.result;\n};\nreader.readAsDataURL(file);\n});\n}\n\nfunction previewImage(){\nvar f = $('pImage').files && $('pImage').files[0];\nvar box = $('pImagePreview');\nif(!f){ box.innerHTML = 'No image'; return; }\ncompressImage(f, 1200, .82).then(function(dataUrl){\nbox.innerHTML = ' $\"\"$ ';\n$('pImageNote').textContent = 'Ready to upload, about ' + Math.round((dataUrl.length*0.75)/1024) + ' KB.';\nbox.style.animation='riseIn .4s cubic-bezier(.22,1,.36,1) both';\n}).catch(function(ex){\nbox.innerHTML = 'No image';\n$('pImageNote').textContent = ex.message;\n});\n}\n\nasync function uploadCover(){\nvar f = $('pImage').files && $('pImage').files[0];\nif(!f) return '';\nvar dataUrl = await compressImage(f, 1200, .82);\nvar out = await api('/api/upload-image', { method:'POST', body:{ dataUrl: dataUrl } });\nreturn out.key;\n}\n\nasync function publishListing(e){\ne.preventDefault();\nvar btn=e.target.querySelector('button');\nvar label=btn.textContent;\nbtn.disabled=true;\ntry{\nvar imageKey='';\nif($('pImage').files && $('pImage').files[0]){\nbtn.textContent='Uploading image...';\nimageKey=await uploadCover();\n}\nvar videoKey='';\nif($('pVideo').files && $('pVideo').files[0]){\nvar vf=$('pVideo').files[0];\nbtn.textContent='Uploading video...';\nvar vres=await fetch('/api/upload-video',{ method:'POST',\nheaders:{ authorization:'Bearer '+state.token, 'content-type': vf.type||'video/mp4' }, body: vf });\nvar vout=await vres.json();\nif(!vres.ok) throw new Error(vout.error||'Video upload failed');\nvideoKey=vout.key;\n}\nbtn.textContent='Publishing...';\nvar out=await api('/api/listings',{ method:'POST', body:{\ntitle:$('pTitle').value.trim(), price:Number($('pPrice').value), imageKey:imageKey,\nvideoKey:videoKey, tags:$('pTags').value.trim(),\ndescription:$('pDesc').value.trim(), category:$('pCat').value, waLink:$('pLink').value.trim()\n}});\n$('pTitle').value=''; $('pPrice').value=''; $('pDesc').value='';\n$('pImage').value=''; $('pImagePreview').innerHTML='No image';\n$('pVideo').value=''; $('pTags').value='';\n$('pImageNote').textContent='Optional. Compressed on your phone before upload.';\nawait loadListings();\nloadStats();\n\n// If the blob clip is missing or fails to decode, fall back to the YouTube\n// embed rather than leaving a black rectangle in the hero.\n(function(){\nvar v=document.querySelector('#heroMedia video');\nif(!v) return;\nvar swap=function(){\nif(v.dataset.swapped) return;\nv.dataset.swapped='1';\nvar f=document.createElement('iframe');\nf.className='w-full aspect-video';\nf.setAttribute('src','https://www.youtube.com/embed/'+CFG.youtubeId+'?rel=0&playsinline=1');\nf.setAttribute('title',CFG.brand);\nf.setAttribute('loading','lazy');\nf.setAttribute('frameborder','0');\nf.setAttribute('allow','accelerometer; autoplay; encrypted-media; picture-in-picture');\nf.setAttribute('allowfullscreen','');\nv.replaceWith(f);\n};\nv.addEventListener('error', swap);\nv.addEventListener('stalled', swap);\n// A missing blob returns JSON with a 200-ish shape, so also check it actually loaded.\nsetTimeout(function(){ if(!v.videoWidth) swap(); }, 3500);\n})(); renderMyListings();\ntoast(out.prefill ? 'Published. Buyers get the SKU typed in automatically.' : 'Published. Short link saved — buyers will paste the SKU.');\n}catch(ex){ toast(ex.message); }\nfinally{ btn.disabled=false; btn.textContent=label; }\n}\nfunction renderMyListings(){\nvar wrap=$('myListings');\nif(!state.user){ wrap.innerHTML=''; return; }\nvar mine=state.listings.filter(function(p){ return Number(p.seller_id)===Number(state.user.id); });\nwrap.innerHTML = mine.length ? mine.map(function(p){\nvar thumb = p.image_key\n? ' $\"\"$ '\n: '';\nreturn '

'+\nthumb+\n'

'+esc(p.title)+'

'+\n'

'+esc(price(p.price))+' · '+esc(p.category)+'

'+\n'

';\n}).join('') : '

Nothing published yet. The form puts your first package in the marketplace.

';\n}\nasync function removeListing(id){\ntry{\nawait api('/api/listings/delete',{ method:'POST', body:{ id:id }});\nawait loadListings(); renderMyListings();\ntoast('Listing removed.');\n}catch(ex){ toast(ex.message); }\n}\n\n// motion system — CSS drives every animation; this only flips a class when an\n// element scrolls into view. No library, so nothing can fail to load.\nfunction animateIn(sel){\nvar list = document.querySelectorAll(sel);\nfor(var i=0;i div > div';\nif(MOTION.reduce || !window.IntersectionObserver){\ndocument.querySelectorAll(sel).forEach(function(el){ el.classList.add('in'); });\nreturn;\n}\nMOTION.io = new IntersectionObserver(function(entries){\nentries.forEach(function(e){\nif(e.isIntersecting){ e.target.classList.add('in'); MOTION.io.unobserve(e.target); }\n});\n}, { rootMargin:'0px 0px -8% 0px', threshold:.08 });\nMOTION.on = true;\nanimateIn(sel);\n\nvar dash = document.querySelector('#heroMedia .dash');\nif(!dash) return;\nvar done = false;\nvar cio = new IntersectionObserver(function(en){\nif(done || !en[0].isIntersecting) return;\ndone = true;\ndash.querySelectorAll('.num').forEach(function(el){\nvar to = Number(el.getAttribute('data-to')) || 0;\nvar sfx = el.getAttribute('data-suffix') || '';\nvar t0 = 0;\nvar step = function(ts){\nif(!t0) t0 = ts;\nvar p = Math.min(1, (ts - t0) / 1400);\nel.textContent = Math.round(to * (1 - Math.pow(1 - p, 3))).toLocaleString(CFG.locale) + sfx;\nif(p < 1) requestAnimationFrame(step);\n};\nrequestAnimationFrame(step);\n});\nvar spark = dash.querySelector('.spark');\nif(spark && spark.getTotalLength){\nvar len = spark.getTotalLength();\nspark.style.strokeDasharray = len;\nspark.style.strokeDashoffset = len;\nspark.style.transition = 'stroke-dashoffset 1.6s cubic-bezier(.22,1,.36,1)';\nrequestAnimationFrame(function(){ spark.style.strokeDashoffset = 0; });\n}\ndash.querySelectorAll('.bar').forEach(function(b, i){\nb.style.transform = 'scaleY(0)';\nb.style.transition = 'transform .6s cubic-bezier(.34,1.56,.64,1) ' + (i*70 + 250) + 'ms';\nrequestAnimationFrame(function(){ b.style.transform = 'scaleY(1)'; });\n});\n}, { threshold:.25 });\ncio.observe(dash);\n}\n// order status\nasync function setStatus(sku, status, btn){\nbtn.disabled=true;\ntry{\nawait api('/api/order-status',{ method:'POST', body:{ sku:sku, status:status }});\ntoast('Order '+sku+' marked '+status.toLowerCase()+'.');\nif(!$('view-orders').classList.contains('hide')) loadMyOrders();\nif(!$('view-sell').classList.contains('hide')) loadSellerOrders();\nif(!$('view-admin').classList.contains('hide')) loadAdmin();\n}catch(ex){ toast(ex.message); btn.disabled=false; }\n}\n\n// admin\nasync function uploadHero(btn){\nvar f = $('heroFile').files && $('heroFile').files[0];\nvar note = $('heroUpNote');\nif(!f){ note.textContent='Pick a file first.'; return; }\nbtn.disabled = true;\nnote.textContent = 'Uploading ' + Math.round(f.size/1024/1024*10)/10 + ' MB...';\ntry{\nvar res = await fetch('/api/hero-video', {\nmethod:'POST',\nheaders:{ authorization:'Bearer ' + state.token, 'content-type': f.type || 'video/mp4' },\nbody: f\n});\nvar out = await res.json();\nif(!res.ok) throw new Error(out.error || 'Upload failed');\nnote.textContent = 'Uploaded. Reload the home page to see it.';\ntoast('Hero video uploaded.');\n}catch(ex){ note.textContent = ex.message; }\nfinally{ btn.disabled = false; }\n}\n\nasync function loadAdmin(){\nif(!state.admin){ go('home'); return; }\ntry{\nvar reqs=await api('/api/admin/pending-sellers');\nvar rows=reqs.requests||[];\nvar pending=rows.filter(function(r){ return r.status==='pending'; });\n$('pendingWrap').innerHTML = rows.length ? rows.map(function(r){\nvar approved = r.status==='approved' || r.role==='approved_seller';\nreturn '

'+\n'

'+esc(r.name)+'

'+\n'

'+esc(r.email)+'

'+\n(r.note ? '

'+esc(r.note)+'

' : '')+\n'

Applied '+esc(String(r.created_at).slice(0,10))+'

'+\n'

'+\n(approved\n? 'Approved seller'\n: '')+\n'

';\n}).join('') : '

No applications yet.

';\nvar us=await api('/api/admin/users');\nrenderUsers(us.users||[]);\n\nvar ord=await api('/api/admin/orders');\nvar o=ord.orders||[];\nvar t=ord.totals||{};\n$('adminTotals').innerHTML=[\n['Orders', money(t.n||0)],\n['Requested value', price(t.value||0)],\n['Applications', money(rows.length)],\n['Awaiting review', money(pending.length)]\n].map(function(pair){\nreturn '

'+pair[0]+'

'+\n'

'+esc(pair[1])+'

';\n}).join('');\n$('adminOrdersWrap').innerHTML = o.length ? ordersTable(o,'buyer_name','Buyer','admin')\n: '

No orders yet.

';\n}catch(ex){ toast(ex.message); go('home'); }\n}\nasync function approve(userId, btn){ return userAction(userId,'approve',btn); }\n\nasync function userAction(userId, action, btn){\nvar label=btn.textContent;\nbtn.disabled=true; btn.textContent='Working...';\ntry{\nawait api('/api/admin/user-action',{ method:'POST', body:{ userId:userId, action:action }});\ntoast('Done: '+action+'.');\nloadAdmin();\n}catch(ex){ toast(ex.message); btn.disabled=false; btn.textContent=label; }\n}\n\nfunction renderUsers(users){\nvar wrap=$('usersWrap');\nif(!users.length){ wrap.innerHTML='

No users yet.

'; return; }\nwrap.innerHTML=users.map(function(u){\nvar isMaster = u.role==='admin';\nvar tags='';\ntags += ''+esc(u.role)+'';\nif(Number(u.banned)===1) tags += 'banned';\n\nvar btns='';\nif(!isMaster){\nbtns += u.role==='approved_seller'\n? ''\n: '';\nbtns += Number(u.banned)===1\n? ''\n: '';\n}\n\nreturn '

'+\n'

'+esc(u.name)+'

'+\n'

'+esc(u.email)+'

'+\n'

'+tags+'

'+\n'

'+esc(u.listings)+' listings · '+esc(u.sales)+' orders

'+\n'

'+btns+'

'+\n'

';\n}).join('');\n}\n// boot\ndocument.addEventListener('keydown', function(e){\nif(e.key==='Escape'){ ['authModal','sellerModal','skuModal'].forEach(closeModal); }\n});\n['authModal','sellerModal','skuModal'].forEach(function(id){\n$(id).addEventListener('click', function(e){ if(e.target===this) closeModal(id); });\n});\ndocument.querySelectorAll('#mobileMenu a').forEach(function(a){\na.addEventListener('click', function(){ toggleMenu(false); });\n});\nif(window.__jsErr){ var _d=$('jsErr'); _d.style.display='block'; _d.textContent=window.__jsErr; }\nwindow.addEventListener('hashchange', applyHash);\nwindow.addEventListener('popstate', applyHash);\n$('year').textContent=new Date().getFullYear();\nrenderServices();\ngo('home');\nrestoreSession();\nloadListings();\ninitMotion();\nvar sw=document.documentElement.scrollWidth, iw=window.innerWidth;\nif(sw > iw + 2){\nvar d2=$('jsErr'); d2.style.display='block';\nd2.textContent='Layout overflow: page is '+sw+'px wide vs '+iw+'px viewport.';\n}\n$('buildTag').textContent = 'Build 18 · W'+iw+'/'+sw+' · MOTION ' + (MOTION.on ? 'ON' : 'reduced');\n`;","deleted",false,"label",[14],"49c17bf8-dd10-4afa-aff7-a6e807ffe5a4",["D",1789198617445],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","userId","47eaf13b-b72f-4418-ae2f-ebe9fff309ae","pinnedFileId","bbc8531e-ae7c-11f1-af98-1607ee4eb77e","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","01a0783d-81e8-754f-ad5a-c8c2fb0c005f","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_102":98},"org",{"_9":10,"_95":96,"_97":98,"_55":56,"_99":100,"_101":42},"branch",{"_35":30,"_11":86,"_22":28,"_87":45,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":12,"_94":10},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Rayan Bhatti","avatar","https://lh3.googleusercontent.com/a/ACg8ocLHYtPrlNBVkdnNY7c7Sp49jHoTN9_El-TKpOlHxwIPQn6Saw=s96-c","tier","free","canRestrictVals","profileImageUrl","ctx",{"_79":-5,"_136":137,"_138":139,"_140":141,"_142":42,"_143":42,"_144":42,"_145":32,"_146":-5,"_147":-7,"_148":-7,"_149":63,"_150":42,"_151":42,"_152":-5,"_153":42,"_154":42,"_155":42,"_156":-5},"ENV",{"_107":108,"_109":110,"_111":86,"_112":113,"_114":115,"_116":117,"_118":119,"_120":121,"_122":123,"_124":125,"_126":127,"_128":129,"_130":131,"_132":133,"_134":135},"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"]