);
}
// ---- Signed-in-tier live routing (v1.9.8: downgraded from the
// AI/apiAccess-gated tier -- OpenRouteService has its own free-tier
// request cap independent of Anthropic spend, same reasoning already
// applied to elevation_lookup/nominatim_search, see cf-worker's
// ors_route action, requiresApiAccess: false): click points on the
// map (or search by name) to build an A-B-C-... multi-stop route,
// optionally mirrored back-and-forth for a round-trip ritase
// (A-B-C-B-A). OpenRouteService (driving-hgv profile) returns the
// real road path, distance, and elevation profile via cf-worker's
// "ors_route" action, which already accepts any number of waypoints
// -- no Worker change needed here.
async function fetchOrsRoute(waypoints) {
const idToken = await firebase.auth().currentUser.getIdToken();
const res = await fetch(window.API_PROXY_URL, {
method: "POST",
headers: { "Authorization": `Bearer ${idToken}`, "Content-Type": "application/json" },
body: JSON.stringify({ action: "ors_route", waypoints }),
});
const data = await res.json();
if (!res.ok) throw new Error(data.error || `Request failed (${res.status})`);
return data;
}
// Place-name search, provider-abstracted on purpose: Nominatim is the free
// "for now" provider (see cf-worker's nominatim_search action); swapping to
// Google Places once there's budget for the Cloud Billing card it requires
// is meant to be a change in this one function, not a UI rewrite.
async function geocodeSearch(query, provider) {
if ((provider || "nominatim") !== "nominatim") throw new Error(`Unknown geocode provider: ${provider}`);
const idToken = await firebase.auth().currentUser.getIdToken();
const res = await fetch(window.API_PROXY_URL, {
method: "POST",
headers: { "Authorization": `Bearer ${idToken}`, "Content-Type": "application/json" },
body: JSON.stringify({ action: "nominatim_search", query }),
});
const data = await res.json();
if (!res.ok) throw new Error(data.error || `Request failed (${res.status})`);
return data.results || [];
}
// A-B-C round trip mirrors the forward stops in reverse, excluding the
// last point (already the turnaround) so it isn't duplicated: A-B-C -> A-B-C-B-A.
function buildRitaseWaypoints(waypoints, roundTrip) {
if (!roundTrip || waypoints.length < 2) return waypoints;
const back = waypoints.slice(0, -1).reverse();
return [...waypoints, ...back];
}
const MAX_ROUTE_WAYPOINTS = 20;
function RouteLiveLookup({ onApply }) {
const { lang } = useLang();
const { user, profile } = useAuth();
// v1.9.8 (2026-07-21): was gated on canUseGatedApi (the AI/Anthropic
// tier) even though OpenRouteService and Nominatim are both free,
// keyless services with their own independent free-tier request caps --
// nothing here spends VKTR's Anthropic budget. Per Rija: no reason to
// gate a free API behind admin-granted AI access. Now just requires
// sign-in, matching cf-worker's ors_route/nominatim_search actions
// (requiresApiAccess: false) and the free KML/KMZ importer above.
const gated = !!user;
const [waypoints, setWaypoints] = React.useState([]);
const [roundTrip, setRoundTrip] = React.useState(false);
const [status, setStatus] = React.useState("idle"); // idle | loading | ready | error
const [errorMsg, setErrorMsg] = React.useState("");
const [route, setRoute] = React.useState(null);
const [query, setQuery] = React.useState("");
const [searchResults, setSearchResults] = React.useState(null);
const [searching, setSearching] = React.useState(false);
if (!gated) {
return (
);
}
const resetResult = () => { setRoute(null); setStatus("idle"); setErrorMsg(""); };
const addWaypoint = (wp) => {
if (waypoints.length >= MAX_ROUTE_WAYPOINTS) return;
setWaypoints((prev) => [...prev, wp]);
resetResult();
};
const handleMapClick = (latlng) => addWaypoint(latlng);
const undo = () => { setWaypoints((prev) => prev.slice(0, -1)); resetResult(); };
const clear = () => { setWaypoints([]); resetResult(); };
const runSearch = async (e) => {
e.preventDefault();
if (!query.trim() || searching) return;
setSearching(true); setSearchResults(null);
try {
const results = await geocodeSearch(query.trim());
setSearchResults(results);
} catch (err) {
// v1.9.10 (2026-07-21) audit: was setSearchResults([]) on ANY failure
// (network error, Nominatim rate-limited) -- indistinguishable from a
// genuine "no matches for this query" zero-result search, misleading
// the user about why nothing showed up. Surface it instead.
setSearchResults([]);
alert(tr(lang, "Search failed — check your connection and try again.", "Pencarian gagal — periksa koneksi Anda dan coba lagi.") + (err && err.message ? `\n(${err.message})` : ""));
} finally {
setSearching(false);
}
};
const pickSearchResult = (r) => {
addWaypoint({ lat: r.lat, lng: r.lng });
setSearchResults(null);
setQuery("");
};
const lookupRoute = async () => {
if (waypoints.length < 2) return;
setStatus("loading"); setErrorMsg("");
try {
const data = await fetchOrsRoute(buildRitaseWaypoints(waypoints, roundTrip));
setRoute(data);
setStatus("ready");
} catch (err) {
setErrorMsg(err.message || String(err));
setStatus("error");
}
};
const saveAs = async () => {
const name = window.prompt(tr(lang, "Save this route as", "Simpan rute ini sebagai"), tr(lang, "Live route", "Rute langsung"));
if (!name) return;
try {
await saveRouteToLibrary(user, route, name);
} catch (e) {
alert(tr(lang, "Couldn't save — check your connection and try again.", "Gagal menyimpan — periksa koneksi Anda dan coba lagi.") + (e && e.message ? `\n(${e.message})` : ""));
}
};
return (
{searchResults && (
{searchResults.length === 0 && (
)}
{searchResults.map((r, i) => (
pickSearchResult(r)}>{r.label}
))}
)}
{waypoints.length === 0
? tr(lang, "Click points on the map or search above: origin, then any stops, then destination.", "Klik titik di peta atau cari di atas: asal, lalu titik singgah, lalu tujuan.")
: tr(lang, `${waypoints.length} point(s) set.`, `${waypoints.length} titik ditetapkan.`)}
{waypoints.length >= 2 && (
)}
{waypoints.length > 0 && (
<>
)}
{status === "loading" &&