test: use tighter "satisfies" typing in storybook

apps/nextjs/.storybook/preview.tsx

@@ -8,7 +8,11 @@ import "@fontsource/lexend/800.css";
 import "@fontsource/lexend/900.css";
 import { OakThemeProvider, oakDefaultTheme } from "@oaknational/oak-components";
 import type { Preview, Decorator } from "@storybook/react";
-import { initialize as initializeMsw, mswLoader } from "msw-storybook-addon";
+import {
+  initialize as initializeMsw,
+  mswLoader,
+  MswParameters,
+} from "msw-storybook-addon";
 
 import { TooltipProvider } from "../src/components/AppComponents/Chat/ui/tooltip";
 import { DialogProvider } from "../src/components/AppComponents/DialogContext";
@@ -19,6 +23,12 @@ import { chromaticParams } from "./chromatic";
 import { RadixThemeDecorator } from "./decorators/RadixThemeDecorator";
 import "./preview.css";
 
+declare module "@storybook/csf" {
+  interface Parameters {
+    msw?: MswParameters["msw"];
+  }
+}
+
 initializeMsw();
 
 const preview: Preview = {

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

@@ -6,7 +6,7 @@ import { chromaticParams } from "@/storybook/chromatic";
 import { DemoProvider } from "../../../../../src/components/ContextProviders/Demo";
 import { DownloadContent } from "./DownloadView";
 
-const meta: Meta<typeof DownloadContent> = {
+const meta = {
   title: "Pages/Chat/Download",
   component: DownloadContent,
   parameters: {
@@ -20,10 +20,10 @@ const meta: Meta<typeof DownloadContent> = {
       </DemoProvider>
     ),
   ],
-};
+} satisfies Meta<typeof DownloadContent>;
 
 export default meta;
-type Story = StoryObj<typeof DownloadContent>;
+type Story = StoryObj<typeof meta>;
 
 const chat: AilaPersistedChat = {
   id: "nSLmbQ1LO75zLTcA",

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

@@ -5,17 +5,17 @@ import { chromaticParams } from "@/storybook/chromatic";
 
 import ShareChat from "./";
 
-const meta: Meta<typeof ShareChat> = {
+const meta = {
   title: "Pages/Chat/Share",
   component: ShareChat,
   parameters: {
     layout: "fullscreen",
     ...chromaticParams(["mobile", "desktop"]),
   },
-};
+} satisfies Meta<typeof ShareChat>;
 
 export default meta;
-type Story = StoryObj<typeof ShareChat>;
+type Story = StoryObj<typeof meta>;
 
 const lessonPlan: LooseLessonPlan = {
   title: "The End of Roman Britain",

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

@@ -5,7 +5,7 @@ import { chromaticParams } from "@/storybook/chromatic";
 
 import { HelpContent } from ".";
 
-const meta: Meta<typeof HelpContent> = {
+const meta = {
   title: "Pages/Chat/Help",
   component: HelpContent,
   parameters: {
@@ -20,10 +20,10 @@ const meta: Meta<typeof HelpContent> = {
       </DemoProvider>
     ),
   ],
-};
+} satisfies Meta<typeof HelpContent>;
 
 export default meta;
-type Story = StoryObj<typeof HelpContent>;
+type Story = StoryObj<typeof meta>;
 
 export const Default: Story = {
   args: {},

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

@@ -4,16 +4,16 @@ import { chromaticParams } from "@/storybook/chromatic";
 
 import { FAQPageContent } from ".";
 
-const meta: Meta<typeof FAQPageContent> = {
+const meta = {
   title: "Pages/FAQs",
   component: FAQPageContent,
   parameters: {
     ...chromaticParams(["mobile", "desktop"]),
   },
-};
+} satisfies Meta<typeof FAQPageContent>;
 
 export default meta;
-type Story = StoryObj<typeof FAQPageContent>;
+type Story = StoryObj<typeof meta>;
 
 export const Default: Story = {
   args: {},

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

@@ -4,16 +4,16 @@ import { chromaticParams } from "@/storybook/chromatic";
 
 import { HomePageContent } from "./home-page";
 
-const meta: Meta<typeof HomePageContent> = {
+const meta = {
   title: "Pages/Homepage",
   component: HomePageContent,
   parameters: {
     ...chromaticParams(["mobile", "desktop"]),
   },
-};
+} satisfies Meta<typeof HomePageContent>;
 
 export default meta;
-type Story = StoryObj<typeof HomePageContent>;
+type Story = StoryObj<typeof meta>;
 
 export const Default: Story = {
   args: {

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

@@ -4,16 +4,16 @@ import { chromaticParams } from "@/storybook/chromatic";
 
 import { LegalContent } from "./legal";
 
-const meta: Meta<typeof LegalContent> = {
+const meta = {
   title: "Pages/Legal/Sanity dynamic",
   component: LegalContent,
   parameters: {
     ...chromaticParams(["mobile", "desktop"]),
   },
-};
+} satisfies Meta<typeof LegalContent>;
 
 export default meta;
-type Story = StoryObj<typeof LegalContent>;
+type Story = StoryObj<typeof meta>;
 
 const fixture = {
   pageData: {

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

@@ -4,16 +4,16 @@ import { chromaticParams } from "@/storybook/chromatic";
 
 import { AccountLocked } from "./account-locked";
 
-const meta: Meta<typeof AccountLocked> = {
+const meta = {
   title: "Pages/Legal/Account Locked",
   component: AccountLocked,
   parameters: {
     ...chromaticParams(["mobile", "desktop"]),
   },
-};
+} satisfies Meta<typeof AccountLocked>;
 
 export default meta;
-type Story = StoryObj<typeof AccountLocked>;
+type Story = StoryObj<typeof meta>;
 
 export const Default: Story = {
   args: {},

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

@@ -4,16 +4,16 @@ import { chromaticParams } from "@/storybook/chromatic";
 
 import { PromptsContent } from "./prompts";
 
-const meta: Meta<typeof PromptsContent> = {
+const meta = {
   title: "Pages/Prompts",
   component: PromptsContent,
   parameters: {
     ...chromaticParams(["mobile", "desktop"]),
   },
-};
+} satisfies Meta<typeof PromptsContent>;
 
 export default meta;
-type Story = StoryObj<typeof PromptsContent>;
+type Story = StoryObj<typeof meta>;
 
 const fixture = {
   apps: [

apps/nextjs/src/components/AppComponents/Chat/Chat/ChatModerationDisplay.stories.tsx

@@ -3,7 +3,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 
 import { ChatModerationDisplay } from "./ChatModerationDisplay";
 
-const meta: Meta<typeof ChatModerationDisplay> = {
+const meta = {
   title: "Components/Dialogs/ChatModerationDisplay",
   component: ChatModerationDisplay,
   tags: ["autodocs"],
@@ -14,10 +14,10 @@ const meta: Meta<typeof ChatModerationDisplay> = {
       </div>
     ),
   ],
-};
+} satisfies Meta<typeof ChatModerationDisplay>;
 
 export default meta;
-type Story = StoryObj<typeof ChatModerationDisplay>;
+type Story = StoryObj<typeof meta>;
 
 const toxicModeration: PersistedModerationBase = {
   id: "mock-moderation-id",

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

@@ -3,7 +3,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 
 import { ChatHistory } from "./chat-history";
 
-const meta: Meta<typeof ChatHistory> = {
+const meta = {
   title: "Components/Sidebar/ChatHistory",
   component: ChatHistory,
   parameters: {
@@ -17,10 +17,10 @@ const meta: Meta<typeof ChatHistory> = {
       </Dialog.Root>
     ),
   ],
-};
+} satisfies Meta<typeof ChatHistory>;
 
 export default meta;
-type Story = StoryObj<typeof ChatHistory>;
+type Story = StoryObj<typeof meta>;
 
 export const Default: Story = {
   args: {},

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

@@ -21,19 +21,22 @@ const chatContext: Partial<ChatContextProps> = {
   ailaStreamingStatus: "Idle",
 };
 
-const meta: Meta<typeof LessonPlanDisplay> = {
+const meta = {
   title: "Components/LessonPlan/LessonPlanDisplay",
   component: LessonPlanDisplay,
   tags: ["autodocs"],
   decorators: [ChatDecorator],
   args: {
     documentContainerRef: { current: null },
+    chatEndRef: undefined,
+    sectionRefs: {},
+    showLessonMobile: false,
   },
-};
+} satisfies Meta<typeof LessonPlanDisplay>;
 
 export default meta;
 
-type Story = StoryObj<typeof LessonPlanDisplay>;
+type Story = StoryObj<typeof meta>;
 
 export const Default: Story = {
   args: {},

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

@@ -1,30 +1,32 @@
 import type { Meta, StoryObj } from "@storybook/react";
+import { fn } from "@storybook/test";
 
 import { ChatDecorator } from "@/storybook/decorators/ChatDecorator";
 
 import ChatLhsHeader from "./chat-lhs-header";
 
-const meta: Meta<typeof ChatLhsHeader> = {
+const meta = {
   title: "Components/Chat/ChatLhsHeader",
   component: ChatLhsHeader,
   tags: ["autodocs"],
   decorators: [ChatDecorator],
   args: {
     showStreamingStatus: false,
+    setShowLessonMobile: fn(),
+    showLessonMobile: false,
+    isDemoUser: false,
   },
   parameters: {
     chatContext: {
       ailaStreamingStatus: "Idle",
     },
   },
-};
+} satisfies Meta<typeof ChatLhsHeader>;
 
 export default meta;
-type Story = StoryObj<typeof ChatLhsHeader>;
+type Story = StoryObj<typeof meta>;
 
-export const Default: Story = {
-  args: {},
-};
+export const Default: Story = {};
 
 export const NonProdStreamingStatus: Story = {
   args: {

apps/nextjs/src/components/AppComponents/Chat/chat-list/demo-limit-message.stories.tsx

@@ -4,7 +4,7 @@ import { ChatModerationProvider } from "@/components/ContextProviders/ChatModera
 
 import { DemoLimitMessage } from "./demo-limit-message";
 
-const meta: Meta<typeof DemoLimitMessage> = {
+const meta = {
   title: "Components/Chat/DemoLimitMessage",
   component: DemoLimitMessage,
   tags: ["autodocs"],
@@ -15,10 +15,13 @@ const meta: Meta<typeof DemoLimitMessage> = {
       </ChatModerationProvider>
     ),
   ],
-};
+  args: {
+    id: "test-chat-id",
+  },
+} satisfies Meta<typeof DemoLimitMessage>;
 
 export default meta;
-type Story = StoryObj<typeof DemoLimitMessage>;
+type Story = StoryObj<typeof meta>;
 
 export const Default: Story = {
   args: {},

apps/nextjs/src/components/AppComponents/Chat/chat-list/in-chat-download-buttons.stories.tsx

@@ -7,7 +7,7 @@ import {
 
 import { InChatDownloadButtons } from "./in-chat-download-buttons";
 
-const meta: Meta<typeof InChatDownloadButtons> = {
+const meta = {
   title: "Components/Chat/InChatDownloadButtons",
   component: InChatDownloadButtons,
   tags: ["autodocs"],
@@ -18,10 +18,10 @@ const meta: Meta<typeof InChatDownloadButtons> = {
   parameters: {
     ...demoParams({ isDemoUser: true }),
   },
-};
+} satisfies Meta<typeof InChatDownloadButtons>;
 
 export default meta;
-type Story = StoryObj<typeof InChatDownloadButtons>;
+type Story = StoryObj<typeof meta>;
 
 export const Default: Story = {};
 

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

@@ -3,17 +3,17 @@ import type { Meta, StoryObj } from "@storybook/react";
 
 import { ChatMessagePart } from "./ChatMessagePart";
 
-const meta: Meta<typeof ChatMessagePart> = {
+const meta = {
   title: "Components/Chat/ChatMessagePart",
   component: ChatMessagePart,
   tags: ["autodocs"],
   args: {
     inspect: false,
   },
-};
+} satisfies Meta<typeof ChatMessagePart>;
 
 export default meta;
-type Story = StoryObj<typeof ChatMessagePart>;
+type Story = StoryObj<typeof meta>;
 
 const basePart: Omit<MessagePart, "document"> = {
   type: "message-part",

apps/nextjs/src/components/AppComponents/Chat/chat-message/ChatMessagePart.tsx

@@ -8,8 +8,6 @@ import { aiLogger } from "@oakai/logger";
 
 import { MemoizedReactMarkdownWithStyles } from "@/components/AppComponents/Chat/markdown";
 
-import type { ModerationModalHelpers } from "../../FeedbackForms/ModerationFeedbackModal";
-
 const log = aiLogger("chat");
 
 const components = {
@@ -34,7 +32,6 @@ const components = {
 export interface ChatMessagePartProps {
   part: MessagePart;
   inspect: boolean;
-  moderationModalHelpers: ModerationModalHelpers;
 }
 
 export function ChatMessagePart({