feat(webapp): the Queues page becomes Concurrency

The page moves from /queues to /concurrency with the same layout,
charts and columns; the old URL (list and detail, query intact)
redirects permanently, and old deeplinks and favorites resolve to the
new page. Path helpers, side menu, deeplink and favorites registries
and agent page labels follow the rename.

Author: matt-aitken

apps/webapp/app/components/billing/OrgBanner.tsx

@@ -14,7 +14,7 @@ import {
 import { useOptionalProject, useProject } from "~/hooks/useProject";
 import { useShowSelfServe } from "~/hooks/useShowSelfServe";
 import { useCurrentPlan } from "~/routes/_app.orgs.$organizationSlug/route";
-import { v3BillingLimitsPath, v3BillingPath, v3QueuesPath } from "~/utils/pathBuilder";
+import { v3BillingLimitsPath, v3BillingPath, concurrencyPath } from "~/utils/pathBuilder";
 import { ENVIRONMENT_PAUSE_SOURCE_BILLING_LIMIT } from "~/utils/environmentPauseSource";
 
 function getUpgradeResetDate(): Date {
@@ -209,7 +209,7 @@ function PausedEnvironmentBanner({ hideButton }: { hideButton: boolean }) {
         hideButton ? undefined : (
           <LinkButton
             variant="tertiary/small"
-            to={v3QueuesPath(organization, project, environment)}
+            to={concurrencyPath(organization, project, environment)}
           >
             Manage
           </LinkButton>

apps/webapp/app/components/dashboard-agent/page-label.ts

@@ -49,6 +49,7 @@ const SECTION_LABELS: Record<string, string> = {
   batches: "Batches",
   "bulk-actions": "Bulk actions",
   branches: "Branches",
+  concurrency: "Concurrency",
   "concurrency-limits": "Concurrency limits",
   dashboards: "Dashboards",
   deployments: "Deployments",

apps/webapp/app/components/navigation/favoritePages.tsx

@@ -223,7 +223,8 @@ const ENV_PAGE_META: Record<string, PageMeta> = {
   logs: { icon: "logs", name: "Logs" },
   errors: { icon: "errors", name: "Errors", singular: "Error" },
   query: { icon: "query", name: "Query" },
-  queues: { icon: "queues", name: "Queues", singular: "Queue" },
+  queues: { icon: "queues", name: "Concurrency" },
+  concurrency: { icon: "queues", name: "Concurrency" },
   dashboards: { icon: "dashboards", name: "Dashboards", singular: "Dashboard" },
   deployments: { icon: "deployments", name: "Deploys", singular: "Deploy" },
   "environment-variables": { icon: "environment-variables", name: "Environment variables" },

apps/webapp/app/components/navigation/sideMenuSections.tsx

@@ -39,7 +39,7 @@ import {
   v3ProjectAlertsPath,
   v3ProjectSettingsIntegrationsPath,
   v3PromptsPath,
-  v3QueuesPath,
+  concurrencyPath,
   v3WaitpointTokensPath,
 } from "~/utils/pathBuilder";
 import { AlphaBadge, NewBadge } from "../FeatureBadges";
@@ -160,10 +160,10 @@ export function buildSideMenuSections({
               } satisfies SideMenuItemConfig,
               {
                 id: "queues",
-                name: "Queues",
+                name: "Concurrency",
                 icon: QueuesIcon,
                 activeIconColor: "text-queues",
-                to: v3QueuesPath(organization, project, environment),
+                to: concurrencyPath(organization, project, environment),
                 dataAction: "queues",
               } satisfies SideMenuItemConfig,
               {

…jectParam.env.$envParam.queues/route.tsx …aram.env.$envParam.concurrency/route.tsxapps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.queues/route.tsx renamed to apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.concurrency/route.tsx apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.queues/route.tsx renamed to apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.concurrency/route.tsx

@@ -87,7 +87,7 @@ import {
   docsPath,
   EnvironmentParamSchema,
   v3BillingPath,
-  v3QueuePath,
+  concurrencyQueuePath,
   v3RunsPath,
 } from "~/utils/pathBuilder";
 import type { Handle } from "~/utils/handle";
@@ -485,7 +485,7 @@ function QueuesWithMetricsView() {
   return (
     <PageContainer>
       <NavBar>
-        <PageTitle title="Queues" />
+        <PageTitle title="Concurrency" />
         <PageAccessories>
           <AdminDebugTooltip />
           <WhenAgentUnavailable>
@@ -778,7 +778,7 @@ function QueuesWithMetricsView() {
                     queue.queued >= environment.queueSizeLimit;
                   const queueFilterableName = queueMetricsKey(queue);
                   const queueMetric = metricsByQueue[queueFilterableName];
-                  const queueDetailPath = v3QueuePath(organization, project, env, {
+                  const queueDetailPath = concurrencyQueuePath(organization, project, env, {
                     friendlyId: queue.id,
                   });
                   const isLimit = queue.kind === "limit";
@@ -1748,7 +1748,7 @@ function ClassicQueuesView() {
   return (
     <PageContainer>
       <NavBar>
-        <PageTitle title="Queues" />
+        <PageTitle title="Concurrency" />
         <PageAccessories>
           <AdminDebugTooltip />
           <WhenAgentUnavailable>

….$envParam.queues_.$queueParam/route.tsx …Param.concurrency_.$queueParam/route.tsxapps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.queues_.$queueParam/route.tsx renamed to apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.concurrency_.$queueParam/route.tsx apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.queues_.$queueParam/route.tsx renamed to apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.concurrency_.$queueParam/route.tsx

@@ -0,0 +1,10 @@
+import { redirect, type LoaderFunctionArgs } from "@remix-run/server-runtime";
+
+/** The queues page became the Concurrency page; old URLs (bookmarks, agent deep
+ * links, the queue detail path) redirect with their sub-path and query intact. */
+export const loader = async ({ params, request }: LoaderFunctionArgs) => {
+  const url = new URL(request.url);
+  const subPath = params["*"] ? `/${params["*"]}` : "";
+  const base = url.pathname.replace(/\/queues(\/.*)?$/, "/concurrency");
+  return redirect(`${base}${subPath}${url.search}`, 301);
+};

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.queues.$.ts

@@ -0,0 +1,8 @@
+import { redirect, type LoaderFunctionArgs } from "@remix-run/server-runtime";
+
+/** The queues page became the Concurrency page; the bare old URL redirects with
+ * its query intact. */
+export const loader = async ({ request }: LoaderFunctionArgs) => {
+  const url = new URL(request.url);
+  return redirect(`${url.pathname.replace(/\/queues$/, "/concurrency")}${url.search}`, 301);
+};

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.queues.ts

@@ -97,7 +97,7 @@ import {
   v3EditSchedulePath,
   v3EnvironmentPath,
   v3NewSchedulePath,
-  v3QueuePath,
+  concurrencyQueuePath,
   v3RunsPath,
   v3SchedulePath,
   v3SchedulesAddOnPath,
@@ -258,7 +258,7 @@ export default function Page() {
     taskIdentifier: task.slug,
   });
   const queuePath = task.queue
-    ? v3QueuePath(organization, project, environment, { friendlyId: task.queue.friendlyId })
+    ? concurrencyQueuePath(organization, project, environment, { friendlyId: task.queue.friendlyId })
     : undefined;
 
   const filters: TaskRunListSearchFilters = useMemo(() => ({ tasks: [task.slug] }), [task.slug]);

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.tasks.scheduled.$taskParam/route.tsx

@@ -63,8 +63,8 @@ import { requireUser } from "~/services/session.server";
 import {
   EnvironmentParamSchema,
   v3EnvironmentPath,
-  v3QueuePath,
-  v3QueuesPath,
+  concurrencyQueuePath,
+  concurrencyPath,
   v3TestTaskPath,
 } from "~/utils/pathBuilder";
 import { parseFiniteInt } from "~/utils/searchParams";
@@ -198,9 +198,9 @@ export default function Page() {
   const testPath = v3TestTaskPath(organization, project, environment, {
     taskIdentifier: task.slug,
   });
-  const queuesPath = v3QueuesPath(organization, project, environment);
+  const queuesPath = concurrencyPath(organization, project, environment);
   const queuePath = task.queue
-    ? v3QueuePath(organization, project, environment, { friendlyId: task.queue.friendlyId })
+    ? concurrencyQueuePath(organization, project, environment, { friendlyId: task.queue.friendlyId })
     : undefined;
 
   const { value } = useSearchParams();