feat: Add OpenClaw agent integration with Slack webhooks

apps/webapp/app/bootstrap.ts

@@ -40,7 +40,7 @@ async function createWorkerGroup() {
 
   console.log(`
 ==========================
-Trigger.dev Bootstrap - Worker Token
+AirTrigger Bootstrap - Worker Token
 
 WARNING: This will only be shown once. Save it now!
 

apps/webapp/app/components/AskAI.tsx

@@ -230,7 +230,7 @@ function ChatMessages({
   ];
 
   return (
-    <div className="flex-1 overflow-y-auto p-4 scrollbar-thin scrollbar-track-transparent scrollbar-thumb-charcoal-600">
+    <div className="flex-1 overflow-y-auto p-4 scrollbar-thin scrollbar-track-transparent scrollbar-thumb-gray-300">
       {conversation.length === 0 ? (
         <motion.div
           className="flex flex-col gap-2 pb-2"
@@ -248,7 +248,7 @@ function ChatMessages({
           }}
         >
           <Paragraph className="mb-3 mt-1.5 pl-1">
-            I'm trained on docs, examples, and other content. Ask me anything about Trigger.dev.
+            I'm trained on docs, examples, and other content. Ask me anything about AirTrigger.
           </Paragraph>
           {exampleQuestions.map((question, index) => (
             <motion.button

apps/webapp/app/components/BlankStatePanels.tsx

@@ -435,7 +435,7 @@ export function BranchesNoBranchableEnvironment() {
       }
     >
       <Paragraph spacing variant="small">
-        Preview branches in Trigger.dev create isolated environments for testing new features before
+        Preview branches in AirTrigger create isolated environments for testing new features before
         production.
       </Paragraph>
       <Paragraph variant="small">

apps/webapp/app/components/DevPresence.tsx

@@ -169,8 +169,8 @@ export function DevPresencePanel({ isConnected }: { isConnected: boolean | undef
             {isConnected === undefined
               ? "Checking connection..."
               : isConnected
-              ? "Your local dev server is connected to Trigger.dev"
-              : "Your local dev server is not connected to Trigger.dev"}
+              ? "Your local dev server is connected to AirTrigger"
+              : "Your local dev server is not connected to AirTrigger"}
           </Paragraph>
         </div>
         {isConnected ? null : (
@@ -180,7 +180,7 @@ export function DevPresencePanel({ isConnected }: { isConnected: boolean | undef
             </PackageManagerProvider>
             <Paragraph variant="small">
               Run this CLI <InlineCode variant="extra-small">dev</InlineCode> command to connect to
-              the Trigger.dev servers to start developing locally. Keep it running while you develop
+              the AirTrigger servers to start developing locally. Keep it running while you develop
               to stay connected. Learn more in the{" "}
               <TextLink to={docsPath("cli-dev")}>CLI docs</TextLink>.
             </Paragraph>
@@ -210,7 +210,7 @@ export function DevDisconnectedBanner({ isConnected }: { isConnected: boolean |
                 iconSpacing="gap-1"
                 LeadingIcon={<ConnectionIcon isConnected={false} />}
               >
-                Your local dev server is not connected to Trigger.dev
+                Your local dev server is not connected to AirTrigger
               </Button>
             </DialogTrigger>
           </motion.div>

apps/webapp/app/components/ErrorDisplay.tsx

@@ -43,7 +43,7 @@ type DisplayOptionsProps = {
 
 export function ErrorDisplay({ title, message, button }: DisplayOptionsProps) {
   return (
-    <div className="relative flex min-h-screen flex-col items-center justify-center bg-[#16181C]">
+    <div className="relative flex min-h-screen flex-col items-center justify-center bg-background-dimmed">
       <div className="z-10 mt-[30vh] flex flex-col items-center gap-8">
         <Header1>{title}</Header1>
         {message && <Paragraph>{message}</Paragraph>}

apps/webapp/app/components/Feedback.tsx

@@ -114,7 +114,7 @@ export function Feedback({ button, defaultValue = "bug", onOpenChange }: Feedbac
                     panelClassName="w-full mb-2"
                   >
                     <Paragraph variant="small">
-                      The quickest way to get answers from the Trigger.dev team and community is to{" "}
+                      The quickest way to get answers from the AirTrigger team and community is to{" "}
                       <TextLink to="https://trigger.dev/discord">ask in our Discord</TextLink>.
                     </Paragraph>
                   </InfoPanel>

apps/webapp/app/components/LoginPageLayout.tsx

@@ -1,60 +1,20 @@
-import { useEffect, useState } from "react";
-import { AppsmithLogo } from "~/assets/logos/AppsmithLogo";
-import { CalComLogo } from "~/assets/logos/CalComLogo";
-import { LyftLogo } from "~/assets/logos/LyftLogo";
-import { MiddayLogo } from "~/assets/logos/MiddayLogo";
-import { TldrawLogo } from "~/assets/logos/TldrawLogo";
-import { UnkeyLogo } from "~/assets/logos/UnkeyLogo";
 import { LogoType } from "./LogoType";
 import { LinkButton } from "./primitives/Buttons";
-import { Header3 } from "./primitives/Headers";
 import { Paragraph } from "./primitives/Paragraph";
 import { TextLink } from "./primitives/TextLink";
 import { BookOpenIcon } from "@heroicons/react/20/solid";
 
-interface QuoteType {
-  quote: string;
-  person: string;
-}
-
-const quotes: QuoteType[] = [
-  {
-    quote: "Trigger.dev is redefining background jobs for modern developers.",
-    person: "Paul Copplestone, Supabase",
-  },
-  {
-    quote:
-      "Trigger.dev is a great way to automate email campaigns with Resend, and we've heard nothing but good things from our mutual customers.",
-    person: "Zeno Rocha, Resend",
-  },
-  {
-    quote: "We love Trigger.dev and it’s had a big impact in dev iteration velocity already.",
-    person: "André Neves, ZBD",
-  },
-  {
-    quote:
-      "We’ve been looking for a product like Trigger.dev for a really long time - automation that's simple and developer-focused.",
-    person: "Han Wang, Mintlify",
-  },
-];
-
 export function LoginPageLayout({ children }: { children: React.ReactNode }) {
-  const [randomQuote, setRandomQuote] = useState<QuoteType | null>(null);
-  useEffect(() => {
-    const randomIndex = Math.floor(Math.random() * quotes.length);
-    setRandomQuote(quotes[randomIndex]);
-  }, []);
-
   return (
     <main className="grid h-full grid-cols-1 md:grid-cols-2">
       <div className="border-r border-grid-bright bg-background-bright">
         <div className="flex h-full flex-col items-center justify-between p-6">
           <div className="flex w-full items-center justify-between">
-            <a href="https://trigger.dev">
+            <a href="/">
               <LogoType className="w-36" />
             </a>
             <LinkButton
-              to="https://trigger.dev/docs"
+              to="/docs"
               variant={"tertiary/small"}
               LeadingIcon={BookOpenIcon}
             >
@@ -63,27 +23,21 @@ export function LoginPageLayout({ children }: { children: React.ReactNode }) {
           </div>
           <div className="flex h-full max-w-sm items-center justify-center">{children}</div>
           <Paragraph variant="small" className="text-center">
-            Having login issues? <TextLink href="https://@trigger.dev/contact">Email us</TextLink>{" "}
-            or <TextLink href="https://trigger.dev/discord">ask us in Discord</TextLink>
+            Having login issues?{" "}
+            <TextLink href="mailto:support@airtrigger.dev">Email us</TextLink>
           </Paragraph>
         </div>
       </div>
       <div className="hidden grid-rows-[1fr_auto] pb-6 md:grid">
         <div className="flex h-full flex-col items-center justify-center px-16">
-          <Header3 className="relative text-center text-2xl font-normal leading-8 text-text-dimmed transition before:relative before:right-1 before:top-0 before:text-6xl before:text-charcoal-750 before:content-['❝'] lg-height:text-xl md-height:text-lg">
-            {randomQuote?.quote}
-          </Header3>
-          <Paragraph className="mt-4 text-text-dimmed/60">{randomQuote?.person}</Paragraph>
-        </div>
-        <div className="flex flex-col items-center gap-4 px-8">
-          <Paragraph>Trusted by developers at</Paragraph>
-          <div className="flex w-full flex-wrap items-center justify-center gap-x-6 gap-y-3 text-charcoal-500 xl:justify-between xl:gap-0">
-            <LyftLogo className="w-11" />
-            <UnkeyLogo />
-            <MiddayLogo />
-            <AppsmithLogo />
-            <CalComLogo />
-            <TldrawLogo />
+          <div className="flex flex-col items-center gap-4">
+            <h2 className="text-center text-2xl font-semibold text-text-bright">
+              Background jobs, simplified.
+            </h2>
+            <p className="max-w-md text-center text-text-dimmed">
+              Run reliable background tasks with zero infrastructure overhead. Build, deploy, and
+              monitor your workflows from one place.
+            </p>
           </div>
         </div>
       </div>

apps/webapp/app/components/LogoIcon.tsx

@@ -1,32 +1,20 @@
 export function LogoIcon({ className }: { className?: string }) {
   return (
     <svg
-      width="321"
-      height="282"
-      viewBox="0 0 321 282"
+      width="32"
+      height="32"
+      viewBox="0 0 32 32"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       className={className}
     >
+      <rect width="32" height="32" rx="8" fill="#2E7D32" />
       <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M96.1017 113.4L160.679 4.57764e-05L320.718 281.045H0.638916L65.2159 167.642L110.896 194.382L92.0035 227.561H229.354L160.679 106.965L141.786 140.144L96.1017 113.4Z"
-        fill="url(#paint0_linear_465_1663)"
+        d="M16 6L24 24H8L16 6Z"
+        fill="white"
+        fillOpacity="0.9"
       />
-      <defs>
-        <linearGradient
-          id="paint0_linear_465_1663"
-          x1="320.718"
-          y1="140.687"
-          x2="0.638918"
-          y2="140.687"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="#41FF54" />
-          <stop offset="1" stopColor="#E7FF52" />
-        </linearGradient>
-      </defs>
+      <circle cx="16" cy="20" r="2" fill="#2E7D32" />
     </svg>
   );
 }