test: mobile snapshots for page stories

apps/nextjs/src/app/aila/[id]/download/DownloadView.stories.tsx

@@ -1,6 +1,7 @@
 import type { AilaPersistedChat } from "@oakai/aila/src/protocol/schema";
 import type { Meta, StoryObj } from "@storybook/react";
 
+import { chromaticParams } from "../../../../../.storybook/chromatic";
 import { DemoProvider } from "../../../../../src/components/ContextProviders/Demo";
 import { DownloadContent } from "./DownloadView";
 
@@ -9,6 +10,7 @@ const meta: Meta<typeof DownloadContent> = {
   component: DownloadContent,
   parameters: {
     layout: "fullscreen",
+    ...chromaticParams(["mobile", "legacy"]),
   },
   decorators: [
     (Story) => (

apps/nextjs/src/app/aila/[id]/share/index.stories.tsx

@@ -1,13 +1,15 @@
 import type { LooseLessonPlan } from "@oakai/aila/src/protocol/schema";
 import type { Meta, StoryObj } from "@storybook/react";
 
+import { chromaticParams } from "../../../../../.storybook/chromatic";
 import ShareChat from "./";
 
 const meta: Meta<typeof ShareChat> = {
   title: "Pages/Chat/Share",
   component: ShareChat,
   parameters: {
     layout: "fullscreen",
+    ...chromaticParams(["mobile", "legacy"]),
   },
 };
 

apps/nextjs/src/app/aila/help/index.stories.tsx

@@ -3,13 +3,15 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { DemoProvider } from "@/components/ContextProviders/Demo";
 
 import { HelpContent } from ".";
+import { chromaticParams } from "../../../../.storybook/chromatic";
 
 const meta: Meta<typeof HelpContent> = {
   title: "Pages/Chat/Help",
   component: HelpContent,
   parameters: {
     // Including custom decorators changes the layout from fullscreen
     layout: "fullscreen",
+    ...chromaticParams(["mobile", "legacy"]),
   },
   decorators: [
     (Story) => (

apps/nextjs/src/app/faqs/index.stories.tsx

@@ -1,10 +1,14 @@
 import type { Meta, StoryObj } from "@storybook/react";
 
 import { FAQPageContent } from ".";
+import { chromaticParams } from "../../../.storybook/chromatic";
 
 const meta: Meta<typeof FAQPageContent> = {
   title: "Pages/FAQs",
   component: FAQPageContent,
+  parameters: {
+    ...chromaticParams(["mobile", "legacy"]),
+  },
 };
 
 export default meta;

apps/nextjs/src/app/home-page.stories.tsx

@@ -1,10 +1,14 @@
 import type { Meta, StoryObj } from "@storybook/react";
 
+import { chromaticParams } from "../../.storybook/chromatic";
 import { HomePageContent } from "./home-page";
 
 const meta: Meta<typeof HomePageContent> = {
   title: "Pages/Homepage",
   component: HomePageContent,
+  parameters: {
+    ...chromaticParams(["mobile", "legacy"]),
+  },
 };
 
 export default meta;

apps/nextjs/src/app/legal/[slug]/legal.stories.tsx

@@ -1,10 +1,14 @@
 import type { Meta, StoryObj } from "@storybook/react";
 
+import { chromaticParams } from "../../../../.storybook/chromatic";
 import { LegalContent } from "./legal";
 
 const meta: Meta<typeof LegalContent> = {
   title: "Pages/Legal/Sanity dynamic",
   component: LegalContent,
+  parameters: {
+    ...chromaticParams(["mobile", "legacy"]),
+  },
 };
 
 export default meta;

apps/nextjs/src/app/legal/account-locked/account-locked.stories.tsx

@@ -1,10 +1,14 @@
 import type { Meta, StoryObj } from "@storybook/react";
 
+import { chromaticParams } from "../../../../.storybook/chromatic";
 import { AccountLocked } from "./account-locked";
 
 const meta: Meta<typeof AccountLocked> = {
   title: "Pages/Legal/Account Locked",
   component: AccountLocked,
+  parameters: {
+    ...chromaticParams(["mobile", "legacy"]),
+  },
 };
 
 export default meta;

apps/nextjs/src/app/prompts/prompts.stories.tsx

@@ -1,10 +1,14 @@
 import type { Meta, StoryObj } from "@storybook/react";
 
+import { chromaticParams } from "../../../.storybook/chromatic";
 import { PromptsContent } from "./prompts";
 
 const meta: Meta<typeof PromptsContent> = {
   title: "Pages/Prompts",
   component: PromptsContent,
+  parameters: {
+    ...chromaticParams(["mobile", "legacy"]),
+  },
 };
 
 export default meta;

apps/nextjs/src/components/AppComponents/Chat/chat-start.stories.tsx

@@ -2,6 +2,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 
 import { DemoProvider } from "@/components/ContextProviders/Demo";
 
+import { chromaticParams } from "../../../../.storybook/chromatic";
 import { DialogProvider } from "../DialogContext";
 import { ChatStart } from "./chat-start";
 
@@ -11,6 +12,7 @@ const meta: Meta<typeof ChatStart> = {
   parameters: {
     // Including custom decorators changes the layout from fullscreen
     layout: "fullscreen",
+    ...chromaticParams(["mobile", "legacy"]),
   },
   decorators: [
     (Story) => (

apps/nextjs/src/components/Onboarding/AcceptTermsForm.stories.tsx

@@ -1,10 +1,14 @@
 import type { Meta, StoryObj } from "@storybook/react";
 
+import { chromaticParams } from "../../../.storybook/chromatic";
 import { AcceptTermsForm } from "./AcceptTermsForm";
 
 const meta: Meta<typeof AcceptTermsForm> = {
   title: "Pages/Onboarding/AcceptTermsForm",
   component: AcceptTermsForm,
+  parameters: {
+    ...chromaticParams(["mobile", "legacy"]),
+  },
 };
 
 export default meta;

apps/nextjs/src/components/Onboarding/LegacyUpgradeNotice.stories.tsx

@@ -1,10 +1,14 @@
 import type { Meta, StoryObj } from "@storybook/react";
 
+import { chromaticParams } from "../../../.storybook/chromatic";
 import { LegacyUpgradeNotice } from "./LegacyUpgradeNotice";
 
 const meta: Meta<typeof LegacyUpgradeNotice> = {
   title: "Pages/Onboarding/LegacyUpgradeNotice",
   component: LegacyUpgradeNotice,
+  parameters: {
+    ...chromaticParams(["mobile", "legacy"]),
+  },
 };
 
 export default meta;