diff --git a/packages/ui/src/pages/home/components/network-logs.tsx b/packages/ui/src/pages/home/components/network-logs.tsx
index bf5a2aa4..0cd02c20 100644
--- a/packages/ui/src/pages/home/components/network-logs.tsx
+++ b/packages/ui/src/pages/home/components/network-logs.tsx
@@ -7,7 +7,7 @@ import {
Database, Dialog, DialogBody, DialogContent, DialogHeader, DialogTitle, filterLogText, formatBytes, formatCompactNumber, formatDuration,
formatLogBodyView, formatLogDateTime, formatLogTokenSummary, formatNetworkRequestRaw, formatNetworkResponseRaw, formatRouteTracePath, formatUsdCost,
isJsonContainer, jsonChildPath, logRequestModel,
- logResponseModel, logSelectOptions, motion, MoveRight, Network, networkCodeLabel,
+ logResolvedRouteModel, logSelectOptions, motion, MoveRight, Network, networkCodeLabel,
networkExchangeMatchesQuery, networkHeaderRows, networkLifecycleLabel, networkQueryRows, networkRowId, networkSummaryRows,
Pause, Play, ProxyNetworkBody, ProxyNetworkExchange, ProxyNetworkSnapshot, ProxyStatus,
ReactNode, ReactPointerEvent, RefreshCw, RequestLogBody, RequestLogEntry, RequestLogListFilter,
@@ -842,10 +842,10 @@ function LogMobileCard({
{createdAt}
-
${logResponseModel(item)}`}>
+
${logResolvedRouteModel(item)}`}>
{logRequestModel(item)}
- {logResponseModel(item)}
+ {logResolvedRouteModel(item)}
@@ -1378,8 +1378,8 @@ function LogMetric({ label, value }: { label: string; value: string }) {
function LogModelRouteCell({ entry }: { entry: RequestLogEntry }) {
const requestModel = logRequestModel(entry);
- const responseModel = logResponseModel(entry);
- return ;
+ const resolvedModel = logResolvedRouteModel(entry);
+ return ;
}
type LogModelTooltipState = {
@@ -1391,14 +1391,14 @@ type LogModelTooltipState = {
function LogModelTooltip({
requestModel,
- responseModel
+ resolvedModel
}: {
requestModel: string;
- responseModel: string;
+ resolvedModel: string;
}) {
const triggerRef = useRef(null);
const [tooltip, setTooltip] = useState();
- const value = `${requestModel} -> ${responseModel}`;
+ const value = `${requestModel} -> ${resolvedModel}`;
useEffect(() => {
if (!tooltip) return;
@@ -1443,7 +1443,7 @@ function LogModelTooltip({
>
{requestModel}
- {responseModel}
+ {resolvedModel}
{tooltip ? (
= 0 ? resolvedModel.slice(selectorIndex + 2) : resolvedModel;
+ const separator = routedModel.lastIndexOf("/");
+ const model = separator >= 0 ? routedModel.slice(separator + 1) : routedModel;
+ return model || resolvedModel;
+}
+
export function logBodyModel(body: RequestLogBody | undefined): string | undefined {
if (!body || body.encoding === "base64" || !body.text.trim()) {
return undefined;