Merge pull request #3151 from liam-hq/renovate/major-storybook-monorepo

hoshinotsuyoshi · web-flow · commit 27a29f7d838c · 2025-08-25T12:28:35.000Z
chore(deps): update storybook monorepo to v9 (major)
diff --git a/frontend/apps/app/components/SessionDetailPage/components/Chat/Chat.stories.tsx b/frontend/apps/app/components/SessionDetailPage/components/Chat/Chat.stories.tsx
@@ -1,6 +1,6 @@
 import { aBuildingSchemaVersion } from '@liam-hq/db'
 import { aSchema } from '@liam-hq/schema'
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import { HttpResponse, http } from 'msw'
 import { aTypicalConversation } from '../../factories'
 import { AnimatedChatDemo } from './AnimatedChatDemo'
diff --git a/frontend/apps/app/components/SessionDetailPage/components/Chat/NewSessionButton/NewSessionButton.stories.tsx b/frontend/apps/app/components/SessionDetailPage/components/Chat/NewSessionButton/NewSessionButton.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import { NewSessionButton } from './NewSessionButton'
 
 const meta = {
diff --git a/frontend/apps/app/components/SessionDetailPage/components/Chat/ThreadListButton/ThreadListButton.stories.tsx b/frontend/apps/app/components/SessionDetailPage/components/Chat/ThreadListButton/ThreadListButton.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import { ThreadListButton } from './ThreadListButton'
 
 const meta = {
diff --git a/frontend/apps/app/components/SessionDetailPage/components/Chat/components/ChatInput/ChatInput.stories.tsx b/frontend/apps/app/components/SessionDetailPage/components/Chat/components/ChatInput/ChatInput.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import { ChatInput } from './ChatInput'
 
 const dummySchema = {
diff --git a/frontend/apps/app/components/SessionDetailPage/components/Chat/components/ChatInput/CtaBar.stories.tsx b/frontend/apps/app/components/SessionDetailPage/components/Chat/components/ChatInput/CtaBar.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import { CtaBar } from './CtaBar'
 
 const meta = {
diff --git a/frontend/apps/app/components/SessionDetailPage/components/Chat/components/ChatInput/components/MentionSuggestor/MentionSuggestor.stories.tsx b/frontend/apps/app/components/SessionDetailPage/components/Chat/components/ChatInput/components/MentionSuggestor/MentionSuggestor.stories.tsx
@@ -1,5 +1,10 @@
-import type { Meta, StoryObj } from '@storybook/react'
-import { type KeyboardEvent, useRef, useState } from 'react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
+import {
+  type ComponentProps,
+  type KeyboardEvent,
+  useRef,
+  useState,
+} from 'react'
 import { MentionSuggestor } from './MentionSuggestor'
 
 const meta = {
@@ -136,7 +141,7 @@ export const SchemaMention: Story = {
     schema,
     onSelect: () => {},
   },
-  render: (args) => {
+  render: (args: ComponentProps<typeof MentionSuggestor>) => {
     const [input, setInput] = useState(args.input)
     const [cursorPos, setcursorPos] = useState(args.cursorPos)
     const [selected, setSelected] = useState<string | null>(null)
@@ -198,7 +203,7 @@ export const LimitedItems: Story = {
     schema,
     onSelect: () => {},
   },
-  render: (args) => {
+  render: (args: ComponentProps<typeof MentionSuggestor>) => {
     const [input, setInput] = useState(args.input)
     const [cursorPos, setcursorPos] = useState(args.cursorPos)
     const [selected, setSelected] = useState<string | null>(null)
diff --git a/frontend/apps/app/components/SessionDetailPage/components/Chat/components/ChatInput/components/SendButton/SendButton.stories.tsx b/frontend/apps/app/components/SessionDetailPage/components/Chat/components/ChatInput/components/SendButton/SendButton.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import { useState } from 'react'
 import { SendButton } from './SendButton'
 
diff --git a/frontend/apps/app/components/SessionDetailPage/components/Chat/components/TimelineItem/components/AgentMessage/AgentMessage.stories.tsx b/frontend/apps/app/components/SessionDetailPage/components/Chat/components/TimelineItem/components/AgentMessage/AgentMessage.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import {
   type MessageOption,
   MessageOptionButtons,
diff --git a/frontend/apps/app/components/SessionDetailPage/components/Chat/components/TimelineItem/components/AgentMessage/components/AgentAvatar/AgentAvatars.stories.tsx b/frontend/apps/app/components/SessionDetailPage/components/Chat/components/TimelineItem/components/AgentMessage/components/AgentAvatar/AgentAvatars.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import styles from './AgentAvatars.stories.module.css'
 import { DBAgent } from './DbAgent'
 import { PMAgent } from './PmAgent'
diff --git a/frontend/apps/app/components/SessionDetailPage/components/Chat/components/TimelineItem/components/AgentMessage/components/MessageOptionButtons/MessageOptionButton.stories.tsx b/frontend/apps/app/components/SessionDetailPage/components/Chat/components/TimelineItem/components/AgentMessage/components/MessageOptionButtons/MessageOptionButton.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import { MessageOptionButton } from './MessageOptionButton'
 
 const meta = {
diff --git a/frontend/apps/app/components/SessionDetailPage/components/Chat/components/TimelineItem/components/AgentMessage/components/MessageOptionButtons/MessageOptionButtons.stories.tsx b/frontend/apps/app/components/SessionDetailPage/components/Chat/components/TimelineItem/components/AgentMessage/components/MessageOptionButtons/MessageOptionButtons.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import { MessageOptionButtons } from '.'
 
 const meta = {
diff --git a/frontend/apps/app/components/SessionDetailPage/components/Chat/components/TimelineItem/components/ErrorMessage/ErrorMessage.stories.tsx b/frontend/apps/app/components/SessionDetailPage/components/Chat/components/TimelineItem/components/ErrorMessage/ErrorMessage.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import { ErrorMessage } from './ErrorMessage'
 
 const meta = {
diff --git a/frontend/apps/app/components/SessionDetailPage/components/Chat/components/TimelineItem/components/LogMessage/LogMessage.stories.tsx b/frontend/apps/app/components/SessionDetailPage/components/Chat/components/TimelineItem/components/LogMessage/LogMessage.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import { LogMessage } from './LogMessage'
 
 const meta = {
diff --git a/frontend/apps/app/components/SessionDetailPage/components/Chat/components/TimelineItem/components/ProcessIndicator/ProcessIndicator.stories.tsx b/frontend/apps/app/components/SessionDetailPage/components/Chat/components/TimelineItem/components/ProcessIndicator/ProcessIndicator.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import { ProcessIndicator } from './ProcessIndicator'
 
 const meta = {
diff --git a/frontend/apps/app/components/SessionDetailPage/components/Chat/components/TimelineItem/components/ProcessIndicator/ProcessIndicatorAnimation.stories.tsx b/frontend/apps/app/components/SessionDetailPage/components/Chat/components/TimelineItem/components/ProcessIndicator/ProcessIndicatorAnimation.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import { useEffect, useState } from 'react'
 import type { ProcessStatus } from './ProcessIndicator'
 import { ProcessIndicator } from './ProcessIndicator'
diff --git a/frontend/apps/app/components/SessionDetailPage/components/Chat/components/TimelineItem/components/QueryResultMessage/QueryResultMessage.stories.tsx b/frontend/apps/app/components/SessionDetailPage/components/Chat/components/TimelineItem/components/QueryResultMessage/QueryResultMessage.stories.tsx
@@ -1,5 +1,5 @@
 import type { SqlResult } from '@liam-hq/pglite-server'
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import { QueryResultMessage } from './QueryResultMessage'
 
 const meta = {
diff --git a/frontend/apps/app/components/SessionDetailPage/components/Chat/components/TimelineItem/components/UserMessage/UserMessage.stories.tsx b/frontend/apps/app/components/SessionDetailPage/components/Chat/components/TimelineItem/components/UserMessage/UserMessage.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import { UserMessage } from '.'
 
 const meta = {
diff --git a/frontend/apps/app/components/SessionDetailPage/components/Chat/components/TimelineItem/components/VersionMessage/VersionMessage.stories.tsx b/frontend/apps/app/components/SessionDetailPage/components/Chat/components/TimelineItem/components/VersionMessage/VersionMessage.stories.tsx
@@ -1,5 +1,5 @@
 import { aBuildingSchemaVersion } from '@liam-hq/db'
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import { HttpResponse, http } from 'msw'
 import { VersionMessage } from './VersionMessage'
 
diff --git a/frontend/apps/app/components/SessionDetailPage/components/Chat/components/TimelineItem/components/ViewLink/ViewLink.stories.tsx b/frontend/apps/app/components/SessionDetailPage/components/Chat/components/TimelineItem/components/ViewLink/ViewLink.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import { ViewLink } from './ViewLink'
 
 const meta = {
diff --git a/frontend/apps/app/components/SessionDetailPage/components/Output/components/Artifact/Artifact.stories.tsx b/frontend/apps/app/components/SessionDetailPage/components/Output/components/Artifact/Artifact.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import { Artifact } from './Artifact'
 
 const meta = {
diff --git a/frontend/apps/app/components/SessionDetailPage/components/Output/components/Artifact/TableOfContents/TableOfContents.stories.tsx b/frontend/apps/app/components/SessionDetailPage/components/Output/components/Artifact/TableOfContents/TableOfContents.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import { TableOfContents } from './TableOfContents'
 
 const meta = {
diff --git a/frontend/apps/app/components/SessionDetailPage/components/Output/components/Header/ExportDropdown.stories.tsx b/frontend/apps/app/components/SessionDetailPage/components/Output/components/Header/ExportDropdown.stories.tsx
@@ -1,6 +1,6 @@
 import { aColumn, aSchema, aTable } from '@liam-hq/schema'
 import { ToastProvider } from '@liam-hq/ui'
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import { ExportDropdown } from './ExportDropdown'
 
 const sampleSchema = aSchema({
diff --git a/frontend/apps/app/components/SessionDetailPage/components/Output/components/Header/Header.stories.tsx b/frontend/apps/app/components/SessionDetailPage/components/Output/components/Header/Header.stories.tsx
@@ -1,6 +1,6 @@
 import { aSchema } from '@liam-hq/schema'
 import { TabsRoot } from '@liam-hq/ui'
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import { type ComponentProps, type FC, useCallback, useState } from 'react'
 import {
   DEFAULT_OUTPUT_TAB,
diff --git a/frontend/apps/app/components/SessionDetailPage/components/Output/components/Header/ShareButton.stories.tsx b/frontend/apps/app/components/SessionDetailPage/components/Output/components/Header/ShareButton.stories.tsx
@@ -1,5 +1,5 @@
 import { ToastProvider } from '@liam-hq/ui'
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import { ShareButton } from './ShareButton'
 
 const meta = {
diff --git a/frontend/apps/app/components/SignInModal/SignInModal.stories.tsx b/frontend/apps/app/components/SignInModal/SignInModal.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import { SignInModal } from './SignInModal'
 
 const meta = {
diff --git a/frontend/apps/app/components/SignUpModal/SignUpModal.stories.tsx b/frontend/apps/app/components/SignUpModal/SignUpModal.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import { SignUpModal } from './SignUpModal'
 
 const meta = {
diff --git a/frontend/apps/app/features/sessions/components/GitHubSessionForm/GitHubSessionFormPresenter/GitHubSessionFormPresenter.stories.tsx b/frontend/apps/app/features/sessions/components/GitHubSessionForm/GitHubSessionFormPresenter/GitHubSessionFormPresenter.stories.tsx
@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react'
-import { useState } from 'react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
+import { type ComponentProps, useState } from 'react'
 import type { Projects } from '@/components/CommonLayout/AppBar/ProjectsDropdownMenu/services/getProjects'
 import { GitHubSessionFormPresenter } from './GitHubSessionFormPresenter'
 
@@ -36,7 +36,7 @@ const meta = {
     layout: 'centered',
   },
   tags: ['autodocs'],
-  render: (args) => (
+  render: (args: ComponentProps<typeof GitHubSessionFormPresenter>) => (
     <div style={{ width: '800px' }}>
       <GitHubSessionFormPresenter {...args} />
     </div>
@@ -160,7 +160,7 @@ export const Interactive: Story = {
     defaultProjectId: '',
     schemaFilePath: null,
   },
-  render: (args) => {
+  render: (args: ComponentProps<typeof GitHubSessionFormPresenter>) => {
     const [isPending, setIsPending] = useState(args.isPending)
     const [selectedProjectId, setSelectedProjectId] = useState<string>(
       args.defaultProjectId || '',
@@ -219,7 +219,7 @@ export const InteractiveWithError: Story = {
     defaultProjectId: '',
     schemaFilePath: null,
   },
-  render: (args) => {
+  render: (args: ComponentProps<typeof GitHubSessionFormPresenter>) => {
     const [isPending, setIsPending] = useState(args.isPending)
     const [selectedProjectId, setSelectedProjectId] = useState<string>(
       args.defaultProjectId || '',
diff --git a/frontend/apps/app/features/sessions/components/GitHubSessionForm/SchemaInfoSection/SchemaInfoSection.stories.tsx b/frontend/apps/app/features/sessions/components/GitHubSessionForm/SchemaInfoSection/SchemaInfoSection.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import type { FormatType } from '../../../../../components/FormatIcon/FormatIcon'
 import { SchemaInfoSection } from './SchemaInfoSection'
 
diff --git a/frontend/apps/app/features/sessions/components/SessionFormContainer/SessionModeSelector/SessionModeSelector.stories.tsx b/frontend/apps/app/features/sessions/components/SessionFormContainer/SessionModeSelector/SessionModeSelector.stories.tsx
@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react'
-import { useState } from 'react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
+import { type ComponentProps, useState } from 'react'
 import { type SessionMode, SessionModeSelector } from './SessionModeSelector'
 
 const meta = {
@@ -46,7 +46,7 @@ export const Interactive: Story = {
     selectedMode: 'github',
     onModeChange: () => {},
   },
-  render: (args) => {
+  render: (args: ComponentProps<typeof SessionModeSelector>) => {
     const [selectedMode, setSelectedMode] = useState<SessionMode>(
       args.selectedMode,
     )
diff --git a/frontend/apps/app/features/sessions/components/UploadSessionForm/UploadSessionFormPresenter/UploadSessionFormPresenter.stories.tsx b/frontend/apps/app/features/sessions/components/UploadSessionForm/UploadSessionFormPresenter/UploadSessionFormPresenter.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import { UploadSessionFormPresenter } from './UploadSessionFormPresenter'
 
 const meta = {
diff --git a/frontend/apps/app/features/sessions/components/UrlSessionForm/URLSessionFormPresenter/UrlSessionFormPresenter.stories.tsx b/frontend/apps/app/features/sessions/components/UrlSessionForm/URLSessionFormPresenter/UrlSessionFormPresenter.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import { URLSessionFormPresenter } from './UrlSessionFormPresenter'
 
 const meta = {
diff --git a/frontend/apps/app/features/sessions/components/shared/ActionButton/ActionButton.stories.tsx b/frontend/apps/app/features/sessions/components/shared/ActionButton/ActionButton.stories.tsx
@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react'
-import { useState } from 'react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
+import { type ComponentProps, useState } from 'react'
 import { ActionButton } from './ActionButton'
 
 const meta = {
@@ -73,7 +73,7 @@ export const Interactive: Story = {
     onSubmit: () => {},
     onCancel: () => {},
   },
-  render: (args) => {
+  render: (args: ComponentProps<typeof ActionButton>) => {
     const [hasContent, setHasContent] = useState(args.hasContent)
     const [isPending, setIsPending] = useState(args.isPending)
 
diff --git a/frontend/apps/app/features/sessions/components/shared/AttachButton/AttachButton.stories.tsx b/frontend/apps/app/features/sessions/components/shared/AttachButton/AttachButton.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import { AttachButton } from './AttachButton'
 
 const meta = {
diff --git a/frontend/apps/app/features/sessions/components/shared/DeepModelingToggle/DeepModelingToggle.stories.tsx b/frontend/apps/app/features/sessions/components/shared/DeepModelingToggle/DeepModelingToggle.stories.tsx
@@ -1,4 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
+import type { ComponentProps } from 'react'
 import { DeepModelingToggle } from './DeepModelingToggle'
 
 const meta = {
@@ -34,7 +35,7 @@ export const Interactive: Story = {
     defaultChecked: true,
     children: 'Deep Modeling',
   },
-  render: (args) => {
+  render: (args: ComponentProps<typeof DeepModelingToggle>) => {
     return (
       <form>
         <DeepModelingToggle {...args}>{args.children}</DeepModelingToggle>
diff --git a/frontend/apps/app/features/sessions/components/shared/MicButton/MicButton.stories.tsx b/frontend/apps/app/features/sessions/components/shared/MicButton/MicButton.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import { useState } from 'react'
 import { MicButton } from './MicButton'
 
diff --git a/frontend/apps/app/features/sessions/components/shared/SessionFormActions/SessionFormActions.stories.tsx b/frontend/apps/app/features/sessions/components/shared/SessionFormActions/SessionFormActions.stories.tsx
@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react'
-import { useState } from 'react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
+import { type ComponentProps, useState } from 'react'
 import { SessionFormActions } from './SessionFormActions'
 
 const meta = {
@@ -59,7 +59,7 @@ export const Interactive: Story = {
     onSubmit: () => {},
     onCancel: () => {},
   },
-  render: (args) => {
+  render: (args: ComponentProps<typeof SessionFormActions>) => {
     const [isPending, setIsPending] = useState(args.isPending)
     const [hasContent, setHasContent] = useState(args.hasContent)
 
diff --git a/frontend/apps/app/features/sessions/components/shared/ViewErrorsCollapsible/ViewErrorsCollapsible.stories.tsx b/frontend/apps/app/features/sessions/components/shared/ViewErrorsCollapsible/ViewErrorsCollapsible.stories.tsx
@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/nextjs'
 import type { FC } from 'react'
 import { ViewErrorsCollapsible } from './ViewErrorsCollapsible'
 
diff --git a/frontend/apps/app/package.json b/frontend/apps/app/package.json
@@ -48,13 +48,12 @@
   "devDependencies": {
     "@biomejs/biome": "2.1.4",
     "@liam-hq/configs": "workspace:*",
-    "@storybook/react": "8.6.14",
+    "@storybook/nextjs": "9.1.3",
     "@types/node": "22.17.1",
     "@types/react": "19.1.9",
     "@types/react-dom": "19.1.7",
     "eslint": "9.33.0",
     "msw": "2.10.4",
-    "storybook": "8.6.14",
     "typed-css-modules": "0.9.1",
     "typescript": "5.9.2",
     "vitest": "3.2.4"
diff --git a/frontend/internal-packages/storybook/.storybook/main.ts b/frontend/internal-packages/storybook/.storybook/main.ts
diff --git a/frontend/internal-packages/storybook/.storybook/preview.ts b/frontend/internal-packages/storybook/.storybook/preview.ts
diff --git a/frontend/internal-packages/storybook/package.json b/frontend/internal-packages/storybook/package.json
diff --git a/frontend/packages/erd-core/package.json b/frontend/packages/erd-core/package.json
diff --git a/frontend/packages/erd-core/src/features/erd/components/ERDRenderer/DiffMode.stories.tsx b/frontend/packages/erd-core/src/features/erd/components/ERDRenderer/DiffMode.stories.tsx
diff --git a/frontend/packages/erd-core/src/features/erd/components/ERDRenderer/ErdRenderer.stories.tsx b/frontend/packages/erd-core/src/features/erd/components/ERDRenderer/ErdRenderer.stories.tsx
diff --git a/frontend/packages/ui/package.json b/frontend/packages/ui/package.json
diff --git a/frontend/packages/ui/src/components/ArrowTooltip/ArrowTooltip.stories.tsx b/frontend/packages/ui/src/components/ArrowTooltip/ArrowTooltip.stories.tsx
diff --git a/frontend/packages/ui/src/components/Button/Button.stories.tsx b/frontend/packages/ui/src/components/Button/Button.stories.tsx
diff --git a/frontend/packages/ui/src/components/Code/Code.stories.tsx b/frontend/packages/ui/src/components/Code/Code.stories.tsx
diff --git a/frontend/packages/ui/src/components/IconButton/IconButton.stories.tsx b/frontend/packages/ui/src/components/IconButton/IconButton.stories.tsx
diff --git a/frontend/packages/ui/src/components/Toast/Toast.stories.tsx b/frontend/packages/ui/src/components/Toast/Toast.stories.tsx
diff --git a/frontend/packages/ui/src/components/Tooltip/Tooltip.stories.tsx b/frontend/packages/ui/src/components/Tooltip/Tooltip.stories.tsx
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import type { Meta, StoryObj } from '@storybook/react'`
	`1`	`+import type { Meta, StoryObj } from '@storybook/nextjs'`
`2`	`2`	`import { NewSessionButton } from './NewSessionButton'`
`3`	`3`
`4`	`4`	`const meta = {`