[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_195":196,"_197":198},"routes/_app.x.$handle.$name",{"_98":97,"_31":44,"_107":88,"_26":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":-5,"_120":-5,"_121":24,"_122":123,"_124":58,"_125":-5,"_126":-5,"_127":128},"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":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":24},"version",5,"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/App.tsx","latestPath","fileId","cc313198-8204-11f1-9a1b-1607ee4eb77e","name","App.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\nconst BUSINESSES = {\n \"we-staff-canada\": { label: \"We Staff Canada\", accent: \"#0b2545\", tag: \"Staffing & Recruitment\" },\n \"can-clean\": { label: \"Can Clean Solutions\", accent: \"#0d6b3d\", tag: \"Commercial Cleaning\" },\n \"zeus-security\": { label: \"Zeus Security Services\", accent: \"#7a1e1e\", tag: \"Security Guard Services\" },\n} as const;\n\ntype BizKey = keyof typeof BUSINESSES;\n\nfunction cad(cents: number) {\n return (cents / 100).toLocaleString(\"en-CA\", { style: \"currency\", currency: \"CAD\" });\n}\n\nfunction Tabs({ tab, setTab }: { tab: string; setTab: (t: string) => void }) {\n const tabs = [\n [\"dashboard\", \"Dashboard\"],\n [\"lead\", \"New Lead\"],\n [\"quote\", \"Quote Calculator\"],\n ];\n return (\n

\n {tabs.map(([key, label]) => (\n setTab(key)}\n className={`px-4 py-2 rounded-md text-sm font-medium transition ${\n tab === key ? \"bg-slate-900 text-white\" : \"bg-slate-100 text-slate-600 hover:bg-slate-200\"\n }`}\n >\n {label}\n \n ))}\n

