\n Repositories ({repos.length})\n

\n {repos.map((repo) => (\n \n \n {repo}\n \n ))}\n

\n );\n}\n\nfunction Layout({ children, title }: { children: any; title: string }) {\n return (\n \n \n \n \n {title}\n \n \n \n {children}\n \n );\n}\n\nfunction SourceBadge({ source }: { source: string | null }) {\n if (!source) return null;\n\n if (source === \"github\") {\n return (\n \n \n GitHub\n \n );\n }\n\n return (\n \n {source}\n \n );\n}\n\nfunction ScoreBadge({ score }: { score?: number }) {\n if (score === undefined || score === null) return null;\n\n const color =\n score >= 70\n ? \"bg-blue-100 text-blue-700\"\n : score >= 50\n ? \"bg-amber-100 text-amber-700\"\n : \"bg-gray-100 text-gray-500\";\n\n return (\n \n {score}\n \n );\n}\n\nfunction LeadTypeBadges({ leadTypes }: { leadTypes?: string[] }) {\n if (!leadTypes || leadTypes.length === 0) return null;\n\n const typeStyles: Record = {\n customer: \"bg-emerald-100 text-emerald-700\",\n hire: \"bg-purple-100 text-purple-700\",\n };\n\n return (\n <>\n {leadTypes.map((type) => (\n \n {type}\n \n ))}\n \n );\n}\n\nfunction LeadRow({\n lead,\n isMatch,\n linkPrefix,\n}: {\n lead: Lead;\n isMatch: boolean;\n linkPrefix: string;\n}) {\n const output = JSON.parse(lead.output_data);\n const input = JSON.parse(lead.input_data);\n const eventCount = Array.isArray(input) ? input.length : 1;\n const source = getSource(input);\n const date = new Date(lead.timestamp).toLocaleDateString(\"en-US\", {\n month: \"short\",\n day: \"numeric\",\n year: \"numeric\",\n });\n\n return (\n \n \n \n \n {output.name || \"Unknown\"}\n \n \n \n {eventCount > 1 && (\n \n {eventCount}\n \n )}\n {date}\n \n );\n}\n\nconst Arrow = () => (\n \n \n \n);\n\nfunction DataValue({\n value,\n path,\n keyName,\n}: {\n value: unknown;\n path: string;\n keyName?: string;\n}) {\n if (value === null || value === undefined) {\n return (\n \n {keyName && {keyName}:}\n null\n \n );\n }\n\n if (typeof value !== \"object\") {\n return (\n \n {keyName && {keyName}:}\n {String(value)}\n \n );\n }\n\n if (Array.isArray(value)) {\n if (value.length === 0) {\n return (\n \n {keyName && {keyName}:}\n []\n \n );\n }\n const id = `arr-${path}`;\n return (\n

\n \n \n {keyName && {keyName}}\n [{value.length}]\n

\n {value.map((item, idx) => (\n

\n \n

\n ))}\n

\n \n );\n }\n\n const entries = Object.entries(value);\n if (entries.length === 0) {\n return (\n \n {keyName && {keyName}:}\n {\"{}\"}\n \n );\n }\n const id = `obj-${path}`;\n return (\n

\n \n \n {keyName && {keyName}}\n {`{${entries.length}}`}\n

\n {entries.map(([k, v]) => (\n

\n \n

\n ))}\n

\n \n );\n}\n\nfunction DataTable({ title, data }: { title: string; data: unknown }) {\n if (data === null || data === undefined) return null;\n\n if (Array.isArray(data)) {\n return (\n

\n {title} ({data.length})\n

\n {data.map((item, idx) => (\n

Event {idx + 1}

\n {Object.entries(item).map(([k, v]) => (\n

\n \n

\n ))}\n

\n );\n }\n\n const entries = Object.entries(data as Record);\n if (entries.length === 0) return null;\n\n return (\n

\n {title}\n

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

\n \n

\n ))}\n

\n );\n}\n\n// ============================================================================\n// Home: List all companies\n// ============================================================================\n\napp.get(\"/\", async (c) => {\n const companies = await getAllCompanies();\n const companiesWithStats = await Promise.all(\n companies.map(async (company) => ({\n ...company,\n stats: await getCompanyStats(company.id),\n })),\n );\n\n // Sort by qualified leads (matches), most first\n companiesWithStats.sort((a, b) => b.stats.matches - a.stats.matches);\n\n return c.html(\n \n

GitHub Leads

\n {companies.length} compan{companies.length === 1 ? \"y\" : \"ies\"}{\" \"}\n configured\n

\n \n Admin\n \n

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

No companies configured yet.

\n \n Add your first company →\n \n

\n ) : (\n

\n {companiesWithStats.map((company) => (\n \n

\n \n

\n \n {company.display_name}\n \n \n {company.active ? \"Active\" : \"Paused\"}\n \n

\n {company.github_org}\n

\n \n

\n r.json())\n .then(d => {\n if (d.active) {\n status.textContent = 'Active';\n status.className = 'text-xs px-2 py-0.5 rounded bg-green-100 text-green-700';\n btn.textContent = 'Pause';\n btn.className = 'text-xs px-2.5 py-1 bg-amber-50 hover:bg-amber-100 text-amber-700 border border-amber-200 rounded-lg disabled:opacity-50';\n } else {\n status.textContent = 'Paused';\n status.className = 'text-xs px-2 py-0.5 rounded bg-gray-100 text-gray-500';\n btn.textContent = 'Resume';\n btn.className = 'text-xs px-2.5 py-1 bg-green-50 hover:bg-green-100 text-green-700 border border-green-200 rounded-lg disabled:opacity-50';\n }\n btn.disabled = false;\n })\n .catch(() => { btn.disabled = false; });\n `}\n class={`text-xs px-2.5 py-1 ${\n company.active\n ? \"bg-amber-50 hover:bg-amber-100 text-amber-700 border border-amber-200\"\n : \"bg-green-50 hover:bg-green-100 text-green-700 border border-green-200\"\n } rounded-lg disabled:opacity-50`}\n >\n {company.active ? \"Pause\" : \"Resume\"}\n \n \n

\n {company.stats.matches}\n

\n of {company.stats.total} leads\n

\n \n

\n ))}\n

\n )}\n \n ,\n );\n});\n\n// ============================================================================\n// Company Dashboard\n// ============================================================================\n\napp.get(\"/c/:slug\", async (c) => {\n const slug = c.req.param(\"slug\");\n const company = await getCompanyBySlug(slug);\n\n if (!company) {\n return c.html(\n \n

