fix chromatic ui

autogpt_platform/frontend/src/components/agptui/AgentImages.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { AgentImages } from "./AgentImages";
 
 const meta = {
-  title: "Agpt Custom UI/marketing/Agent Images",
+  title: "Agpt UI/marketing/Agent Images",
   component: AgentImages,
   decorators: [
     (Story) => (

autogpt_platform/frontend/src/components/agptui/AgentInfo.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { AgentInfo } from "./AgentInfo";
 
 const meta = {
-  title: "Agpt Custom UI/marketing/Agent Info",
+  title: "Agpt UI/marketing/Agent Info",
   component: AgentInfo,
   parameters: {
     layout: {

autogpt_platform/frontend/src/components/agptui/AgentTable.stories.tsx

@@ -4,7 +4,7 @@ import { within, expect, fn } from "@storybook/test";
 import { StatusType } from "./Status";
 
 const meta = {
-  title: "Agpt Custom UI/marketing/Agent Table",
+  title: "Agpt UI/marketing/Agent Table",
   component: AgentTable,
   parameters: {
     layout: "fullscreen",

autogpt_platform/frontend/src/components/agptui/AutogptButton.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import AutogptButton from "./AutogptButton";
 
 const meta = {
-  title: "Agpt Custom UI/general/AutogptButton",
+  title: "Agpt UI/general/AutogptButton",
   component: AutogptButton,
   parameters: {
     layout: "centered",

autogpt_platform/frontend/src/components/agptui/AutogptInput.stories.tsx

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from "@storybook/react";
 import AutogptInput from "./AutogptInput";
 
 const meta: Meta<typeof AutogptInput> = {
-  title: "Agpt Custom UI/general/AutogptInput",
+  title: "Agpt UI/general/AutogptInput",
   component: AutogptInput,
   decorators: [
     (Story) => (

autogpt_platform/frontend/src/components/agptui/BecomeACreator.stories.tsx

@@ -3,7 +3,7 @@ import { BecomeACreator } from "./BecomeACreator";
 import { userEvent, within } from "@storybook/test";
 
 const meta = {
-  title: "Agpt Custom ui/marketing/Become A Creator",
+  title: "Agpt UI/marketing/Become A Creator",
   component: BecomeACreator,
   decorators: [
     (Story) => (

autogpt_platform/frontend/src/components/agptui/BreadCrumbs.stories.tsx

@@ -3,7 +3,7 @@ import { BreadCrumbs } from "./BreadCrumbs";
 import { userEvent, within } from "@storybook/test";
 
 const meta = {
-  title: "Agpt Custom UI/marketing/BreadCrumbs",
+  title: "Agpt UI/marketing/BreadCrumbs",
   component: BreadCrumbs,
   parameters: {
     layout: "centered",

autogpt_platform/frontend/src/components/agptui/Button.stories.tsx

@@ -8,7 +8,7 @@ import { Button } from "./Button";
 import { userEvent, within, expect } from "@storybook/test";
 
 const meta = {
-  title: "Agpt Custom UI/general/Button",
+  title: "Agpt UI/Deprecated/general/Button",
   component: Button,
   parameters: {
     layout: "centered",

autogpt_platform/frontend/src/components/agptui/CreatorCard.stories.tsx

@@ -3,7 +3,7 @@ import { CreatorCard } from "./CreatorCard";
 import { userEvent, within } from "@storybook/test";
 
 const meta = {
-  title: "Agpt Custom ui/marketing/Creator Card",
+  title: "Agpt UI/marketing/Creator Card",
   component: CreatorCard,
   decorators: [
     (Story) => (

autogpt_platform/frontend/src/components/agptui/CreatorInfoCard.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { CreatorInfoCard } from "./CreatorInfoCard";
 
 const meta = {
-  title: "Agpt Custom UI/marketing/Creator Info Card",
+  title: "Agpt UI/marketing/Creator Info Card",
   component: CreatorInfoCard,
   decorators: [
     (Story) => (

autogpt_platform/frontend/src/components/agptui/CreatorLink.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import CreatorLink from "./CreatorLink";
 
 const meta: Meta<typeof CreatorLink> = {
-  title: "Agpt Custom UI/marketing/CreatorLink",
+  title: "Agpt UI/marketing/CreatorLink",
   component: CreatorLink,
   tags: ["autodocs"],
   decorators: [

autogpt_platform/frontend/src/components/agptui/CreatorLinks.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { CreatorLinks } from "./CreatorLinks";
 
 const meta = {
-  title: "Agpt Custom UI/marketing/Creator Links",
+  title: "Agpt UI/marketing/Creator Links",
   component: CreatorLinks,
   decorators: [
     (Story) => (

autogpt_platform/frontend/src/components/agptui/FilterChips.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { FilterChips } from "./FilterChips";
 
 const meta = {
-  title: "Agpt Custom UI/marketing/Filter Chips",
+  title: "Agpt UI/marketing/Filter Chips",
   component: FilterChips,
   parameters: {
     layout: "centered",

autogpt_platform/frontend/src/components/agptui/MobileNavBar.stories.tsx

@@ -3,7 +3,7 @@ import { MobileNavBar } from "./MobileNavBar";
 import { IconType } from "../ui/icons";
 
 const meta = {
-  title: "Agpt Custom UI/general/Mobile Nav Bar",
+  title: "Agpt UI/general/Mobile Nav Bar",
   component: MobileNavBar,
   parameters: {
     viewport: {

autogpt_platform/frontend/src/components/agptui/Navbar.stories.tsx

@@ -17,7 +17,7 @@ const mockCreditData = {
 };
 
 const meta = {
-  title: "Agpt Custom UI/general/Navbar",
+  title: "Agpt UI/general/Navbar",
   component: Navbar,
   decorators: [
     (Story) => (

autogpt_platform/frontend/src/components/agptui/PublishAgentAwaitingReview.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { PublishAgentAwaitingReview } from "./PublishAgentAwaitingReview";
 
 const meta: Meta<typeof PublishAgentAwaitingReview> = {
-  title: "Agpt Custom UI/marketing/Publish Agent Awaiting Review",
+  title: "Agpt UI/marketing/Publish Agent Awaiting Review",
   component: PublishAgentAwaitingReview,
   tags: ["autodocs"],
   decorators: [

autogpt_platform/frontend/src/components/agptui/PublishAgentSelect.stories.tsx

@@ -3,7 +3,7 @@ import { Agent, PublishAgentSelect } from "./PublishAgentSelect";
 import { userEvent, within, expect } from "@storybook/test";
 
 const meta: Meta<typeof PublishAgentSelect> = {
-  title: "Agpt Custom UI/marketing/Publish Agent Select",
+  title: "Agpt UI/marketing/Publish Agent Select",
   decorators: [
     (Story) => (
       <div className="backdrop-blur-4 flex h-screen items-center justify-center bg-black/40">

autogpt_platform/frontend/src/components/agptui/PublishAgentSelectInfo.stories.tsx

@@ -3,7 +3,7 @@ import { PublishAgentInfo } from "./PublishAgentSelectInfo";
 import { expect, userEvent, within } from "@storybook/test";
 
 const meta: Meta<typeof PublishAgentInfo> = {
-  title: "Agpt Custom UI/marketing/Publish Agent Select Info",
+  title: "Agpt UI/marketing/Publish Agent Select Info",
   component: PublishAgentInfo,
   tags: ["autodocs"],
   decorators: [

autogpt_platform/frontend/src/components/agptui/SearchBar.stories.tsx

@@ -3,7 +3,7 @@ import { SearchBar } from "./SearchBar";
 import { userEvent, within, expect } from "@storybook/test";
 
 const meta = {
-  title: "Agpt Custom ui/marketing/Search Bar",
+  title: "Agpt UI/marketing/Search Bar",
   component: SearchBar,
 
   tags: ["autodocs"],

autogpt_platform/frontend/src/components/agptui/SearchFilterChips.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { SearchFilterChips } from "./SearchFilterChips";
 
 const meta = {
-  title: "Agpt Custom UI/marketing/Search Filter Chips",
+  title: "Agpt UI/marketing/Search Filter Chips",
   component: SearchFilterChips,
   parameters: {
     layout: "centered",

autogpt_platform/frontend/src/components/agptui/Sidebar.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { Sidebar } from "./Sidebar";
 
 const meta = {
-  title: "Agpt Custom UI/marketing/Sidebar",
+  title: "Agpt UI/marketing/Sidebar",
   component: Sidebar,
   parameters: {
     layout: "centered",

autogpt_platform/frontend/src/components/agptui/StoreCard.stories.tsx

@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import { StoreCard } from "./StoreCard";
-import { userEvent, within, expect } from "@storybook/test";
+import { userEvent, within } from "@storybook/test";
 
 const meta = {
-  title: "Agpt Custom ui/marketing/StoreCard",
+  title: "Agpt UI/marketing/StoreCard",
   component: StoreCard,
 
   decorators: [

autogpt_platform/frontend/src/components/agptui/composite/AgentsSection.stories.tsx

@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import { Agent, AgentsSection } from "./AgentsSection";
-import { userEvent, within, expect } from "@storybook/test";
+import { userEvent, within } from "@storybook/test";
 
 const meta = {
-  title: "Agpt Custom UI/marketing/Agents Section",
+  title: "Agpt UI/marketing/Agents Section",
   component: AgentsSection,
 
   decorators: [

autogpt_platform/frontend/src/components/agptui/composite/FeaturedCreators.stories.tsx

@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import { FeaturedCreators } from "./FeaturedCreators";
-import { userEvent, within, expect } from "@storybook/test";
+import { userEvent, within } from "@storybook/test";
 
 const meta = {
-  title: "Agpt Custom UI/marketing/Featured Creators",
+  title: "Agpt UI/marketing/Featured Creators",
   component: FeaturedCreators,
   decorators: [
     (Story) => (

autogpt_platform/frontend/src/components/agptui/composite/FeaturedSection.stories.tsx

@@ -4,7 +4,7 @@ import { userEvent, within, expect } from "@storybook/test";
 import { StoreAgent } from "@/lib/autogpt-server-api";
 
 const meta = {
-  title: "Agpt Custom UI/marketing/Featured Agents",
+  title: "Agpt UI/marketing/Featured Section",
   component: FeaturedSection,
   decorators: [
     (Story) => (

autogpt_platform/frontend/src/components/agptui/composite/HeroSection.stories.tsx

@@ -3,7 +3,7 @@ import { HeroSection } from "./HeroSection";
 import { userEvent, within, expect } from "@storybook/test";
 
 const meta = {
-  title: "Agpt Custom UI/marketing/Hero Section",
+  title: "Agpt UI/marketing/Hero Section",
   component: HeroSection,
   decorators: [
     (Story) => (