Link directly to the waitpoint

Author: matt-aitken

apps/webapp/app/components/runs/v3/WaitpointDetails.tsx

@@ -5,7 +5,7 @@ import { type WaitpointDetail } from "~/presenters/v3/WaitpointPresenter.server"
 import { ForceTimeout } from "~/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.waitpoints.$waitpointFriendlyId.complete/route";
 import { PacketDisplay } from "./PacketDisplay";
 import { WaitpointStatusCombo } from "./WaitpointStatus";
-import { v3WaitpointTokensPath } from "~/utils/pathBuilder";
+import { v3WaitpointTokenPath, v3WaitpointTokensPath } from "~/utils/pathBuilder";
 import { Link } from "@remix-run/react";
 import { TextLink } from "~/components/primitives/TextLink";
 import { useOrganization } from "~/hooks/useOrganizations";
@@ -43,7 +43,7 @@ export function WaitpointDetailTable({
         <Property.Value className="whitespace-pre-wrap">
           {linkToList ? (
             <TextLink
-              to={v3WaitpointTokensPath(organization, project, environment, {
+              to={v3WaitpointTokenPath(organization, project, environment, waitpoint, {
                 id: waitpoint.friendlyId,
               })}
             >

apps/webapp/app/utils/pathBuilder.ts

@@ -330,9 +330,12 @@ export function v3WaitpointTokenPath(
   organization: OrgForPath,
   project: ProjectForPath,
   environment: EnvironmentForPath,
-  token: { friendlyId: string }
+  token: { friendlyId: string },
+  filters?: WaitpointSearchParams
 ) {
-  return `${v3WaitpointTokensPath(organization, project, environment)}/${token.friendlyId}`;
+  const searchParams = objectToSearchParams(filters);
+  const query = searchParams ? `?${searchParams.toString()}` : "";
+  return `${v3WaitpointTokensPath(organization, project, environment)}/${token.friendlyId}${query}`;
 }
 
 export function v3BatchesPath(