\n {title}\n

\n \n \n {entries.map(([key, value], idx) => (\n \n \n \n \n ))}\n \n

{key}

{typeof value === 'object' ? JSON.stringify(value) : String(value ?? \"\")}

\n );\n}\n\napp.get(\"/\", async (c) => {\n const leads = await getAllLeads();\n const webhookUrl = new URL(c.req.url).origin; // The POST endpoint URL\n\n const matches = leads.filter((l) => JSON.parse(l.output_data).match === true);\n const nonMatches = leads.filter((l) => JSON.parse(l.output_data).match !== true);\n\n return c.html(\n \n

\n {/* DELETE THIS LINE to remove onboarding UI */}\n \n\n

Leads

\n {leads.length} leads · {matches.length} matches\n

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

\n No leads yet. POST to this endpoint to add leads.\n

\n ) : (\n

\n {matches.map((lead) => )}\n\n {nonMatches.length > 0 && (\n

\n \n \n {nonMatches.length} not matched\n \n ▼\n \n

\n {nonMatches.map((lead) => )}\n

\n )}\n

\n ,\n );\n});\n\napp.get(\"/lead/:id\", async (c) => {\n const id = parseInt(c.req.param(\"id\"));\n const lead = await getLeadById(id);\n\n if (!lead) {\n return c.html(\n \n

Lead Not Found

\n \n ← Back\n \n

\n ,\n 404,\n );\n }\n\n const input = JSON.parse(lead.input_data);\n const output = JSON.parse(lead.output_data);\n\n return c.html(\n \n

\n \n ← Back\n \n\n

{output.name || \"Unknown\"}

\n {new Date(lead.timestamp).toLocaleString()}\n

\n\n {/* Result Summary */}\n \n

\n \n \n {output.match ? \"Match\" : \"No Match\"}\n \n

\n {output.reasoning || \"No reasoning provided\"}\n

\n\n {/* Input Data */}\n \n\n {/* AI Output */}\n \n \n ,\n );\n});\n\nexport default app.fetch;\n","deleted","label",[99],"permalink","https://www.val.town/x/templates/leads/code/dashboard.tsx","extension","actionData","errors"]