+ {scope.country} · {scope.region} · adapter: {scope.adapter}{scored ? ` · ${scored.name}` : ""}
+
+ {/* 0 — EXPLORE */}
+ {stage === 0 && (
+ <>
+ Explore financial readiness
+ Identity & context for a city come from CityCatalyst (inventory, CCRA, HIAP, plan). Here — for the demo — pick a region and a city to open its readiness journey.
+
+
+ {SCOPES.map((s) => (
+ { setScopeId(s.id); setCityId(null); }}>
+ {s.country} · {s.region}
+
+ ))}
+
+
+
+
+ setViewLevel("state")}>State / region
+ setViewLevel("cities")}>Cities
+
+
+ Data source:{" "}
+
+ {scope.adapter}
+ Import data…
+
+
+
+ {legend.map((l) =>
+
+ {viewLevel === "state" ? (
+
+
{scope.region} — region readiness summary
+
Aggregate across the region (from {scope.adapter}). Useful for a GORE / state / development bank scanning where to act.
+ {Object.entries(regionSummary).map(([t, n]) => (
+
{n} {n === 1 ? "city" : "cities"}
+ ))}
+
Switch to Cities to open an individual city's readiness journey.
+
+
Open a city
+
Cities with a full readiness profile in this region:
+ {points.filter((p) => p.journeyable).map((p) => (
+
+ {p.name} · {p.capag ? `CAPAG ${p.capag}` : p.tier} pickCity(p.id)}>Open →
+
+ ))}
+
{scored.name}
+ Loaded from {scored.name}'s CityCatalyst context. (Live CityCatalyst MCP wiring is the seam; here it's simulated.)
+
+ setEntry("entity")}>Entity-first (a loan for the city)
+ setEntry("project")}>Project-first (fund a project)
+
+
+
+
GHG inventory
+
{ctx.inventory.source} · {ctx.inventory.year}
+ {ctx.inventory.topSectors.map((s) =>
{s.sector} {s.sharePct}%
)}
+
+
+
CCRA — climate risk
+
{ctx.ccra.source}
+ {ctx.ccra.hazards.map((h) =>
{h.hazard} {h.risk}
)}
+
+
+
HIAP priorities
+
Top prioritized climate actions
+ {ctx.hiap.map((a) =>
{a.rank}. {a.name} {a.type}
)}
+
+
+
Climate plan
+
{ctx.plan.status}
+
Plan {ctx.plan.name}
+
Actions {ctx.plan.actionsCount}
+
Own project pipeline {ctx.projects.length} projects
+
+
Project-first: import a prepared project (a Concept Note from the Project Preparator ) — it enters at the Portfolio step. Import project from Preparator (mock)
+ )}
+ goto(2)}>Find financing →
+
+ )}
+
+ {/* 2 — FIND FINANCING (funder navigator: funder → program → instrument) */}
+ {stage === 2 && scored && (
+ <>
+ Find a financing line
+ Readiness is specific to the product. Drill down funder → program → instrument . {entry === "entity" ? "Entity-first: a direct line for the city." : "Project-first: also surfaces grants & PPFs via the matching service / Preparator."}
+
+
+ {selFunder ? {selFunder.short} : "Funder"} › {selProgram ? {selProgram.name} : "Program"} › {selInstrument ? {selInstrument.name} : "Instrument"}
+
+
+
+
1 · Funder
+ {FUNDERS.map((f) => (
+
+ {f.name} {f.template && template }
+ { setSelFunderId(f.id); setSelProgramId(null); setSelInstrumentId(null); }}>
+ {selFunderId === f.id ? "Selected" : f.template ? "Coming soon" : "Select"}
+
+
+ ))}
+
+
2 · Program within {selFunder.short}
+ {selFunder.programs.map((p) => (
+
{ setSelProgramId(p.id); setSelInstrumentId(null); SM.setActiveProfile(p.profileId); }}>
+
{p.name} {selProgramId === p.id && selected }
+
{p.summary}
+ {p.eligibilityNote && selProgramId === p.id &&
{p.eligibilityNote}
}
+
+ ))}
+
+
3 · Instrument within {selProgram.name}
+ {selProgram.instruments.map((i) => (
+
+ {i.name} {i.note && · {i.note} } setSelInstrumentId(i.id)}>{selInstrumentId === i.id ? "Selected" : "Select"}
+
+ ))}
+
Fed by the funder sourcing service — a converged catalog (today fragmented across CityCatalyst + the hackday apps). Mock for the demo.
+ goto(3)}>Assess readiness against {selFunder ? selFunder.short : "—"}{selProgram ? ` · ${selProgram.name}` : ""} →
+
+ )}
+
+ {/* 3 — READINESS PATHWAYS */}
+ {stage === 3 && scored && (
+ <>
+ Readiness pathways
+ The early creditworthiness assessment for the {SM.activeProfile().instrument} , scored on real fiscal data. The diagnosis routes the next step.
+
+
+
+ {scored.compositeReadiness}/100
+ {scored.tier}
+
+
+
+
+
+
Eligibility gate
+ {Object.entries(scored.eligibility).filter(([k]) => k !== "eligible").map(([k, v]) => {
+ const lbl = (SM.activeProfile().projectEligibility.find((c: any) => c.key === k) || {}).label || k;
+ return
;
+ })}
+
+
+
Recommended pathway
+ {pathway === "instrument" &&
Ready and eligible — proceed to the instrument.
}
+ {pathway === "pool" &&
Ready, but a single project is sub-scale. Reach the ticket size via a portfolio — the city's own projects, or pooling with neighbours.
}
+ {pathway === "capacity-building" &&
Not yet eligible. Route → capacity-building before the instrument. Not a debt problem — see the signals.
}
+
+
+
CityCatalyst agent simulated
{a.text}
goto(4)}>{pathway === "capacity-building" ? "See capacity-building track →" : "Build the portfolio →"}
+
+ )}
+
+ {/* 4 — PORTFOLIO / CAPACITY */}
+ {stage === 4 && scored && ctx && (
+ <>
+ {pathway === "capacity-building" ? (
+ <>
+ Capacity-building track
+ {scored.name} routes here instead of the loan instrument — what to fix to become eligible, and the funded routes to do it.
+ {(scored as any).capag && (
+
+
Why — the CAPAG signals
+
Real Tesouro Nacional indicators. The gap is not debt.
+
Debt / RCL (endividamento) grade {(scored as any).capag.nota1} ✓
+
Current savings (poupança) grade {(scored as any).capag.nota2}
+
Liquidity (liquidez) grade {(scored as any).capag.nota3}
+
Accounting quality (ICF) {(scored as any).capag.icf}
+
+
Funded routes to readiness
+
Accounting / fiscal management TA → lift the ICF rating PPF · regular TC
+
Build cash reserves & current savings reform + TC
+
Grant / blended finance for adaptation now CCFLA / blended
+
Once the city re-rates (CAPAG B/A), it re-enters the instrument path. Submitting here registers a capacity-building referral , not a loan.
+ goto(5)}>Prepare referral →
+
+ ) : (
+ <>
+ Build a financeable portfolio
+ A single project is below the {SM.activeProfile().funder} ticket size. Two ways to reach it:
+
+ setPortfolioMode("intra")}>Intra-city portfolio
+ setPortfolioMode("cross")}>Cross-city pool
+
+
+ {portfolioMode === "intra" ? (
+
+
{scored.name}'s own projects
+
Bundle the city's own pipeline into one financeable portfolio — a single creditworthy borrower.
+
+ Project Sector Ask {ctx.projects.map((p) => {p.title} {p.sector} US${p.askUSDm}M
+
+
+
Portfolio ask US${intraTotal}M
+
Readiness {intraScored!.tier} · {intraScored!.eligibility.eligible ? "eligible ✓" : "not eligible"}
+
+
+
Pool with neighbouring cities
+
Pool credit lines across cities — {scored.name} anchors; small comunas ride the anchor. Other cities' readiness shown.
+
+ City Co-finance Readiness Role {(DATA.cl.comunas as Comuna[]).map((c) => { const cs = SM.scoreSNG(c); return {c.name} {c.cofinanceScore ?? "—"} /100 {cs.tier} {c.isAnchor ? Anchor : Member }
+
+
+
Pooled ask US${pool!.pooledProposal.askUSDm}M
+
Pool readiness {poolScored!.tier} · {poolScored!.eligibility.eligible ? "eligible ✓" : "not eligible"}
+
+
{portfolioMode === "intra" ? "Intra-city: one ready city, its own projects — cleanest path to the ticket." : "Cross-city: a pooled pipeline for a region / development bank — the deal that no single small city could reach alone."}
+ goto(5)}>Assemble dossier →
+
+ )}
+
+ )}
+
+ {/* 5 — FUNDER INTAKE */}
+ {stage === 5 && scored && pathway && (
+ <>
+ Funder intake
+ {!submitState ? (
+ <>
+ Assemble the machine-readable candidate dossier (Concept Note + creditworthiness + portfolio) and submit it to the funder's pipeline.
+
+
Candidate {pathway === "capacity-building" ? scored.name : portfolioMode === "cross" ? `${scored.name} pool (6 cities)` : `${scored.name} portfolio (${ctx!.projects.length} projects)`}
+
Pathway {pathway === "capacity-building" ? "capacity-building" : portfolioMode === "cross" ? "cross-city pool" : "intra-city portfolio"}
+
Target {pathway === "capacity-building" ? "Capacity-building / PPF" : SM.activeProfile().instrument}
+
Ask US${pathway === "capacity-building" ? scored.proposal.askUSDm : portfolioMode === "cross" ? pool!.pooledProposal.askUSDm : intraTotal}M
+
+ {submitting ? "Submitting…" : pathway === "capacity-building" ? "Submit capacity-building referral" : "Submit to funder pipeline"}
+
+
+ ) : (
+ <>
+ Submitted — the dossier is now on the funder's side of the screen.
+ {submitState.id} — {scored.name} is in the funder pipeline.
+
+
+ )}
+
+ )}
+
+ {stage > 0 && (
+
+ goto(stage - 1)}>← Back
+
+ )}
+