\n \n \n \n",[],[90,122],"21edfe3c-547d-11f1-8572-ee650bb23af1","favicon.svg","019e46bb-f73a-762f-bb0e-901d3f516ac9",["D",1779303184101],"\n",[],[90,129],"21edfcc0-547d-11f1-8572-ee650bb23af1","components","019e46bb-f73a-762f-bb0e-8d34aea2a6b3",["D",1779303184101],[141,142,143],[90,136],{"_35":160,"_13":161,"_64":162,"_66":137,"_67":68,"_69":33,"_71":72,"_37":163,"_17":74,"_75":117,"_77":164,"_79":50,"_80":-5,"_100":165,"_18":166},{"_35":152,"_13":153,"_64":154,"_66":137,"_67":68,"_69":155,"_71":72,"_37":156,"_17":93,"_75":117,"_77":157,"_79":50,"_80":-5,"_100":158,"_18":159},{"_35":144,"_13":145,"_64":146,"_66":137,"_67":68,"_69":147,"_71":72,"_37":148,"_17":93,"_75":117,"_77":149,"_79":50,"_80":-5,"_100":150,"_18":151},"2da747a6-547d-11f1-ac51-ee650bb23af1","Kanban.tsx","2da74a12-547d-11f1-ac51-ee650bb23af1",4,["D",1779303203863],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { DealCard } from \"./DealCard.tsx\";\n\ninterface Deal {\n id: number;\n name: string;\n company: string;\n status: string;\n amount: number;\n}\n\ninterface KanbanProps {\n deals: Deal[];\n onUpdateStatus: (dealId: number, newStatus: string) => void;\n}\n\nconst STAGES = [\n { id: \"lead\", label: \"Lead\", color: \"from-blue-500 to-blue-600\" },\n { id: \"qualified\", label: \"Qualified\", color: \"from-purple-500 to-purple-600\" },\n { id: \"proposal\", label: \"Proposal\", color: \"from-orange-500 to-orange-600\" },\n { id: \"negotiation\", label: \"Negotiation\", color: \"from-pink-500 to-pink-600\" },\n { id: \"won\", label: \"Won\", color: \"from-green-500 to-green-600\" },\n];\n\nexport function Kanban({ deals, onUpdateStatus }: KanbanProps) {\n const [draggedCard, setDraggedCard] = useState(null);\n\n const dealsByStatus = STAGES.reduce(\n (acc, stage) => ({\n ...acc,\n [stage.id]: deals.filter((d) => d.status === stage.id),\n }),\n {} as Record\n );\n\n const handleDragStart = (dealId: number) => {\n setDraggedCard(dealId);\n };\n\n const handleDrop = (status: string) => {\n if (draggedCard !== null) {\n onUpdateStatus(draggedCard, status);\n setDraggedCard(null);\n }\n };\n\n return (\n

\n {STAGES.map((stage) => (\n e.preventDefault()}\n onDrop={() => handleDrop(stage.id)}\n >\n

{stage.label}

\n \n {dealsByStatus[stage.id].length}\n \n

\n\n

\n {dealsByStatus[stage.id].length === 0 ? (\n

No deals

\n ) : (\n dealsByStatus[stage.id].map((deal) => (\n handleDragStart(deal.id)}\n class={`cursor-move transition-opacity ${\n draggedCard === deal.id ? \"opacity-50\" : \"\"\n }`}\n >\n \n

\n ))\n )}\n

\n\n

\n ${dealsByStatus[stage.id].reduce((sum, d) => sum + d.amount, 0).toLocaleString()}\n

\n ))}\n \n \n );\n}\n",[],[90,136,145],"2f2b42c6-547d-11f1-ac51-ee650bb23af1","DealCard.tsx","2f2b43b6-547d-11f1-ac51-ee650bb23af1",5,["D",1779303206409],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface Deal {\n id: number;\n name: string;\n company: string;\n status: string;\n amount: number;\n}\n\nexport function DealCard({ deal }: { deal: Deal }) {\n return (\n

{deal.name}

{deal.company}

${deal.amount.toLocaleString()}

\n );\n}\n",[],[90,136,153],"29c1303e-547d-11f1-9a83-ee650bb23af1","App.tsx","019e46bb-f73a-762f-bb0e-8457ebbac640",["D",1779303197310],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { Kanban } from \"./Kanban.tsx\";\n\ninterface Deal {\n id: number;\n name: string;\n company: string;\n status: string;\n amount: number;\n}\n\nexport function App() {\n const [deals, setDeals] = useState([]);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n const fetchDeals = async () => {\n try {\n const res = await fetch(\"/api/deals\");\n const data = await res.json();\n setDeals(data);\n } catch (err) {\n console.error(\"Failed to fetch deals\", err);\n } finally {\n setLoading(false);\n }\n };\n\n fetchDeals();\n }, []);\n\n const updateDealStatus = async (dealId: number, newStatus: string) => {\n try {\n await fetch(`/api/deals/${dealId}/status`, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ status: newStatus }),\n });\n setDeals(deals.map((d) => (d.id === dealId ? { ...d, status: newStatus } : d)));\n } catch (err) {\n console.error(\"Failed to update deal\", err);\n }\n };\n\n return (\n

Sales Pipeline

Drag deals across stages to update their status

\n\n {loading ? (\n

Loading deals...

\n ) : (\n \n )}\n\n

\n View source\n

