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)}
@@ -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}
{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;