.

apps/blogai/app/[locale]/morphic/action.tsx

@@ -5,17 +5,40 @@ import {
   createStreamableValue,
   getMutableAIState
 } from 'ai/rsc'
-
 import { ExperimentalMessage } from 'ai'
 import { Spinner } from '@/components/ui-v2/spinner'
 import { Section } from '@/components/mpv2/section'
 import { FollowupPanel } from '@/components/mpv2/followup-panel'
 import { inquire, researcher, taskManager, querySuggestor } from '@/lib/agents'
 
-async function submit(formData?: FormData, skip?: boolean) {
+const initialAIState: {
+  role: 'user' | 'assistant' | 'system' | 'function' | 'tool'
+  content: string
+  id?: string
+  name?: string
+}[] = []
+
+const initialUIState: {
+  id: number
+  isGenerating: StreamableValue<boolean>
+  component: React.ReactNode
+}[] = []
+
+// ① 先声明 submit（不引用 AI）
+let submit: any
+
+// ② 先生成 AI，再写 submit
+export const {
+  AIProvider,
+  useAIState,
+  useUIState,
+  useActions
+} = createAI({
+  actions: {
+    submit: async function(formData?: FormData, skip?: boolean) {
       'use server'
 
-  const aiState = getMutableAIState<typeof AI>()
+      const aiState = getMutableAIState<typeof AIProvider>() // 这里用 AIProvider
       const uiStream = createStreamableUI()
       const isGenerating = createStreamableValue(true)
 
@@ -55,7 +78,6 @@ async function submit(formData?: FormData, skip?: boolean) {
         let answer = ''
         let errorOccurred = false
         const streamText = createStreamableValue<string>()
-
         while (answer.length === 0) {
           const { fullResponse, hasError } = await researcher(
             uiStream,
@@ -65,12 +87,10 @@ async function submit(formData?: FormData, skip?: boolean) {
           answer = fullResponse
           errorOccurred = hasError
         }
-
         streamText.done()
 
         if (!errorOccurred) {
           await querySuggestor(uiStream, messages)
-
           uiStream.append(
             <Section title="Follow-up">
               <FollowupPanel />
@@ -90,23 +110,8 @@ async function submit(formData?: FormData, skip?: boolean) {
         isGenerating: isGenerating.value,
         component: uiStream.value
       }
-}
+    }
-
+  },
-const initialAIState: ExperimentalMessage[] = []
+  initialUIState,
-
+  initialAIState
-const initialUIState: {
-  id: number
-  isGenerating: StreamableValue<boolean>
-  component: React.ReactNode
-}[] = []
-
-export const {
-  AIProvider,
-  useAIState,
-  useUIState,
-  useActions
-} = createAI({
-  actions: { submit },
-  initialAIState,
-  initialUIState
 })

apps/blogai/app/[locale]/morphic/layout.tsx

@@ -1,6 +1,6 @@
 import type { Metadata, Viewport } from 'next'
 import { Inter as FontSans } from 'next/font/google'
-import { AIProvider } from './action' // ⬅️ 正确导入
+import { AIProvider } from './action'
 import '../../globals.css'
 import { cn } from '@/lib/utils'
 import { ThemeProvider } from '@/components/mpv2/theme-provider'