\n );\n}\n\nfunction BizPicker({ biz, setBiz }: { biz: BizKey; setBiz: (b: BizKey) => void }) {\n return (\n

\n {(Object.keys(BUSINESSES) as BizKey[]).map((key) => {\n const b = BUSINESSES[key];\n const active = biz === key;\n return (\n setBiz(key)}\n style={{ borderColor: b.accent, ...(active ? { backgroundColor: b.accent, color: \"white\" } : {}) }}\n className={`px-4 py-2 rounded-lg border-2 text-sm font-semibold transition ${\n active ? \"\" : \"bg-white text-slate-700\"\n }`}\n >\n {b.label}\n \n );\n })}\n

\n );\n}\n\nfunction Dashboard({ biz }: { biz: BizKey }) {\n const [leads, setLeads] = useState([]);\n const [loading, setLoading] = useState(true);\n\n async function load() {\n setLoading(true);\n const res = await fetch(`/api/leads?business=${biz}`);\n setLeads(await res.json());\n setLoading(false);\n }\n\n useEffect(() => {\n load();\n }, [biz]);\n\n async function updateStatus(id: number, status: string) {\n await fetch(`/api/leads/${id}`, {\n method: \"PATCH\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ status }),\n });\n load();\n }\n\n async function remove(id: number) {\n await fetch(`/api/leads/${id}`, { method: \"DELETE\" });\n load();\n }\n\n const statusColors: Record = {\n new: \"bg-blue-100 text-blue-700\",\n contacted: \"bg-amber-100 text-amber-700\",\n won: \"bg-green-100 text-green-700\",\n lost: \"bg-slate-200 text-slate-600\",\n };\n\n if (loading) return

Loading…

;\n\n return (\n

\n {BUSINESSES[biz].label} — {leads.length} lead{leads.length === 1 ? \"\" : \"s\"}\n

\n \n refresh\n \n

\n {leads.length === 0 ? (\n

\n No leads yet for {BUSINESSES[biz].label}. Add one from the \"New Lead\" tab, or run a quote and save it.\n

\n ) : (\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n {leads.map((l) => (\n \n \n \n \n \n \n \n \n \n ))}\n \n

Name	Contact	Service	Estimate	Status	Date
{l.name}{l.company ? {l.company} : null}	{l.email} {l.phone}	{l.service_type \|\| \"—\"}	{l.estimate_cents ? cad(l.estimate_cents) : \"—\"}	\n updateStatus(l.id, e.target.value)}\n className={`rounded px-2 py-1 text-xs font-medium border-0 ${statusColors[l.status] \|\| \"bg-slate-100\"}`}\n >\n \n \n \n \n \n	{l.created_at?.slice(0, 10)}	\n \n

\n )}\n

\n );\n}\n\nfunction Field({ label, children }: { label: string; children: React.ReactNode }) {\n return (\n \n {label}\n {children}\n \n );\n}\n\nconst inputCls = \"w-full border rounded-md px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-slate-300\";\n\nfunction NewLead({ biz }: { biz: BizKey }) {\n const [form, setForm] = useState({ name: \"\", company: \"\", email: \"\", phone: \"\", service_type: \"\", message: \"\" });\n const [saved, setSaved] = useState(false);\n\n async function submit(e: React.FormEvent) {\n e.preventDefault();\n await fetch(\"/api/leads\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ business: biz, ...form }),\n });\n setForm({ name: \"\", company: \"\", email: \"\", phone: \"\", service_type: \"\", message: \"\" });\n setSaved(true);\n setTimeout(() => setSaved(false), 2500);\n }\n\n return (\n

New lead — {BUSINESSES[biz].label}

\n \n setForm({ ...form, name: e.target.value })} />\n \n \n setForm({ ...form, company: e.target.value })} />\n \n

\n \n setForm({ ...form, email: e.target.value })} />\n \n \n setForm({ ...form, phone: e.target.value })} />\n \n

\n \n setForm({ ...form, service_type: e.target.value })} />\n \n \n

setForm({ ...form, message: e.target.value })} />\n      </Field>\n      <button type=\"submit\" className=\"bg-slate-900 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-slate-700\">\n        Save lead\n      </button>\n      {saved && <span className=\"ml-3 text-sm text-green-600\">Saved ✓</span>}\n    </form>\n  );\n}\n\nfunction QuoteCalculator({ biz }: { biz: BizKey }) {\n  const [staffing, setStaffing] = useState({ placementType: \"temp\", payRate: 22, headcount: 1, annualSalary: 60000 });\n  const [clean, setClean] = useState({ sqft: 5000, frequency: \"weekly\", serviceType: \"standard\" });\n  const [security, setSecurity] = useState({ guardCount: 1, hoursPerWeek: 40, guardType: \"unarmed\" });\n  const [result, setResult] = useState<{ estimate_cents: number; breakdown: string[] } | null>(null);\n  const [saving, setSaving] = useState(false);\n  const [savedLead, setSavedLead] = useState({ name: \"\", email: \"\" });\n\n  async function calc() {\n    const params = biz === \"we-staff-canada\" ? staffing : biz === \"can-clean\" ? clean : security;\n    const res = await fetch(\"/api/quote\", {\n      method: \"POST\",\n      headers: { \"Content-Type\": \"application/json\" },\n      body: JSON.stringify({ business: biz, ...params }),\n    });\n    setResult(await res.json());\n  }\n\n  async function saveAsLead() {\n    if (!savedLead.name) return;\n    setSaving(true);\n    await fetch(\"/api/leads\", {\n      method: \"POST\",\n      headers: { \"Content-Type\": \"application/json\" },\n      body: JSON.stringify({\n        business: biz,\n        name: savedLead.name,\n        email: savedLead.email,\n        service_type: \"quote\",\n        estimate_cents: result?.estimate_cents,\n        message: result?.breakdown.join(\"; \"),\n      }),\n    });\n    setSaving(false);\n    setResult(null);\n    setSavedLead({ name: \"\", email: \"\" });\n  }\n\n  return (\n    <div className=\"max-w-lg\">\n      <h2 className=\"text-lg font-semibold text-slate-800 mb-4\">Quote calculator — {BUSINESSES[biz].label}</h2>\n\n      {biz === \"we-staff-canada\" && (\n        <>\n          <Field label=\"Placement type\">\n            <select className={inputCls} value={staffing.placementType} onChange={(e) => setStaffing({ ...staffing, placementType: e.target.value })}>\n              <option value=\"temp\">Temporary staffing</option>\n              <option value=\"permanent\">Permanent placement</option>\n            </select>\n          </Field>\n          {staffing.placementType === \"temp\" ? (\n            <div className=\"grid grid-cols-2 gap-3\">\n              <Field label=\"Pay rate ($/hr)\">\n                <input type=\"number\" className={inputCls} value={staffing.payRate} onChange={(e) => setStaffing({ ...staffing, payRate: +e.target.value })} />\n              </Field>\n              <Field label=\"# of workers\">\n                <input type=\"number\" className={inputCls} value={staffing.headcount} onChange={(e) => setStaffing({ ...staffing, headcount: +e.target.value })} />\n              </Field>\n            </div>\n          ) : (\n            <div className=\"grid grid-cols-2 gap-3\">\n              <Field label=\"Annual salary ($)\">\n                <input type=\"number\" className={inputCls} value={staffing.annualSalary} onChange={(e) => setStaffing({ ...staffing, annualSalary: +e.target.value })} />\n              </Field>\n              <Field label=\"# of hires\">\n                <input type=\"number\" className={inputCls} value={staffing.headcount} onChange={(e) => setStaffing({ ...staffing, headcount: +e.target.value })} />\n              </Field>\n            </div>\n          )}\n        </>\n      )}\n\n      {biz === \"can-clean\" && (\n        <>\n          <Field label=\"Square footage\">\n            <input type=\"number\" className={inputCls} value={clean.sqft} onChange={(e) => setClean({ ...clean, sqft: +e.target.value })} />\n          </Field>\n          <div className=\"grid grid-cols-2 gap-3\">\n            <Field label=\"Frequency\">\n              <select className={inputCls} value={clean.frequency} onChange={(e) => setClean({ ...clean, frequency: e.target.value })}>\n                <option value=\"daily\">Daily</option>\n                <option value=\"weekly\">Weekly</option>\n                <option value=\"monthly\">Monthly</option>\n              </select>\n            </Field>\n            <Field label=\"Service type\">\n              <select className={inputCls} value={clean.serviceType} onChange={(e) => setClean({ ...clean, serviceType: e.target.value })}>\n                <option value=\"standard\">Standard cleaning</option>\n                <option value=\"deep\">Deep cleaning</option>\n                <option value=\"restoration\">Restoration</option>\n              </select>\n            </Field>\n          </div>\n        </>\n      )}\n\n      {biz === \"zeus-security\" && (\n        <>\n          <div className=\"grid grid-cols-2 gap-3\">\n            <Field label=\"# of guards\">\n              <input type=\"number\" className={inputCls} value={security.guardCount} onChange={(e) => setSecurity({ ...security, guardCount: +e.target.value })} />\n            </Field>\n            <Field label=\"Hours/week\">\n              <input type=\"number\" className={inputCls} value={security.hoursPerWeek} onChange={(e) => setSecurity({ ...security, hoursPerWeek: +e.target.value })} />\n            </Field>\n          </div>\n          <Field label=\"Guard type\">\n            <select className={inputCls} value={security.guardType} onChange={(e) => setSecurity({ ...security, guardType: e.target.value })}>\n              <option value=\"unarmed\">Unarmed guard</option>\n              <option value=\"armed\">Armed guard</option>\n              <option value=\"mobile-patrol\">Mobile patrol</option>\n            </select>\n          </Field>\n        </>\n      )}\n\n      <button onClick={calc} className=\"bg-slate-900 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-slate-700 mt-2\">\n        Calculate estimate\n      </button>\n\n      {result && (\n        <div className=\"mt-5 border rounded-lg p-4 bg-slate-50\">\n          <div className=\"text-2xl font-bold text-slate-900\">{cad(result.estimate_cents)}</div>\n          <ul className=\"text-xs text-slate-500 mt-2 space-y-1\">\n            {result.breakdown.map((b, i) => <li key={i}>• {b}</li>)}\n          </ul>\n          <div className=\"text-[11px] text-slate-400 mt-2\">Estimate only — rates are placeholders, edit the logic in main.ts to match your real pricing.</div>\n\n          <div className=\"mt-4 pt-4 border-t grid grid-cols-2 gap-2\">\n            <input placeholder=\"Lead name\" className={inputCls} value={savedLead.name} onChange={(e) => setSavedLead({ ...savedLead, name: e.target.value })} />\n            <input placeholder=\"Email\" className={inputCls} value={savedLead.email} onChange={(e) => setSavedLead({ ...savedLead, email: e.target.value })} />\n          </div>\n          <button onClick={saveAsLead} disabled={saving || !savedLead.name} className=\"mt-2 text-sm text-slate-700 underline disabled:text-slate-300\">\n            Save this quote as a lead\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default function App() {\n  const [biz, setBiz] = useState<BizKey>(\"we-staff-canada\");\n  const [tab, setTab] = useState(\"dashboard\");\n\n  return (\n    <div className=\"min-h-screen bg-slate-50 p-6 md:p-10\">\n      <div className=\"max-w-4xl mx-auto\">\n        <div className=\"flex items-center justify-between mb-1\">\n          <h1 className=\"text-2xl font-bold text-slate-900\">Business Hub</h1>\n          <a href=\"/source\" className=\"text-xs text-slate-400 hover:text-slate-600 underline\">view source</a>\n        </div>\n        <p className=\"text-sm text-slate-500 mb-6\">{BUSINESSES[biz].tag}</p>\n\n        <BizPicker biz={biz} setBiz={setBiz} />\n        <Tabs tab={tab} setTab={setTab} />\n\n        <div className=\"bg-white rounded-xl border p-6\">\n          {tab === \"dashboard\" && <Dashboard biz={biz} />}\n          {tab === \"lead\" && <NewLead biz={biz} />}\n          {tab === \"quote\" && <QuoteCalculator biz={biz} />}\n        </div>\n      </div>\n    </div>\n  );\n}\n","createdAt",["D",1784309254218],"branchVersion","branchId","4e13828e-0503-468e-a938-8d53a9e039af","id","8800347c-b9b6-4211-b1d6-45001bb96c17","business-hub",["D",1784309107592],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Lead intake, quotes & dashboard for your 3 businesses","imageUrl","33eebb42-9c30-4a4a-8f03-08cc7719b29c","pinnedFileId","74e3f556-8204-11f1-8185-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019f7111-ccb7-7573-846a-5b3c406f66b6","tursoName","8800347cb9b64211b1d645001bb96c17","tursoHostname","8800347cb9b64211b1d645001bb96c17-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789559472742],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_106":102},"org",{"_98":97,"_99":100,"_101":102,"_18":54,"_103":104,"_105":24},"branch",{"_13":14,"_31":88,"_42":41,"_89":43,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":44,"_96":97},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","jazzjosan","handle","displayName","Jazz Josan","avatar","https://lh3.googleusercontent.com/a/ACg8ocJ0EO2QvJB-H6IDSyBgOtypsx04l9w0nKeesMqanfWKiROY3tUx=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_31":44,"_37":190,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":191,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":192,"_83":193,"_85":194,"_87":24},"tree",[159,163],"files",[159,160,161,162,163],"counts",{"_149":62,"_150":137,"_151":62,"_152":153,"_154":155},"contents",[129,130],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":142,"_31":143,"_29":144,"_133":-5,"_40":41,"_39":145,"_135":58,"_37":146,"_13":62,"_33":147,"_35":-5,"_23":24,"_140":-5,"_26":148},{"_42":131,"_31":132,"_29":56,"_133":-5,"_40":41,"_39":134,"_135":58,"_37":136,"_13":137,"_33":138,"_35":139,"_23":24,"_140":-5,"_26":141},"639a4f5a-7e45-4bda-bb1f-de35077d876f","main.ts","parentId",2,"latest",["D",1784309195118],1,"http","import { Hono } from \"npm:hono\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { readFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\napp.onError((err) => Promise.reject(err));\n\n// --- DB setup -------------------------------------------------------\n\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS leads (\n  id INTEGER PRIMARY KEY AUTOINCREMENT,\n  business TEXT NOT NULL,\n  name TEXT NOT NULL,\n  company TEXT,\n  email TEXT,\n  phone TEXT,\n  service_type TEXT,\n  message TEXT,\n  status TEXT NOT NULL DEFAULT 'new',\n  estimate_cents INTEGER,\n  created_at TEXT NOT NULL DEFAULT (datetime('now'))\n)`);\n\n// --- API --------------------------------------------------------------\n\napp.get(\"/api/leads\", async (c) => {\n  const business = c.req.query(\"business\");\n  const result = business\n    ? await sqlite.execute({\n      sql: \"SELECT * FROM leads WHERE business = ? ORDER BY created_at DESC\",\n      args: [business],\n    })\n    : await sqlite.execute(\"SELECT * FROM leads ORDER BY created_at DESC\");\n  return c.json(result.rows);\n});\n\napp.post(\"/api/leads\", async (c) => {\n  const body = await c.req.json();\n  const { business, name, company, email, phone, service_type, message, estimate_cents } = body;\n  if (!business || !name) {\n    return c.json({ error: \"business and name are required\" }, 400);\n  }\n  const result = await sqlite.execute({\n    sql: `INSERT INTO leads (business, name, company, email, phone, service_type, message, estimate_cents)\n          VALUES (?, ?, ?, ?, ?, ?, ?, ?)`,\n    args: [\n      business,\n      name,\n      company ?? null,\n      email ?? null,\n      phone ?? null,\n      service_type ?? null,\n      message ?? null,\n      estimate_cents ?? null,\n    ],\n  });\n  return c.json({ id: Number(result.lastInsertRowid) }, 201);\n});\n\napp.patch(\"/api/leads/:id\", async (c) => {\n  const id = c.req.param(\"id\");\n  const body = await c.req.json();\n  if (!body.status) return c.json({ error: \"status required\" }, 400);\n  await sqlite.execute({\n    sql: \"UPDATE leads SET status = ? WHERE id = ?\",\n    args: [body.status, id],\n  });\n  return c.json({ ok: true });\n});\n\napp.delete(\"/api/leads/:id\", async (c) => {\n  const id = c.req.param(\"id\");\n  await sqlite.execute({ sql: \"DELETE FROM leads WHERE id = ?\", args: [id] });\n  return c.json({ ok: true });\n});\n\n// Quote calculator — simple, editable estimate logic per business.\napp.post(\"/api/quote\", async (c) => {\n  const body = await c.req.json();\n  const { business, ...params } = body;\n  let cents = 0;\n  let breakdown: string[] = [];\n\n  if (business === \"we-staff-canada\") {\n    const { placementType, payRate = 0, headcount = 1, annualSalary = 0 } = params;\n    if (placementType === \"permanent\") {\n      // Permanent placement fee: % of first-year salary\n      const feePct = 0.18;\n      cents = Math.round(annualSalary * feePct * headcount * 100);\n      breakdown.push(`Permanent placement fee: 18% of $${annualSalary.toLocaleString()} x ${headcount} hire(s)`);\n    } else {\n      // Temp staffing: markup over pay rate, billed weekly (40h) as illustrative estimate\n      const markupPct = 0.45;\n      const billRate = payRate * (1 + markupPct);\n      const weekly = billRate * 40 * headcount;\n      cents = Math.round(weekly * 100);\n      breakdown.push(`Temp staffing: $${payRate}/hr pay rate + 45% markup = $${billRate.toFixed(2)}/hr bill rate`);\n      breakdown.push(`Estimated weekly cost for ${headcount} worker(s) @ 40h/wk`);\n    }\n  } else if (business === \"can-clean\") {\n    const { sqft = 0, frequency = \"weekly\", serviceType = \"standard\" } = params;\n    const ratePerSqft = serviceType === \"deep\" ? 0.12 : serviceType === \"restoration\" ? 0.35 : 0.06;\n    const freqMultiplier = frequency === \"daily\" ? 22 : frequency === \"weekly\" ? 4.33 : 1; // visits/month\n    const perVisit = sqft * ratePerSqft;\n    const monthly = perVisit * freqMultiplier;\n    cents = Math.round(monthly * 100);\n    breakdown.push(`${sqft.toLocaleString()} sqft x $${ratePerSqft}/sqft x ${freqMultiplier.toFixed(1)} visits/mo (${frequency}, ${serviceType})`);\n  } else if (business === \"zeus-security\") {\n    const { guardCount = 1, hoursPerWeek = 40, guardType = \"unarmed\" } = params;\n    const hourlyRate = guardType === \"mobile-patrol\" ? 32 : guardType === \"armed\" ? 38 : 26;\n    const weekly = guardCount * hoursPerWeek * hourlyRate;\n    cents = Math.round(weekly * 100);\n    breakdown.push(`${guardCount} guard(s) x ${hoursPerWeek}h/wk x $${hourlyRate}/hr (${guardType})`);\n  } else {\n    return c.json({ error: \"unknown business\" }, 400);\n  }\n\n  return c.json({ estimate_cents: cents, breakdown });\n});\n\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// --- Frontend -----------------------------------------------------------\n\napp.get(\"/\", async (c) => {\n  const html = await readFile(\"/frontend/index.html\", import.meta.url);\n  return c.html(html);\n});\n\nexport default app.fetch;\n","label",[132],"7446f749-0aad-43d3-9a57-9642851cdaa5","frontend","b7af6ac8-2cbf-4e44-84f1-bb7aea47355e",3,["D",1784309201718],"directory",[143],"pulls","branches","forks","envVars",{"_156":62,"_158":62},"connections",{"_156":62,"_157":62},"count","unfilledCount","emptyCount",{"_42":142,"_31":143,"_29":144,"_133":-5,"_40":41,"_39":145,"_135":58,"_37":187,"_13":62,"_33":147,"_35":-5,"_23":24,"_140":-5,"_165":188,"_26":189},{"_42":183,"_31":32,"_29":30,"_133":144,"_40":41,"_39":14,"_135":58,"_37":184,"_13":62,"_33":34,"_35":36,"_23":24,"_140":-5,"_165":185,"_26":186},{"_42":176,"_31":177,"_29":178,"_133":144,"_40":41,"_39":145,"_135":58,"_37":179,"_13":62,"_33":20,"_35":180,"_23":24,"_140":-5,"_165":181,"_26":182},{"_42":168,"_31":169,"_29":170,"_133":144,"_40":41,"_39":171,"_135":58,"_37":172,"_13":62,"_33":34,"_35":173,"_23":24,"_140":-5,"_165":174,"_26":175},{"_42":131,"_31":132,"_29":56,"_133":-5,"_40":41,"_39":134,"_135":58,"_37":164,"_13":137,"_33":138,"_35":139,"_23":24,"_140":-5,"_165":166,"_26":167},["D",1784309195118],"children",[],[132],"49faec16-dc33-493e-9292-58c7af993b15","index.tsx","b1bc5bd0-8204-11f1-80d2-1607ee4eb77e",4,["D",1784309209848],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport App from \"./App.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render(<App />);\n",[],[143,169],"2e2756e8-9b7d-4ec5-a311-8d108c427d4b","index.html","ace41864-8204-11f1-8d7e-1607ee4eb77e",["D",1784309201718],"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" />\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n  <title>Business Hub</title>\n  <script src=\"https://cdn.twind.style\" crossorigin></script>\n  <script src=\"https://esm.town/v/std/catch\"></script>\n</head>\n<body>\n  <div id=\"root\"></div>\n  <script type=\"module\" src=\"/frontend/index.tsx\"></script>\n</body>\n</html>\n",[],[143,177],"1fb169c7-6c69-48cc-8725-530042d5a6df",["D",1784309254218],[],[143,32],["D",1784309201718],[160,161,162],[143],["D",1784309107592],["D",1789559472742],{"_98":97,"_106":102},{"_98":97,"_99":100,"_101":102,"_18":54,"_103":104,"_105":24},{"_13":14,"_31":88,"_42":41,"_89":43,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":44,"_96":97},"ctx",{"_81":-5,"_126":228,"_229":230,"_231":232,"_233":24,"_234":24,"_235":24,"_236":58,"_237":-5,"_238":-7,"_239":-7,"_240":62,"_241":24,"_242":24,"_243":-5,"_244":24,"_245":24,"_246":24,"_247":-5},"ENV",{"_199":200,"_201":202,"_203":88,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227},"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"]
</article></body></html>

Diff · v5