\n );\n}\n",[],[90,136,161],"21e0591c-547d-11f1-8572-ee650bb23af1",["D",1779303184101],"legacyEnvVars","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","userId","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","e81e7335-6d4c-4764-a902-d0962bbfa9f7","tursoName","21e0591c547d11f18572ee650bb23af1","tursoHostname","21e0591c547d11f18572ee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789676511826],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_214":210},"org",{"_11":12,"_208":-5,"_209":210,"_174":175,"_211":212,"_213":50},"branch",{"_17":85,"_13":16,"_35":68,"_41":167,"_44":36,"_45":204,"_205":52,"_206":42,"_207":56,"_57":14,"_53":12},88,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":167,"_13":14,"_37":285,"_48":-5,"_169":50,"_51":52,"_170":52,"_171":172,"_173":-5,"_174":175,"_176":65,"_177":72,"_178":-5,"_179":-5,"_180":93,"_55":181,"_182":183,"_184":185,"_186":286,"_188":-5,"_189":190,"_191":190,"_192":193,"_194":193,"_195":193,"_196":190,"_197":190,"_198":287,"_200":288,"_202":289,"_49":50},[255,263,264],"files",[255,256,257,258,259,260,261,262,263,264],"counts",{"_246":93,"_247":74,"_248":93,"_34":249,"_250":251},[240,241,242],"upstreamProject",{"_35":42,"_13":58,"_171":172,"_173":237,"_51":52,"_198":238},"upstreamBranch",{"_35":36,"_37":235,"_39":236,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789727673&sig=3b4b686bdf9370327437b9b7c58229cae759d33224f40e1f26c1e0a52f4b829a",{"_11":54,"_214":239},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789727673&sig=46567b7bb235616920abe32a3af36b8306e70c678d781572614443b48c0390a8",{"_35":89,"_13":90,"_64":91,"_66":-5,"_67":68,"_69":74,"_71":72,"_37":92,"_17":93,"_75":94,"_77":-5,"_79":50,"_80":-5,"_18":245},{"_35":82,"_13":83,"_64":84,"_66":-5,"_67":68,"_69":85,"_71":72,"_37":86,"_17":74,"_75":24,"_77":87,"_79":50,"_80":-5,"_18":244},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":70,"_71":72,"_37":73,"_17":74,"_75":76,"_77":78,"_79":50,"_80":-5,"_18":243},[63],[83],[90],"pulls","branches","forks",{"_252":93,"_254":93},"connections",{"_252":93,"_253":93},"count","unfilledCount","emptyCount",{"_35":89,"_13":90,"_64":91,"_66":-5,"_67":68,"_69":74,"_71":72,"_37":106,"_17":93,"_75":94,"_77":-5,"_79":50,"_80":-5,"_100":283,"_18":284},{"_35":135,"_13":136,"_64":137,"_66":91,"_67":68,"_69":74,"_71":72,"_37":138,"_17":93,"_75":94,"_77":-5,"_79":50,"_80":-5,"_100":281,"_18":282},{"_35":160,"_13":161,"_64":162,"_66":137,"_67":68,"_69":33,"_71":72,"_37":163,"_17":74,"_75":117,"_77":164,"_79":50,"_80":-5,"_100":279,"_18":280},{"_35":152,"_13":153,"_64":154,"_66":137,"_67":68,"_69":155,"_71":72,"_37":156,"_17":93,"_75":117,"_77":157,"_79":50,"_80":-5,"_100":277,"_18":278},{"_35":144,"_13":145,"_64":146,"_66":137,"_67":68,"_69":147,"_71":72,"_37":148,"_17":93,"_75":117,"_77":149,"_79":50,"_80":-5,"_100":275,"_18":276},{"_35":128,"_13":129,"_64":130,"_66":91,"_67":68,"_69":74,"_71":72,"_37":131,"_17":93,"_75":24,"_77":132,"_79":50,"_80":-5,"_100":273,"_18":274},{"_35":121,"_13":122,"_64":123,"_66":91,"_67":68,"_69":74,"_71":72,"_37":124,"_17":93,"_75":24,"_77":125,"_79":50,"_80":-5,"_100":271,"_18":272},{"_35":113,"_13":114,"_64":115,"_66":91,"_67":68,"_69":74,"_71":72,"_37":116,"_17":93,"_75":117,"_77":118,"_79":50,"_80":-5,"_100":269,"_18":270},{"_35":82,"_13":83,"_64":84,"_66":-5,"_67":68,"_69":85,"_71":72,"_37":103,"_17":74,"_75":24,"_77":87,"_79":50,"_80":-5,"_100":267,"_18":268},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":70,"_71":72,"_37":99,"_17":74,"_75":76,"_77":78,"_79":50,"_80":-5,"_100":265,"_18":266},[],[63],[],[83],[],[90,114],[],[90,122],[],[90,129],[],[90,136,145],[],[90,136,153],[],[90,136,161],[257,258,259],[90,136],[256,260,261,262],[90],["D",1779303184101],["D",1789676511826],{"_11":12,"_214":210},{"_11":12,"_208":-5,"_209":210,"_174":175,"_211":212,"_213":50},{"_17":85,"_13":16,"_35":68,"_41":167,"_44":36,"_45":204,"_205":52,"_206":42,"_207":56,"_57":14,"_53":12},"ctx",{"_198":-5,"_232":323,"_324":325,"_326":327,"_328":50,"_329":50,"_330":50,"_331":72,"_332":-5,"_333":-7,"_334":-7,"_335":93,"_336":50,"_337":50,"_338":-5,"_339":50,"_340":50,"_341":50,"_342":-5},"ENV",{"_294":295,"_296":297,"_298":16,"_299":300,"_301":302,"_303":304,"_305":306,"_307":308,"_309":310,"_311":312,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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"]

Code