chore(webapp): storybook — Trigger Agent section with Chat UI and Icons & Buttons

Author: kathiekiwi

apps/webapp/app/routes/storybook.agent-ui/route.tsx

@@ -901,7 +901,7 @@ export default function Story() {
       <div className="flex flex-col gap-10 py-6">
         <div className="flex flex-col gap-1">
           <div className="flex items-baseline justify-between gap-4">
-            <Header1>Dashboard agent UI</Header1>
+            <Header1>Trigger Agent — Chat UI</Header1>
             <ThemeToggle />
           </div>
           <Paragraph variant="small">

apps/webapp/app/routes/storybook.ai-agent/route.tsx

@@ -26,7 +26,7 @@ export default function Story() {
   return (
     <div className="flex flex-col gap-4 p-6">
       <div className="flex max-w-3xl flex-col gap-1">
-        <Header1>AI agent</Header1>
+        <Header1>Trigger Agent — Icons & Buttons</Header1>
         <Paragraph variant="small">
           A resting logo that animates while the agent thinks. Each tab is a separate experiment.
         </Paragraph>

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

@@ -7,10 +7,6 @@ import { requireUser } from "~/services/session.server";
 import { cn } from "~/utils/cn";
 
 const stories: Story[] = [
-  {
-    name: "AI agent",
-    slug: "ai-agent",
-  },
   {
     name: "Animated panel",
     slug: "animated-panel",
@@ -163,12 +159,16 @@ const stories: Story[] = [
     name: "Usage",
     slug: "usage",
   },
-  // Dashboard agent section
+  // Trigger Agent section
   {
-    sectionTitle: "Dashboard agent",
-    name: "Agent UI",
+    sectionTitle: "Trigger Agent",
+    name: "Chat UI",
     slug: "agent-ui",
   },
+  {
+    name: "Icons & Buttons",
+    slug: "ai-agent",
+  },
   // Forms section
   {
     sectionTitle: "Forms",