chore(webapp): drop the unused agent callout variant; fix a renamed gallery section id

The wake toast moved to the standard toast's agent status, leaving the
Callout variant with no consumer.

Author: kathiekiwi

apps/webapp/app/components/primitives/Callout.tsx

@@ -13,7 +13,6 @@ import {
 } from "@heroicons/react/24/solid";
 import { Link } from "@remix-run/react";
 import { cn } from "~/utils/cn";
-import { AgentMonoLogo } from "./AgentDotMatrix";
 import { Paragraph } from "./Paragraph";
 import { Spinner } from "./Spinner";
 
@@ -60,15 +59,6 @@ export const variantClasses = {
     textColor: "text-callout-pending-text",
     linkClassName: "transition hover:bg-callout-pending/20",
   },
-  // Something the dashboard agent has to say, carrying a way into the chat.
-  // Dressed like the Ask Trigger button: the agent logo on the button's own
-  // surface (charcoal on dark, white on light) with the softened green border.
-  agent: {
-    className: "border-[#41FF54]/25 bg-secondary light:border-success/60",
-    icon: <AgentMonoLogo size={20} decorative />,
-    textColor: "text-text-bright",
-    linkClassName: "transition dark:hover:bg-background-raised light:hover:bg-[#e4ffe8]",
-  },
   pricing: {
     className: "border-callout-pricing/20 bg-callout-pricing-bg/30",
     icon: <CreditCardIcon className="h-5 w-5 shrink-0 text-callout-pricing" />,

apps/webapp/app/routes/storybook.agent-ui/manifest.ts

@@ -290,8 +290,8 @@ export const MANIFEST: GallerySection[] = [
     group: "watch-card",
   },
   {
-    sectionId: "watch-card-queue-age-recommended",
-    title: "Compact — age SLA recommended on a late queue",
+    sectionId: "watch-card-queue-late-recommended",
+    title: "Compact — drain recommended on a late queue",
     group: "watch-card",
   },
 

apps/webapp/app/routes/storybook.callout/route.tsx

@@ -33,17 +33,6 @@ export default function Story() {
         </Callout>
         <Callout variant="pending">This is a pending callout</Callout>
         <Callout variant="pricing">This is a pricing callout</Callout>
-        <Callout variant="agent">This is an agent callout</Callout>
-        <Callout
-          variant="agent"
-          cta={
-            <Button variant="secondary/small" onClick={() => {}}>
-              Open chat
-            </Button>
-          }
-        >
-          This is an agent callout with an action
-        </Callout>
         <Callout variant="error">
           This is an error message which runs over multiple lines. This is an error message which
           runs over multiple lines. This is an error message which runs over multiple lines.
@@ -75,9 +64,6 @@ export default function Story() {
         <Callout to="#" variant="pricing">
           This is a pricing callout
         </Callout>
-        <Callout to="#" variant="agent">
-          This is an agent callout
-        </Callout>
         <Callout variant="info" to="https://google.com">
           This uses an http link
         </Callout>