From 71b93a4a1c1d9bcdd4df1d107d53c15183cdc7be Mon Sep 17 00:00:00 2001
From: James Ritchie <james@trigger.dev>
Date: Sun, 3 Aug 2025 11:07:31 +0100
Subject: [PATCH 1/2] Adds a link to the reduce spend docs page from the
 billing alerts page

---
 .../route.tsx                                    | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.billing-alerts/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.billing-alerts/route.tsx
index c4d3327be83..b8dd2b84e25 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.billing-alerts/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.billing-alerts/route.tsx
@@ -2,6 +2,7 @@ import { conform, list, requestIntent, useFieldList, useForm } from "@conform-to
 import { parse } from "@conform-to/zod";
 import { Form, useActionData, type MetaFunction } from "@remix-run/react";
 import { json, type ActionFunction, type LoaderFunctionArgs } from "@remix-run/server-runtime";
+import { tryCatch } from "@trigger.dev/core";
 import { Fragment, useEffect, useRef, useState } from "react";
 import { redirect, typedjson, useTypedLoaderData } from "remix-typedjson";
 import { z } from "zod";
@@ -22,6 +23,7 @@ import { InputGroup } from "~/components/primitives/InputGroup";
 import { Label } from "~/components/primitives/Label";
 import { NavBar, PageAccessories, PageTitle } from "~/components/primitives/PageHeader";
 import { Paragraph } from "~/components/primitives/Paragraph";
+import { TextLink } from "~/components/primitives/TextLink";
 import { prisma } from "~/db.server";
 import { featuresForRequest } from "~/features.server";
 import { redirectWithErrorMessage, redirectWithSuccessMessage } from "~/models/message.server";
@@ -29,12 +31,12 @@ import { getBillingAlerts, setBillingAlert } from "~/services/platform.v3.server
 import { requireUserId } from "~/services/session.server";
 import { formatCurrency } from "~/utils/numberFormatter";
 import {
+  docsPath,
   OrganizationParamsSchema,
   organizationPath,
   v3BillingAlertsPath,
 } from "~/utils/pathBuilder";
 import { useCurrentPlan } from "../_app.orgs.$organizationSlug/route";
-import { tryCatch } from "@trigger.dev/core";
 
 export const meta: MetaFunction = () => {
   return [
@@ -199,10 +201,14 @@ export default function Page() {
       <PageBody scrollable={true}>
         <MainHorizontallyCenteredContainer>
           <div>
-            <Header2 spacing>Billing alerts</Header2>
-            <Paragraph spacing variant="small">
-              Receive an email when your compute spend crosses different thresholds.
-            </Paragraph>
+            <div className="mb-3 border-b border-grid-dimmed pb-3">
+              <Header2 spacing>Billing alerts</Header2>
+              <Paragraph variant="small">
+                Receive an email when your compute spend crosses different thresholds. You can also
+                learn how to reduce your compute spend in the{" "}
+                <TextLink to={docsPath("how-to-reduce-your-spend")}>docs</TextLink>.
+              </Paragraph>
+            </div>
             <Form method="post" {...form.props}>
               <Fieldset>
                 <InputGroup fullWidth>

From 04c81fcc1f56f89f3613515abdc54cc41d850cbb Mon Sep 17 00:00:00 2001
From: James Ritchie <james@trigger.dev>
Date: Sun, 3 Aug 2025 11:09:41 +0100
Subject: [PATCH 2/2] Copy tweak

---
 .../route.tsx                                              | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.billing-alerts/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.billing-alerts/route.tsx
index b8dd2b84e25..4dd0352f89d 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.billing-alerts/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.billing-alerts/route.tsx
@@ -205,8 +205,11 @@ export default function Page() {
               <Header2 spacing>Billing alerts</Header2>
               <Paragraph variant="small">
                 Receive an email when your compute spend crosses different thresholds. You can also
-                learn how to reduce your compute spend in the{" "}
-                <TextLink to={docsPath("how-to-reduce-your-spend")}>docs</TextLink>.
+                learn how to{" "}
+                <TextLink to={docsPath("how-to-reduce-your-spend")}>
+                  reduce your compute spend
+                </TextLink>
+                .
               </Paragraph>
             </div>
             <Form method="post" {...form.props}>