\n Company Not Found\n

\n \n ← Back to Home\n \n

\n ,\n 404,\n );\n }\n\n const leads = await getLeadsByCompany(company.id);\n const matches = leads.filter((l) => JSON.parse(l.output_data).match === true);\n const nonMatches = leads.filter(\n (l) => JSON.parse(l.output_data).match !== true,\n );\n\n // Get share link\n const token = await ensureShareToken(company.id);\n const origin = new URL(c.req.url).origin;\n const shareUrl = `${origin}/share/${slug}/${token}`;\n\n // Count leads needing reanalyze (missing score)\n const needsReanalyze = await getQualifiedLeadsNeedingReanalyze(company.id);\n const reanalyzeCount = needsReanalyze.length;\n\n return c.html(\n \n

\n \n Home\n \n →\n {company.display_name}\n

\n {company.display_name}\n

\n \n {company.active ? \"Active\" : \"Paused\"}\n \n

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

\n {reanalyzeCount > 0 && (\n r.json())\n .then(d => {\n if (d.error) {\n btn.innerHTML = '❌ ' + d.error;\n setTimeout(() => { btn.innerHTML = origText; btn.disabled = false; }, 3000);\n } else {\n btn.innerHTML = '✓ Done! ' + d.processed + ' updated';\n setTimeout(() => location.reload(), 1500);\n }\n })\n .catch(e => {\n btn.innerHTML = '❌ Error';\n setTimeout(() => { btn.innerHTML = origText; btn.disabled = false; }, 3000);\n });\n `}\n class=\"px-3 py-2 bg-purple-50 hover:bg-purple-100 text-purple-700 font-medium rounded-lg text-sm disabled:opacity-50\"\n >\n Reanalyze {reanalyzeCount} leads\n \n )}\n this.textContent='Share', 2000)`}\n class=\"px-3 py-2 bg-blue-50 hover:bg-blue-100 text-blue-700 font-medium rounded-lg text-sm\"\n >\n Share\n \n \n Export\n \n \n Edit\n \n

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

\n No leads yet. GitHub activity will appear here once processed.\n

\n ) : (\n

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

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

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

\n )}\n

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

Lead Not Found

\n \n ← Back to Home\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 const repos = getRepos(input);\n const source = getSource(input);\n const username = getUsername(input);\n\n return c.html(\n \n

\n \n Home\n \n →\n \n {company.display_name}\n \n →\n {output.name || \"Lead\"}\n

\n\n

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

\n \n \n \n

\n {username && (\n \n @{username}\n \n )}\n

\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 {/* Reanalyze Button */}\n

\n location.reload())`}\n class=\"px-4 py-2 bg-gray-100 hover:bg-gray-200 text-gray-700 border border-gray-200 disabled:opacity-50 font-medium rounded-lg text-sm\"\n >\n Reanalyze\n \n

\n\n {/* GitHub Repositories */}\n \n\n {/* AI Output first */}\n \n\n {/* Input Data second */}\n \n \n ,\n );\n});\n\n// ============================================================================\n// Share Routes (sandboxed, read-only)\n// ============================================================================\n\napp.get(\"/share/:slug/:token\", async (c) => {\n const slug = c.req.param(\"slug\");\n const token = c.req.param(\"token\");\n const company = await getCompanyByShareToken(slug, token);\n\n if (!company) {\n return c.html(\n \n

Invalid Link

This share link is invalid or has expired.

\n {company.display_name}\n

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

\n \n View Prompt\n \n

\n\n {/* Prompt Modal */}\n \n\n {leads.length === 0 ? (\n

\n No leads yet.\n

\n ) : (\n

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

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

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

\n )}\n

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

Not Found

This link is invalid or has expired.

\n \n {company.display_name}\n \n →\n {output.name || \"Lead\"}\n

\n\n

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

\n \n \n \n

\n {username && (\n \n @{username}\n \n )}\n

\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 {/* GitHub Repositories */}\n \n\n {/* AI Output first */}\n \n\n {/* Input Data second */}\n \n \n ,\n );\n});\n\nexport default app.fetch;\n","deleted","label",[99],"permalink","https://www.val.town/x/dcm31/github-leads-multi-company/code/dashboard.tsx","extension","actionData","errors"]

\n Repositories ({repos.length})\n

\n {title} ({data.length})\n

\n {title}\n

GitHub Leads

\n Company Not Found\n

\n {company.display_name}\n

Lead Not Found

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

Invalid Link

\n {company.display_name}\n

AI Prompt

Not Found

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