diff --git a/.yarn/patches/openai-npm-5.12.2-30b075401c.patch b/.yarn/patches/openai-npm-5.12.2-30b075401c.patch
deleted file mode 100644
index 29b92dcc7b..0000000000
Binary files a/.yarn/patches/openai-npm-5.12.2-30b075401c.patch and /dev/null differ
diff --git a/package.json b/package.json
index dc8d1ccf31..51f0466041 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "CherryStudio",
-  "version": "2.0.0-alpha",
+  "version": "2.0.0-alpha.sora.1",
   "private": true,
   "description": "A powerful AI assistant for producer.",
   "main": "./out/main/index.js",
@@ -127,6 +127,7 @@
     "@cherrystudio/embedjs-openai": "^0.1.31",
     "@cherrystudio/extension-table-plus": "workspace:^",
     "@cherrystudio/ui": "workspace:*",
+    "@cherrystudio/openai": "6.3.0-fork.1",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
@@ -297,7 +298,6 @@
     "motion": "^12.10.5",
     "notion-helper": "^1.3.22",
     "npx-scope-finder": "^1.2.0",
-    "openai": "patch:openai@npm%3A5.12.2#~/.yarn/patches/openai-npm-5.12.2-30b075401c.patch",
     "oxlint": "^1.22.0",
     "oxlint-tsgolint": "^0.2.0",
     "p-queue": "^8.1.0",
@@ -378,8 +378,8 @@
     "file-stream-rotator@npm:^0.6.1": "patch:file-stream-rotator@npm%3A0.6.1#~/.yarn/patches/file-stream-rotator-npm-0.6.1-eab45fb13d.patch",
     "libsql@npm:^0.4.4": "patch:libsql@npm%3A0.4.7#~/.yarn/patches/libsql-npm-0.4.7-444e260fb1.patch",
     "node-abi": "4.12.0",
-    "openai@npm:^4.77.0": "patch:openai@npm%3A5.12.2#~/.yarn/patches/openai-npm-5.12.2-30b075401c.patch",
-    "openai@npm:^4.87.3": "patch:openai@npm%3A5.12.2#~/.yarn/patches/openai-npm-5.12.2-30b075401c.patch",
+    "openai@npm:^4.77.0": "npm:@cherrystudio/openai@6.3.0-fork.1",
+    "openai@npm:^4.87.3": "npm:@cherrystudio/openai@6.3.0-fork.1",
     "pdf-parse@npm:1.1.1": "patch:pdf-parse@npm%3A1.1.1#~/.yarn/patches/pdf-parse-npm-1.1.1-04a6109b2a.patch",
     "pkce-challenge@npm:^4.1.0": "patch:pkce-challenge@npm%3A4.1.0#~/.yarn/patches/pkce-challenge-npm-4.1.0-fbc51695a3.patch",
     "tar-fs": "^2.1.4",
diff --git a/packages/ui/src/components/base/Toast/index.ts b/packages/ui/src/components/base/Toast/index.ts
index 13b70088f6..e969381e32 100644
--- a/packages/ui/src/components/base/Toast/index.ts
+++ b/packages/ui/src/components/base/Toast/index.ts
@@ -1,5 +1,6 @@
 import { addToast, closeAll, closeToast, getToastQueue, isToastClosing } from '@heroui/toast'
 import type { RequireSome } from '@types'
+import { t } from 'i18next'
 
 type AddToastProps = Parameters<typeof addToast>[0]
 type ToastPropsColored = Omit<AddToastProps, 'color'>
@@ -54,7 +55,7 @@ const loading = (args: RequireSome<AddToastProps, 'promise'>) => {
   if (args.timeout === undefined) {
     args.timeout = 1
   }
-  return addToast(args)
+  return addToast({ title: t('common.loading'), ...args })
 }
 
 export type ToastUtilities = {
diff --git a/scripts/auto-translate-i18n.ts b/scripts/auto-translate-i18n.ts
index 6a90f5b23f..681e410795 100644
--- a/scripts/auto-translate-i18n.ts
+++ b/scripts/auto-translate-i18n.ts
@@ -2,9 +2,9 @@
  * 该脚本用于少量自动翻译所有baseLocale以外的文本。待翻译文案必须以[to be translated]开头
  *
  */
+import OpenAI from '@cherrystudio/openai'
 import cliProgress from 'cli-progress'
 import * as fs from 'fs'
-import OpenAI from 'openai'
 import * as path from 'path'
 
 const localesDir = path.join(__dirname, '../src/renderer/src/i18n/locales')
diff --git a/scripts/update-i18n.ts b/scripts/update-i18n.ts
index 72fcca8ab9..103623bf1f 100644
--- a/scripts/update-i18n.ts
+++ b/scripts/update-i18n.ts
@@ -4,9 +4,9 @@
  * API_KEY=sk-xxxx BASE_URL=xxxx MODEL=xxxx ts-node scripts/update-i18n.ts
  */
 
+import OpenAI from '@cherrystudio/openai'
 import cliProgress from 'cli-progress'
 import fs from 'fs'
-import OpenAI from 'openai'
 
 type I18NValue = string | { [key: string]: I18NValue }
 type I18N = { [key: string]: I18NValue }
diff --git a/src/main/apiServer/routes/chat.ts b/src/main/apiServer/routes/chat.ts
index 0338fd26b7..3dd58b9654 100644
--- a/src/main/apiServer/routes/chat.ts
+++ b/src/main/apiServer/routes/chat.ts
@@ -1,6 +1,6 @@
+import type { ChatCompletionCreateParams } from '@cherrystudio/openai/resources'
 import type { Request, Response } from 'express'
 import express from 'express'
-import type { ChatCompletionCreateParams } from 'openai/resources'
 
 import { loggerService } from '../../services/LoggerService'
 import {
diff --git a/src/main/apiServer/services/chat-completion.ts b/src/main/apiServer/services/chat-completion.ts
index 97e09d8bad..49627336b0 100644
--- a/src/main/apiServer/services/chat-completion.ts
+++ b/src/main/apiServer/services/chat-completion.ts
@@ -1,7 +1,7 @@
+import OpenAI from '@cherrystudio/openai'
+import type { ChatCompletionCreateParams, ChatCompletionCreateParamsStreaming } from '@cherrystudio/openai/resources'
 import { loggerService } from '@logger'
 import type { Provider } from '@types'
-import OpenAI from 'openai'
-import type { ChatCompletionCreateParams, ChatCompletionCreateParamsStreaming } from 'openai/resources'
 
 import { type ModelValidationError, validateModelId } from '../utils'
 
diff --git a/src/main/services/remotefile/OpenAIService.ts b/src/main/services/remotefile/OpenAIService.ts
index 5211d99999..f92d6abebf 100644
--- a/src/main/services/remotefile/OpenAIService.ts
+++ b/src/main/services/remotefile/OpenAIService.ts
@@ -1,9 +1,9 @@
+import OpenAI from '@cherrystudio/openai'
 import { cacheService } from '@data/CacheService'
 import { loggerService } from '@logger'
 import { fileStorage } from '@main/services/FileStorage'
 import type { FileListResponse, FileMetadata, FileUploadResponse, Provider } from '@types'
 import * as fs from 'fs'
-import OpenAI from 'openai'
 
 import { BaseFileService } from './BaseFileService'
 
diff --git a/src/renderer/src/Router.tsx b/src/renderer/src/Router.tsx
index fb555d8bc3..9e32bc53b4 100644
--- a/src/renderer/src/Router.tsx
+++ b/src/renderer/src/Router.tsx
@@ -21,6 +21,7 @@ import PaintingsRoutePage from './pages/paintings/PaintingsRoutePage'
 import SettingsPage from './pages/settings/SettingsPage'
 import AssistantPresetsPage from './pages/store/assistants/presets/AssistantPresetsPage'
 import TranslatePage from './pages/translate/TranslatePage'
+import { VideoPage } from './pages/video/VideoPage'
 
 const Router: FC = () => {
   const { navbarPosition } = useNavbarPosition()
@@ -41,6 +42,7 @@ const Router: FC = () => {
           <Route path="/code" element={<CodeToolsPage />} />
           <Route path="/settings/*" element={<SettingsPage />} />
           <Route path="/launchpad" element={<LaunchpadPage />} />
+          <Route path="/video" element={<VideoPage />} />
         </Routes>
       </ErrorBoundary>
     )
diff --git a/src/renderer/src/aiCore/index_new.ts b/src/renderer/src/aiCore/index_new.ts
index a210b956d0..207a2f7913 100644
--- a/src/renderer/src/aiCore/index_new.ts
+++ b/src/renderer/src/aiCore/index_new.ts
@@ -12,8 +12,23 @@ import { preferenceService } from '@data/PreferenceService'
 import { loggerService } from '@logger'
 import { addSpan, endSpan } from '@renderer/services/SpanManagerService'
 import type { StartSpanParams } from '@renderer/trace/types/ModelSpanEntity'
-import type { Assistant, GenerateImageParams, Model, Provider } from '@renderer/types'
+import type {
+  Assistant,
+  DeleteVideoParams,
+  DeleteVideoResult,
+  GenerateImageParams,
+  Model,
+  Provider,
+  RetrieveVideoContentParams
+} from '@renderer/types'
 import type { AiSdkModel, StreamTextParams } from '@renderer/types/aiCoreTypes'
+import type {
+  CreateVideoParams,
+  CreateVideoResult,
+  RetrieveVideoContentResult,
+  RetrieveVideoParams,
+  RetrieveVideoResult
+} from '@renderer/types/video'
 import { buildClaudeCodeSystemModelMessage } from '@shared/anthropic'
 import { type ImageModel, type LanguageModel, type Provider as AiSdkProvider, wrapLanguageModel } from 'ai'
 
@@ -501,6 +516,34 @@ export default class ModernAiProvider {
     return images
   }
 
+  /**
+   * We manually implement this method before aisdk supports it well
+   */
+  public async createVideo(params: CreateVideoParams): Promise<CreateVideoResult> {
+    return this.legacyProvider.createVideo(params)
+  }
+
+  /**
+   * We manually implement this method before aisdk supports it well
+   */
+  public async retrieveVideo(params: RetrieveVideoParams): Promise<RetrieveVideoResult> {
+    return this.legacyProvider.retrieveVideo(params)
+  }
+
+  /**
+   * We manually implement this method before aisdk supports it well
+   */
+  public async retrieveVideoContent(params: RetrieveVideoContentParams): Promise<RetrieveVideoContentResult> {
+    return this.legacyProvider.retrieveVideoContent(params)
+  }
+
+  /**
+   * We manually implement this method before aisdk supports it well
+   */
+  public async deleteVideo(params: DeleteVideoParams): Promise<DeleteVideoResult> {
+    return this.legacyProvider.deleteVideo(params)
+  }
+
   public getBaseURL(): string {
     return this.legacyProvider.getBaseURL()
   }
diff --git a/src/renderer/src/aiCore/legacy/clients/cherryai/CherryAiAPIClient.ts b/src/renderer/src/aiCore/legacy/clients/cherryai/CherryAiAPIClient.ts
index bb95bdaac7..b72e0a8829 100644
--- a/src/renderer/src/aiCore/legacy/clients/cherryai/CherryAiAPIClient.ts
+++ b/src/renderer/src/aiCore/legacy/clients/cherryai/CherryAiAPIClient.ts
@@ -1,6 +1,6 @@
+import type OpenAI from '@cherrystudio/openai'
 import type { Provider } from '@renderer/types'
 import type { OpenAISdkParams, OpenAISdkRawOutput } from '@renderer/types/sdk'
-import type OpenAI from 'openai'
 
 import { OpenAIAPIClient } from '../openai/OpenAIApiClient'
 
diff --git a/src/renderer/src/aiCore/legacy/clients/openai/OpenAIApiClient.ts b/src/renderer/src/aiCore/legacy/clients/openai/OpenAIApiClient.ts
index 13c48c4a4f..3194266f64 100644
--- a/src/renderer/src/aiCore/legacy/clients/openai/OpenAIApiClient.ts
+++ b/src/renderer/src/aiCore/legacy/clients/openai/OpenAIApiClient.ts
@@ -1,3 +1,10 @@
+import type { AzureOpenAI } from '@cherrystudio/openai'
+import type OpenAI from '@cherrystudio/openai'
+import type {
+  ChatCompletionContentPart,
+  ChatCompletionContentPartRefusal,
+  ChatCompletionTool
+} from '@cherrystudio/openai/resources'
 import { loggerService } from '@logger'
 import { DEFAULT_MAX_TOKENS } from '@renderer/config/constant'
 import {
@@ -81,9 +88,6 @@ import {
 } from '@renderer/utils/mcp-tools'
 import { findFileBlocks, findImageBlocks } from '@renderer/utils/messageUtils/find'
 import { t } from 'i18next'
-import type { AzureOpenAI } from 'openai'
-import type OpenAI from 'openai'
-import type { ChatCompletionContentPart, ChatCompletionContentPartRefusal, ChatCompletionTool } from 'openai/resources'
 
 import type { GenericChunk } from '../../middleware/schemas'
 import type { RequestTransformer, ResponseChunkTransformer, ResponseChunkTransformerContext } from '../types'
diff --git a/src/renderer/src/aiCore/legacy/clients/openai/OpenAIBaseClient.ts b/src/renderer/src/aiCore/legacy/clients/openai/OpenAIBaseClient.ts
index 6a1de3215e..e519fe45bb 100644
--- a/src/renderer/src/aiCore/legacy/clients/openai/OpenAIBaseClient.ts
+++ b/src/renderer/src/aiCore/legacy/clients/openai/OpenAIBaseClient.ts
@@ -1,3 +1,4 @@
+import OpenAI, { AzureOpenAI } from '@cherrystudio/openai'
 import { loggerService } from '@logger'
 import {
   isClaudeReasoningModel,
@@ -24,7 +25,6 @@ import type {
   ReasoningEffortOptionalParams
 } from '@renderer/types/sdk'
 import { formatApiHost } from '@renderer/utils/api'
-import OpenAI, { AzureOpenAI } from 'openai'
 
 import { BaseApiClient } from '../BaseApiClient'
 
diff --git a/src/renderer/src/aiCore/legacy/clients/openai/OpenAIResponseAPIClient.ts b/src/renderer/src/aiCore/legacy/clients/openai/OpenAIResponseAPIClient.ts
index d7982487cc..9bb33a8311 100644
--- a/src/renderer/src/aiCore/legacy/clients/openai/OpenAIResponseAPIClient.ts
+++ b/src/renderer/src/aiCore/legacy/clients/openai/OpenAIResponseAPIClient.ts
@@ -1,3 +1,5 @@
+import OpenAI, { AzureOpenAI } from '@cherrystudio/openai'
+import type { ResponseInput } from '@cherrystudio/openai/resources/responses/responses'
 import { loggerService } from '@logger'
 import type { GenericChunk } from '@renderer/aiCore/legacy/middleware/schemas'
 import type { CompletionsContext } from '@renderer/aiCore/legacy/middleware/types'
@@ -33,6 +35,12 @@ import type {
   OpenAIResponseSdkTool,
   OpenAIResponseSdkToolCall
 } from '@renderer/types/sdk'
+import type {
+  CreateVideoParams,
+  DeleteVideoParams,
+  RetrieveVideoContentParams,
+  RetrieveVideoParams
+} from '@renderer/types/video'
 import { addImageFileToContents } from '@renderer/utils/formats'
 import {
   isSupportedToolUse,
@@ -44,8 +52,6 @@ import { findFileBlocks, findImageBlocks } from '@renderer/utils/messageUtils/fi
 import { MB } from '@shared/config/constant'
 import { t } from 'i18next'
 import { isEmpty } from 'lodash'
-import OpenAI, { AzureOpenAI } from 'openai'
-import type { ResponseInput } from 'openai/resources/responses/responses'
 
 import type { RequestTransformer, ResponseChunkTransformer } from '../types'
 import { OpenAIAPIClient } from './OpenAIApiClient'
@@ -151,6 +157,26 @@ export class OpenAIResponseAPIClient extends OpenAIBaseClient<
     return await sdk.responses.create(payload, options)
   }
 
+  public async createVideo(params: CreateVideoParams): Promise<OpenAI.Videos.Video> {
+    const sdk = await this.getSdkInstance()
+    return sdk.videos.create(params.params, params.options)
+  }
+
+  public async retrieveVideo(params: RetrieveVideoParams): Promise<OpenAI.Videos.Video> {
+    const sdk = await this.getSdkInstance()
+    return sdk.videos.retrieve(params.videoId, params.options)
+  }
+
+  public async retrieveVideoContent(params: RetrieveVideoContentParams): Promise<Response> {
+    const sdk = await this.getSdkInstance()
+    return sdk.videos.downloadContent(params.videoId, params.query, params.options)
+  }
+
+  public async deleteVideo(params: DeleteVideoParams): Promise<OpenAI.Videos.VideoDeleteResponse> {
+    const sdk = await this.getSdkInstance()
+    return sdk.videos.delete(params.videoId, params.options)
+  }
+
   private async handlePdfFile(file: FileMetadata): Promise<OpenAI.Responses.ResponseInputFile | undefined> {
     if (file.size > 32 * MB) return undefined
     try {
@@ -342,7 +368,14 @@ export class OpenAIResponseAPIClient extends OpenAIBaseClient<
     }
     switch (message.type) {
       case 'function_call_output':
-        sum += estimateTextTokens(message.output)
+        if (typeof message.output === 'string') {
+          sum += estimateTextTokens(message.output)
+        } else {
+          sum += message.output
+            .filter((item) => item.type === 'input_text')
+            .map((item) => estimateTextTokens(item.text))
+            .reduce((prev, cur) => prev + cur, 0)
+        }
         break
       case 'function_call':
         sum += estimateTextTokens(message.arguments)
diff --git a/src/renderer/src/aiCore/legacy/clients/ovms/OVMSClient.ts b/src/renderer/src/aiCore/legacy/clients/ovms/OVMSClient.ts
index 1e4e87521b..1a93baa2de 100644
--- a/src/renderer/src/aiCore/legacy/clients/ovms/OVMSClient.ts
+++ b/src/renderer/src/aiCore/legacy/clients/ovms/OVMSClient.ts
@@ -1,7 +1,7 @@
+import type OpenAI from '@cherrystudio/openai'
 import { loggerService } from '@logger'
 import { isSupportedModel } from '@renderer/config/models'
 import { objectKeys, type Provider } from '@renderer/types'
-import type OpenAI from 'openai'
 
 import { OpenAIAPIClient } from '../openai/OpenAIApiClient'
 
diff --git a/src/renderer/src/aiCore/legacy/clients/ppio/PPIOAPIClient.ts b/src/renderer/src/aiCore/legacy/clients/ppio/PPIOAPIClient.ts
index f5524b8962..345496e156 100644
--- a/src/renderer/src/aiCore/legacy/clients/ppio/PPIOAPIClient.ts
+++ b/src/renderer/src/aiCore/legacy/clients/ppio/PPIOAPIClient.ts
@@ -1,7 +1,7 @@
+import type OpenAI from '@cherrystudio/openai'
 import { loggerService } from '@logger'
 import { isSupportedModel } from '@renderer/config/models'
 import type { Model, Provider } from '@renderer/types'
-import type OpenAI from 'openai'
 
 import { OpenAIAPIClient } from '../openai/OpenAIApiClient'
 
diff --git a/src/renderer/src/aiCore/legacy/clients/types.ts b/src/renderer/src/aiCore/legacy/clients/types.ts
index a129a241f8..2964ede526 100644
--- a/src/renderer/src/aiCore/legacy/clients/types.ts
+++ b/src/renderer/src/aiCore/legacy/clients/types.ts
@@ -1,6 +1,6 @@
 import type Anthropic from '@anthropic-ai/sdk'
-import type { Assistant, MCPTool, MCPToolResponse, Model, ToolCallResponse } from '@renderer/types'
-import type { Provider } from '@renderer/types'
+import type OpenAI from '@cherrystudio/openai'
+import type { Assistant, MCPTool, MCPToolResponse, Model, Provider, ToolCallResponse } from '@renderer/types'
 import type {
   AnthropicSdkRawChunk,
   OpenAIResponseSdkRawChunk,
@@ -13,7 +13,6 @@ import type {
   SdkTool,
   SdkToolCall
 } from '@renderer/types/sdk'
-import type OpenAI from 'openai'
 
 import type { CompletionsParams, GenericChunk } from '../middleware/schemas'
 import type { CompletionsContext } from '../middleware/types'
diff --git a/src/renderer/src/aiCore/legacy/clients/zhipu/ZhipuAPIClient.ts b/src/renderer/src/aiCore/legacy/clients/zhipu/ZhipuAPIClient.ts
index bc5857dfbb..ea6c141e31 100644
--- a/src/renderer/src/aiCore/legacy/clients/zhipu/ZhipuAPIClient.ts
+++ b/src/renderer/src/aiCore/legacy/clients/zhipu/ZhipuAPIClient.ts
@@ -1,7 +1,7 @@
+import type OpenAI from '@cherrystudio/openai'
 import { loggerService } from '@logger'
 import type { Provider } from '@renderer/types'
 import type { GenerateImageParams } from '@renderer/types'
-import type OpenAI from 'openai'
 
 import { OpenAIAPIClient } from '../openai/OpenAIApiClient'
 
diff --git a/src/renderer/src/aiCore/legacy/index.ts b/src/renderer/src/aiCore/legacy/index.ts
index da6cdb6726..e64ac23bd4 100644
--- a/src/renderer/src/aiCore/legacy/index.ts
+++ b/src/renderer/src/aiCore/legacy/index.ts
@@ -5,8 +5,22 @@ import { isDedicatedImageGenerationModel, isFunctionCallingModel } from '@render
 import { getProviderByModel } from '@renderer/services/AssistantService'
 import { withSpanResult } from '@renderer/services/SpanManagerService'
 import type { StartSpanParams } from '@renderer/trace/types/ModelSpanEntity'
-import type { GenerateImageParams, Model, Provider } from '@renderer/types'
+import type {
+  DeleteVideoParams,
+  DeleteVideoResult,
+  GenerateImageParams,
+  Model,
+  Provider,
+  RetrieveVideoContentParams
+} from '@renderer/types'
 import type { RequestOptions, SdkModel } from '@renderer/types/sdk'
+import type {
+  CreateVideoParams,
+  CreateVideoResult,
+  RetrieveVideoContentResult,
+  RetrieveVideoParams,
+  RetrieveVideoResult
+} from '@renderer/types/video'
 import { isSupportedToolUse } from '@renderer/utils/mcp-tools'
 
 import { AihubmixAPIClient } from './clients/aihubmix/AihubmixAPIClient'
@@ -179,6 +193,54 @@ export default class AiProvider {
     return this.apiClient.generateImage(params)
   }
 
+  public async createVideo(params: CreateVideoParams): Promise<CreateVideoResult> {
+    if (this.apiClient instanceof OpenAIResponseAPIClient && params.type === 'openai') {
+      const video = await this.apiClient.createVideo(params)
+      return {
+        type: 'openai',
+        video
+      }
+    } else {
+      throw new Error('Video generation is not supported by this provider')
+    }
+  }
+
+  public async retrieveVideo(params: RetrieveVideoParams): Promise<RetrieveVideoResult> {
+    if (this.apiClient instanceof OpenAIResponseAPIClient && params.type === 'openai') {
+      const video = await this.apiClient.retrieveVideo(params)
+      return {
+        type: 'openai',
+        video
+      }
+    } else {
+      throw new Error('Video generation is not supported by this provider')
+    }
+  }
+
+  public async retrieveVideoContent(params: RetrieveVideoContentParams): Promise<RetrieveVideoContentResult> {
+    if (this.apiClient instanceof OpenAIResponseAPIClient && params.type === 'openai') {
+      const response = await this.apiClient.retrieveVideoContent(params)
+      return {
+        type: 'openai',
+        response
+      }
+    } else {
+      throw new Error('Video generation is not supported by this provider')
+    }
+  }
+
+  public async deleteVideo(params: DeleteVideoParams): Promise<DeleteVideoResult> {
+    if (this.apiClient instanceof OpenAIResponseAPIClient && params.type === 'openai') {
+      const result = await this.apiClient.deleteVideo(params)
+      return {
+        type: 'openai',
+        result
+      }
+    } else {
+      throw new Error('Video deletion is not supported by this provider')
+    }
+  }
+
   public getBaseURL(): string {
     return this.apiClient.getBaseURL()
   }
diff --git a/src/renderer/src/aiCore/legacy/middleware/feat/ImageGenerationMiddleware.ts b/src/renderer/src/aiCore/legacy/middleware/feat/ImageGenerationMiddleware.ts
index 1879da5a4b..95b128bd8f 100644
--- a/src/renderer/src/aiCore/legacy/middleware/feat/ImageGenerationMiddleware.ts
+++ b/src/renderer/src/aiCore/legacy/middleware/feat/ImageGenerationMiddleware.ts
@@ -1,10 +1,10 @@
+import type OpenAI from '@cherrystudio/openai'
+import { toFile } from '@cherrystudio/openai/uploads'
 import { isDedicatedImageGenerationModel } from '@renderer/config/models'
 import FileManager from '@renderer/services/FileManager'
 import { ChunkType } from '@renderer/types/chunk'
 import { findImageBlocks, getMainTextContent } from '@renderer/utils/messageUtils/find'
 import { defaultTimeout } from '@shared/config/constant'
-import type OpenAI from 'openai'
-import { toFile } from 'openai/uploads'
 
 import type { BaseApiClient } from '../../clients/BaseApiClient'
 import type { CompletionsParams, CompletionsResult, GenericChunk } from '../schemas'
diff --git a/src/renderer/src/aiCore/prepareParams/fileProcessor.ts b/src/renderer/src/aiCore/prepareParams/fileProcessor.ts
index 004c19a06c..6ac45bf98b 100644
--- a/src/renderer/src/aiCore/prepareParams/fileProcessor.ts
+++ b/src/renderer/src/aiCore/prepareParams/fileProcessor.ts
@@ -3,6 +3,7 @@
  * 处理文件内容提取、文件格式转换、文件上传等逻辑
  */
 
+import type OpenAI from '@cherrystudio/openai'
 import { loggerService } from '@logger'
 import { getProviderByModel } from '@renderer/services/AssistantService'
 import type { FileMetadata, Message, Model } from '@renderer/types'
@@ -10,7 +11,6 @@ import { FileTypes } from '@renderer/types'
 import type { FileMessageBlock } from '@renderer/types/newMessage'
 import { findFileBlocks } from '@renderer/utils/messageUtils/find'
 import type { FilePart, TextPart } from 'ai'
-import type OpenAI from 'openai'
 
 import { getAiSdkProviderId } from '../provider/factory'
 import { getFileSizeLimit, supportsImageInput, supportsLargeFileUpload, supportsPdfInput } from './modelCapabilities'
diff --git a/src/renderer/src/components/Tab/TabContainer.tsx b/src/renderer/src/components/Tab/TabContainer.tsx
index 08f16bb9cc..9166354967 100644
--- a/src/renderer/src/components/Tab/TabContainer.tsx
+++ b/src/renderer/src/components/Tab/TabContainer.tsx
@@ -33,6 +33,7 @@ import {
   Sparkle,
   Sun,
   Terminal,
+  Video,
   X
 } from 'lucide-react'
 import { useCallback, useEffect, useMemo } from 'react'
@@ -107,6 +108,8 @@ const getTabIcon = (
       return <Settings size={14} />
     case 'code':
       return <Terminal size={14} />
+    case 'video':
+      return <Video size={14} />
     default:
       return null
   }
diff --git a/src/renderer/src/components/ToastPortal.tsx b/src/renderer/src/components/ToastPortal.tsx
index b149ae6fdf..1dae83edaf 100644
--- a/src/renderer/src/components/ToastPortal.tsx
+++ b/src/renderer/src/components/ToastPortal.tsx
@@ -23,7 +23,8 @@ export const ToastPortal = () => {
         timeout: 3000,
         classNames: {
           // This setting causes the 'hero-toast' class to be applied twice to the toast element. This is weird and I don't know why, but it works.
-          base: 'hero-toast'
+          // `w-auto` would not overwrite default style, which set the width to a fixed value and causes text overflow.
+          base: 'hero-toast w-auto! max-w-[50vw]'
         }
       }}
     />,
diff --git a/src/renderer/src/components/app/Sidebar.tsx b/src/renderer/src/components/app/Sidebar.tsx
index de30b1467b..9317178276 100644
--- a/src/renderer/src/components/app/Sidebar.tsx
+++ b/src/renderer/src/components/app/Sidebar.tsx
@@ -26,7 +26,8 @@ import {
   Palette,
   Settings,
   Sparkle,
-  Sun
+  Sun,
+  Video
 } from 'lucide-react'
 import type { FC } from 'react'
 import { useTranslation } from 'react-i18next'
@@ -140,7 +141,8 @@ const MainMenus: FC = () => {
     knowledge: <FileSearch size={18} className="icon" />,
     files: <Folder size={18} className="icon" />,
     notes: <NotepadText size={18} className="icon" />,
-    code_tools: <Code size={18} className="icon" />
+    code_tools: <Code size={18} className="icon" />,
+    video: <Video size={18} className="icon" />
   }
 
   const pathMap = {
@@ -152,7 +154,8 @@ const MainMenus: FC = () => {
     knowledge: '/knowledge',
     files: '/files',
     code_tools: '/code',
-    notes: '/notes'
+    notes: '/notes',
+    video: '/video'
   }
 
   return visibleSidebarIcons.map((icon) => {
diff --git a/src/renderer/src/config/models/utils.ts b/src/renderer/src/config/models/utils.ts
index 25d4075341..63e2c85831 100644
--- a/src/renderer/src/config/models/utils.ts
+++ b/src/renderer/src/config/models/utils.ts
@@ -1,7 +1,7 @@
+import type OpenAI from '@cherrystudio/openai'
 import type { Model } from '@renderer/types'
 import { getLowerBaseModelName } from '@renderer/utils'
 import { WEB_SEARCH_PROMPT_FOR_OPENROUTER } from '@shared/config/prompts'
-import type OpenAI from 'openai'
 
 import { getWebSearchTools } from '../tools'
 import { isOpenAIReasoningModel } from './reasoning'
diff --git a/src/renderer/src/config/models/video.ts b/src/renderer/src/config/models/video.ts
new file mode 100644
index 0000000000..a04aedceed
--- /dev/null
+++ b/src/renderer/src/config/models/video.ts
@@ -0,0 +1,149 @@
+import { SystemProviderId, Video } from '@renderer/types'
+
+// Hard-encoded for now. We may implement a function to filter video generation model from provider.models.
+export const videoModelsMap = {
+  openai: ['sora-2', 'sora-2-pro'] as const
+} as const satisfies Partial<Record<SystemProviderId, string[]>>
+
+// Mock data for testing
+export const mockVideos: Video[] = [
+  {
+    id: '1',
+    type: 'openai',
+    status: 'downloaded',
+    prompt: 'A beautiful sunset over the ocean with waves crashing',
+    thumbnail: 'https://picsum.photos/200/200?random=1',
+    fileId: 'file-001',
+    providerId: 'openai',
+    name: 'video-001',
+    metadata: {
+      id: 'video-001',
+      object: 'video',
+      created_at: Math.floor(Date.now() / 1000),
+      completed_at: Math.floor(Date.now() / 1000),
+      expires_at: null,
+      error: null,
+      model: 'sora-2',
+      progress: 100,
+      remixed_from_video_id: null,
+      seconds: '4',
+      size: '1280x720',
+      status: 'completed'
+    }
+  },
+  {
+    id: '2',
+    type: 'openai',
+    status: 'in_progress',
+    prompt: 'A cat playing with a ball of yarn in slow motion',
+    progress: 65,
+    providerId: 'openai',
+    name: 'video-002',
+    metadata: {
+      id: 'video-002',
+      object: 'video',
+      created_at: Math.floor(Date.now() / 1000),
+      completed_at: null,
+      expires_at: null,
+      error: null,
+      model: 'sora-2-pro',
+      progress: 65,
+      remixed_from_video_id: null,
+      seconds: '8',
+      size: '1792x1024',
+      status: 'in_progress'
+    }
+  },
+  {
+    id: '3',
+    type: 'openai',
+    status: 'queued',
+    prompt: 'Time-lapse of flowers blooming in a garden',
+    providerId: 'openai',
+    name: 'video-003',
+    metadata: {
+      id: 'video-003',
+      object: 'video',
+      created_at: Math.floor(Date.now() / 1000),
+      completed_at: null,
+      expires_at: null,
+      error: null,
+      model: 'sora-2',
+      progress: 0,
+      remixed_from_video_id: null,
+      seconds: '12',
+      size: '1280x720',
+      status: 'queued'
+    }
+  },
+  {
+    id: '4',
+    type: 'openai',
+    prompt: 'Birds flying in formation against blue sky',
+    status: 'downloading',
+    progress: 80,
+    thumbnail: 'https://picsum.photos/200/200?random=4',
+    providerId: 'openai',
+    name: 'video-004',
+    metadata: {
+      id: 'video-004',
+      object: 'video',
+      created_at: Math.floor(Date.now() / 1000),
+      completed_at: Math.floor(Date.now() / 1000),
+      expires_at: null,
+      error: null,
+      model: 'sora-2-pro',
+      progress: 100,
+      remixed_from_video_id: null,
+      seconds: '8',
+      size: '1792x1024',
+      status: 'completed'
+    }
+  },
+  {
+    id: '5',
+    type: 'openai',
+    status: 'failed',
+    error: { code: '400', message: 'Video generation failed' },
+    prompt: 'Mountain landscape with snow peaks and forest',
+    providerId: 'openai',
+    name: 'video-005',
+    metadata: {
+      id: 'video-005',
+      object: 'video',
+      created_at: Math.floor(Date.now() / 1000),
+      completed_at: Math.floor(Date.now() / 1000),
+      expires_at: null,
+      error: { code: '400', message: 'Video generation failed' },
+      model: 'sora-2',
+      progress: 0,
+      remixed_from_video_id: null,
+      seconds: '4',
+      size: '1280x720',
+      status: 'failed'
+    }
+  },
+  {
+    id: '6',
+    type: 'openai',
+    status: 'completed',
+    thumbnail: 'https://picsum.photos/200/200?random=6',
+    prompt: 'City street at night with neon lights reflecting on wet pavement',
+    providerId: 'openai',
+    name: 'video-006',
+    metadata: {
+      id: 'video-006',
+      object: 'video',
+      created_at: Math.floor(Date.now() / 1000),
+      completed_at: Math.floor(Date.now() / 1000),
+      expires_at: null,
+      error: null,
+      model: 'sora-2-pro',
+      progress: 100,
+      remixed_from_video_id: null,
+      seconds: '12',
+      size: '1024x1792',
+      status: 'completed'
+    }
+  }
+]
diff --git a/src/renderer/src/config/tools.ts b/src/renderer/src/config/tools.ts
index d2f64ee421..d8d76f831e 100644
--- a/src/renderer/src/config/tools.ts
+++ b/src/renderer/src/config/tools.ts
@@ -1,6 +1,6 @@
+import type { ChatCompletionTool } from '@cherrystudio/openai/resources'
 import type { Model } from '@renderer/types'
 import { WEB_SEARCH_PROMPT_FOR_ZHIPU } from '@shared/config/prompts'
-import type { ChatCompletionTool } from 'openai/resources'
 
 export function getWebSearchTools(model: Model): ChatCompletionTool[] {
   if (model?.provider === 'zhipu') {
diff --git a/src/renderer/src/hooks/usePending.ts b/src/renderer/src/hooks/usePending.ts
new file mode 100644
index 0000000000..5a97e49027
--- /dev/null
+++ b/src/renderer/src/hooks/usePending.ts
@@ -0,0 +1,17 @@
+import { useAppDispatch } from '@renderer/store'
+import { setPendingAction } from '@renderer/store/runtime'
+import { useCallback } from 'react'
+
+import { useRuntime } from './useRuntime'
+
+export const usePending = () => {
+  const { pendingMap } = useRuntime()
+  const dispatch = useAppDispatch()
+  const setPending = useCallback(
+    (id: string, value: boolean | undefined) => {
+      dispatch(setPendingAction({ id, value }))
+    },
+    [dispatch]
+  )
+  return { pendingMap, setPending }
+}
diff --git a/src/renderer/src/hooks/video/useAddOpenAIVideo.ts b/src/renderer/src/hooks/video/useAddOpenAIVideo.ts
new file mode 100644
index 0000000000..0e0d706da6
--- /dev/null
+++ b/src/renderer/src/hooks/video/useAddOpenAIVideo.ts
@@ -0,0 +1,65 @@
+import OpenAI from '@cherrystudio/openai'
+import { useCallback } from 'react'
+
+import { useProviderVideos } from './useProviderVideos'
+
+export const useAddOpenAIVideo = (providerId: string) => {
+  const { addVideo } = useProviderVideos(providerId)
+
+  const addOpenAIVideo = useCallback(
+    (video: OpenAI.Videos.Video, prompt: string) => {
+      switch (video.status) {
+        case 'queued':
+          addVideo({
+            id: video.id,
+            name: video.id,
+            providerId,
+            status: video.status,
+            type: 'openai',
+            metadata: video,
+            prompt
+          })
+          break
+        case 'in_progress':
+          addVideo({
+            id: video.id,
+            name: video.id,
+            providerId,
+            status: 'in_progress',
+            type: 'openai',
+            progress: video.progress,
+            metadata: video,
+            prompt
+          })
+          break
+        case 'completed':
+          addVideo({
+            id: video.id,
+            name: video.id,
+            providerId,
+            status: 'completed',
+            type: 'openai',
+            metadata: video,
+            prompt,
+            thumbnail: null
+          })
+          break
+        case 'failed':
+          addVideo({
+            id: video.id,
+            name: video.id,
+            providerId,
+            status: 'failed',
+            type: 'openai',
+            error: video.error,
+            metadata: video,
+            prompt
+          })
+          break
+      }
+    },
+    [addVideo, providerId]
+  )
+
+  return addOpenAIVideo
+}
diff --git a/src/renderer/src/hooks/video/useOpenAIVideo.ts b/src/renderer/src/hooks/video/useOpenAIVideo.ts
new file mode 100644
index 0000000000..1ebef9d541
--- /dev/null
+++ b/src/renderer/src/hooks/video/useOpenAIVideo.ts
@@ -0,0 +1,47 @@
+import { retrieveVideo } from '@renderer/services/ApiService'
+import useSWR, { SWRConfiguration, useSWRConfig } from 'swr'
+
+import { useProvider } from '../useProvider'
+import { useVideo } from './useVideo'
+
+export const useOpenAIVideo = (providerId: string, id: string) => {
+  const { provider } = useProvider(providerId)
+  const fetcher = async () => {
+    switch (provider.type) {
+      case 'openai-response':
+        return retrieveVideo({
+          type: 'openai',
+          videoId: id,
+          provider
+        })
+
+      default:
+        throw new Error(`Unsupported provider type: ${provider.type}`)
+    }
+  }
+  const video = useVideo(providerId, id)
+  let options: SWRConfiguration = {}
+  switch (video?.status) {
+    case 'queued':
+    case 'in_progress':
+      options = {
+        refreshInterval: 3000
+      }
+      break
+    default:
+      options = {
+        revalidateOnFocus: false,
+        revalidateOnMount: true
+      }
+  }
+  const { data, isLoading, error } = useSWR(`video/openai/${id}`, fetcher, options)
+  const { mutate } = useSWRConfig()
+  const revalidate = () => mutate(`video/openai/${id}`)
+
+  return {
+    video: data,
+    isLoading,
+    error,
+    revalidate
+  }
+}
diff --git a/src/renderer/src/hooks/video/useProviderVideos.ts b/src/renderer/src/hooks/video/useProviderVideos.ts
new file mode 100644
index 0000000000..7e4d44bf6c
--- /dev/null
+++ b/src/renderer/src/hooks/video/useProviderVideos.ts
@@ -0,0 +1,174 @@
+import { loggerService } from '@logger'
+import { retrieveVideo } from '@renderer/services/ApiService'
+import { getProviderById } from '@renderer/services/ProviderService'
+import { useAppDispatch, useAppSelector } from '@renderer/store'
+import { addVideoAction, setVideoAction, setVideosAction, updateVideoAction } from '@renderer/store/video'
+import { Video } from '@renderer/types/video'
+import { getErrorMessage } from '@renderer/utils'
+import { useCallback, useEffect, useRef } from 'react'
+import { useTranslation } from 'react-i18next'
+import useSWR from 'swr'
+
+import { useVideos } from './useVideos'
+import { useVideoThumbnail } from './useVideoThumbnail'
+
+const logger = loggerService.withContext('useVideo')
+
+export const useProviderVideos = (providerId: string) => {
+  const { removeVideo } = useVideos()
+  const videos = useAppSelector((state) => state.video.videoMap[providerId])
+  const videosRef = useRef(videos)
+  const dispatch = useAppDispatch()
+  const { t } = useTranslation()
+
+  useEffect(() => {
+    videosRef.current = videos
+  }, [videos])
+
+  const getVideo = useCallback(
+    (id: string) => {
+      return videos?.find((v) => v.id === id)
+    },
+    [videos]
+  )
+
+  const addVideo = useCallback(
+    (video: Video) => {
+      if (videos && videos.every((v) => v.id !== video.id)) {
+        dispatch(addVideoAction({ providerId, video }))
+      }
+    },
+    [dispatch, providerId, videos]
+  )
+
+  const updateVideo = useCallback(
+    (update: Partial<Omit<Video, 'status'>> & { id: string }) => {
+      dispatch(updateVideoAction({ providerId, update }))
+    },
+    [dispatch, providerId]
+  )
+
+  const setVideo = useCallback(
+    (video: Video) => {
+      dispatch(setVideoAction({ providerId, video }))
+    },
+    [dispatch, providerId]
+  )
+
+  const setVideos = useCallback(
+    (newVideos: Video[]) => {
+      dispatch(setVideosAction({ providerId, videos: newVideos }))
+    },
+    [dispatch, providerId]
+  )
+
+  const removeProviderVideo = useCallback(
+    (videoId: string) => {
+      removeVideo(videoId, providerId)
+    },
+    [providerId, removeVideo]
+  )
+
+  useEffect(() => {
+    if (!videos) {
+      setVideos([])
+    }
+  }, [setVideos, videos])
+
+  // update videos from api
+  // NOTE: This provider should support openai videos endpoint. No runtime check here.
+  const provider = getProviderById(providerId)
+  const fetcher = async () => {
+    if (!videos || !provider) return []
+    if (provider.type === 'openai-response') {
+      const openaiVideos = videos
+        .filter((v) => v.type === 'openai')
+        .filter((v) => v.status === 'queued' || v.status === 'in_progress')
+      const jobs = openaiVideos.map((v) => retrieveVideo({ type: 'openai', videoId: v.id, provider }))
+      const result = await Promise.allSettled(jobs)
+      return result.filter((p) => p.status === 'fulfilled').map((p) => p.value)
+    } else {
+      throw new Error(`Provider type ${provider.type} is not supported for video status polling`)
+    }
+  }
+  const { data, error } = useSWR('video/openai/videos', fetcher, { refreshInterval: 3000 })
+  const { retrieveThumbnail } = useVideoThumbnail()
+  useEffect(() => {
+    if (error) {
+      logger.error('Failed to fetch video status updates', error)
+      return
+    }
+    if (!provider) {
+      logger.warn(`Provider ${providerId} not found.`)
+      return
+    }
+    const videos = videosRef.current
+
+    if (!data || !videos) return
+    data.forEach((v) => {
+      const retrievedVideo = v.video
+      const storeVideo = videos.find((v) => v.id === retrievedVideo.id)
+      if (!storeVideo) {
+        logger.warn(`Try to update video ${retrievedVideo.id}, but it's not in the store.`)
+        return
+      }
+      switch (retrievedVideo.status) {
+        case 'in_progress':
+          if (storeVideo.status === 'queued' || storeVideo.status === 'in_progress') {
+            setVideo({
+              ...storeVideo,
+              status: 'in_progress',
+              progress: retrievedVideo.progress,
+              metadata: retrievedVideo
+            })
+          }
+          break
+        case 'completed': {
+          if (storeVideo.status === 'in_progress' || storeVideo.status === 'queued') {
+            const newVideo = { ...storeVideo, status: 'completed', thumbnail: null, metadata: retrievedVideo } as const
+            setVideo(newVideo)
+            // Try to get thumbnail
+            retrieveThumbnail(newVideo)
+              .then((thumbnail) => {
+                const latestVideo = videosRef.current?.find((v) => v.id === newVideo.id)
+                if (
+                  thumbnail !== null &&
+                  latestVideo &&
+                  latestVideo.status !== 'queued' &&
+                  latestVideo.status !== 'in_progress' &&
+                  latestVideo.status !== 'failed'
+                ) {
+                  setVideo({
+                    ...latestVideo,
+                    thumbnail
+                  })
+                }
+              })
+              .catch((e) => {
+                logger.error('Failed to get thumbnail', e as Error)
+                window.toast.error({ title: t('video.thumbnail.error.get'), description: getErrorMessage(e) })
+              })
+          }
+          break
+        }
+        case 'failed':
+          setVideo({
+            ...storeVideo,
+            status: 'failed',
+            error: retrievedVideo.error,
+            metadata: retrievedVideo
+          })
+      }
+    })
+  }, [data, error, provider, providerId, retrieveThumbnail, setVideo, t])
+
+  return {
+    videos: videos ?? [],
+    getVideo,
+    addVideo,
+    updateVideo,
+    setVideos,
+    setVideo,
+    removeVideo: removeProviderVideo
+  }
+}
diff --git a/src/renderer/src/hooks/video/useVideo.ts b/src/renderer/src/hooks/video/useVideo.ts
new file mode 100644
index 0000000000..c28a7d50b4
--- /dev/null
+++ b/src/renderer/src/hooks/video/useVideo.ts
@@ -0,0 +1,7 @@
+import { useProviderVideos } from './useProviderVideos'
+
+export const useVideo = (providerId: string, id: string) => {
+  const { videos } = useProviderVideos(providerId)
+  const video = videos.find((v) => v.id === id)
+  return video
+}
diff --git a/src/renderer/src/hooks/video/useVideoThumbnail.ts b/src/renderer/src/hooks/video/useVideoThumbnail.ts
new file mode 100644
index 0000000000..b536ef0456
--- /dev/null
+++ b/src/renderer/src/hooks/video/useVideoThumbnail.ts
@@ -0,0 +1,86 @@
+import { loggerService } from '@logger'
+import { retrieveVideoContent } from '@renderer/services/ApiService'
+import ImageStorage from '@renderer/services/ImageStorage'
+import { getProviderById } from '@renderer/services/ProviderService'
+import { Video } from '@renderer/types'
+import { useCallback } from 'react'
+
+const logger = loggerService.withContext('useRetrieveThumbnail')
+
+const pendingSet = new Set<string>()
+
+export const useVideoThumbnail = () => {
+  const getThumbnailKey = useCallback((id: string) => {
+    return `video-thumbnail-${id}`
+  }, [])
+
+  const retrieveThumbnail = useCallback(
+    async (video: Video): Promise<string> => {
+      const provider = getProviderById(video.providerId)
+      if (!provider) {
+        throw new Error(`Provider not found for id ${video.providerId}`)
+      }
+      const thumbnailKey = getThumbnailKey(video.id)
+      if (pendingSet.has(thumbnailKey)) {
+        throw new Error('Thumbnail retrieval already pending')
+      }
+
+      pendingSet.add(thumbnailKey)
+      try {
+        const cachedThumbnail = await ImageStorage.get(thumbnailKey)
+        if (cachedThumbnail) {
+          return cachedThumbnail
+        }
+
+        const result = await retrieveVideoContent({
+          type: 'openai',
+          provider,
+          videoId: video.id,
+          query: { variant: 'thumbnail' }
+        })
+
+        const { response } = result
+        if (!response.ok) {
+          throw new Error(`Unexpected thumbnail status: ${response.status}`)
+        }
+
+        const blob = await response.blob()
+        if (!blob || blob.size === 0) {
+          throw new Error('Thumbnail response body is empty')
+        }
+
+        const base64 = await new Promise<string>((resolve, reject) => {
+          const reader = new FileReader()
+          reader.onloadend = () => {
+            if (typeof reader.result === 'string') {
+              resolve(reader.result)
+            } else {
+              reject(new Error('Failed to convert thumbnail to base64'))
+            }
+          }
+          reader.onerror = () => reject(reader.error ?? new Error('Failed to read thumbnail blob'))
+          reader.readAsDataURL(blob)
+        })
+
+        await ImageStorage.set(thumbnailKey, base64)
+        return base64
+      } catch (e) {
+        logger.error(`Failed to get thumbnail for video ${video.id}`, e as Error)
+        throw e
+      } finally {
+        pendingSet.delete(thumbnailKey)
+      }
+    },
+    [getThumbnailKey]
+  )
+
+  const removeThumbnail = useCallback(
+    async (id: string) => {
+      const key = getThumbnailKey(id)
+      return ImageStorage.remove(key)
+    },
+    [getThumbnailKey]
+  )
+
+  return { getThumbnailKey, retrieveThumbnail, removeThumbnail }
+}
diff --git a/src/renderer/src/hooks/video/useVideos.ts b/src/renderer/src/hooks/video/useVideos.ts
new file mode 100644
index 0000000000..a82840ccd1
--- /dev/null
+++ b/src/renderer/src/hooks/video/useVideos.ts
@@ -0,0 +1,48 @@
+import FileManager from '@renderer/services/FileManager'
+import { useAppDispatch, useAppSelector } from '@renderer/store'
+import { removeVideoAction } from '@renderer/store/video'
+import { objectValues } from '@renderer/types'
+import { useCallback } from 'react'
+
+import { useVideoThumbnail } from './useVideoThumbnail'
+
+export const useVideos = () => {
+  const videoMap = useAppSelector((state) => state.video.videoMap)
+  const dispatch = useAppDispatch()
+
+  const { removeThumbnail } = useVideoThumbnail()
+
+  const videos = objectValues(videoMap)
+    .flat()
+    .filter((v) => v !== undefined)
+
+  const getVideo = useCallback(
+    (videoId: string) => {
+      return videos.find((v) => v.id === videoId)
+    },
+    [videos]
+  )
+
+  const removeVideo = useCallback(
+    (videoId: string, providerId?: string) => {
+      const video = getVideo(videoId)
+      if (!video) {
+        return
+      }
+      if (!providerId) {
+        providerId = video.providerId
+      }
+      // should delete from redux state, and related thumbnail image, video file
+      if (video.thumbnail) {
+        removeThumbnail(videoId)
+      }
+      if (video.fileId) {
+        FileManager.deleteFile(video.fileId)
+      }
+      dispatch(removeVideoAction({ providerId, videoId }))
+    },
+    [dispatch, getVideo, removeThumbnail]
+  )
+
+  return { videos, getVideo, removeVideo }
+}
diff --git a/src/renderer/src/i18n/label.ts b/src/renderer/src/i18n/label.ts
index ec5f0be5cc..3dc795992e 100644
--- a/src/renderer/src/i18n/label.ts
+++ b/src/renderer/src/i18n/label.ts
@@ -141,7 +141,8 @@ const titleKeyMap = {
   notes: 'title.notes',
   paintings: 'title.paintings',
   settings: 'title.settings',
-  translate: 'title.translate'
+  translate: 'title.translate',
+  video: 'title.video'
 } as const
 
 export const getTitleLabel = (key: string): string => {
@@ -167,7 +168,8 @@ const sidebarIconKeyMap = {
   knowledge: 'knowledge.title',
   files: 'files.title',
   code_tools: 'code.title',
-  notes: 'notes.title'
+  notes: 'notes.title',
+  video: 'video.title'
 } as const
 
 export const getSidebarIconLabel = (key: string): string => {
diff --git a/src/renderer/src/i18n/locales/en-us.json b/src/renderer/src/i18n/locales/en-us.json
index 0d46390767..94f4d435da 100644
--- a/src/renderer/src/i18n/locales/en-us.json
+++ b/src/renderer/src/i18n/locales/en-us.json
@@ -970,6 +970,7 @@
     "delete_confirm": "Are you sure you want to delete?",
     "delete_failed": "Failed to delete",
     "delete_success": "Deleted successfully",
+    "deleting": "Deleting...",
     "description": "Description",
     "detail": "Detail",
     "disabled": "Disabled",
@@ -1014,10 +1015,12 @@
     "prompt": "Prompt",
     "provider": "Provider",
     "reasoning_content": "Deep reasoning",
+    "redownload": "Redownload",
     "refresh": "Refresh",
     "regenerate": "Regenerate",
     "rename": "Rename",
     "reset": "Reset",
+    "retry": "Retry",
     "save": "Save",
     "saved": "Saved",
     "search": "Search",
@@ -1025,6 +1028,7 @@
     "selected": "Selected",
     "selectedItems": "Selected {{count}} items",
     "selectedMessages": "Selected {{count}} messages",
+    "send": "Send",
     "settings": "Settings",
     "sort": {
       "pinyin": {
@@ -1084,6 +1088,9 @@
     },
     "content": "Content",
     "data": "Data",
+    "delete": {
+      "failed": "Failed to delete."
+    },
     "detail": "Error Details",
     "details": "Details",
     "errors": "Errors",
@@ -1191,7 +1198,8 @@
     "size": "Size",
     "text": "Text",
     "title": "Files",
-    "type": "Type"
+    "type": "Type",
+    "video": "Video"
   },
   "gpustack": {
     "keep_alive_time": {
@@ -4486,7 +4494,8 @@
     "paintings": "Paintings",
     "settings": "Settings",
     "store": "Assistant Library",
-    "translate": "Translate"
+    "translate": "Translate",
+    "video": "Video"
   },
   "trace": {
     "backList": "Back To List",
@@ -4644,6 +4653,56 @@
     "saveDataError": "Failed to save data, please try again.",
     "title": "Update"
   },
+  "video": {
+    "delete": {
+      "error": {
+        "not_found": {
+          "description": "The video was not found remotely. It will only be deleted locally.",
+          "title": "Video not found."
+        }
+      }
+    },
+    "error": {
+      "create": "Failed to create video",
+      "download": "Failed to download video.",
+      "invalid": "Invalid video",
+      "load": {
+        "message": "Failed to load the video",
+        "reason": "The file may be corrupted or has been deleted externally."
+      }
+    },
+    "expired": "Expired",
+    "input_reference": {
+      "add": {
+        "error": {
+          "format": "Not a image",
+          "size": "This image is too large. It should be under 5MB."
+        },
+        "tooltip": "Add image reference"
+      }
+    },
+    "prompt": {
+      "placeholder": "describes the video to generate"
+    },
+    "seconds": "Seconds",
+    "size": "Size",
+    "status": {
+      "completed": "Generation Completed",
+      "downloading": "Downloading",
+      "failed": "Generation Failed",
+      "in_progress": "Generating",
+      "queued": "Queued"
+    },
+    "thumbnail": {
+      "error": {
+        "get": "Failed to get thumbnail"
+      },
+      "get": "Get thumbnail",
+      "placeholder": "No thumbnail"
+    },
+    "title": "Video",
+    "undefined": "No available video"
+  },
   "warning": {
     "missing_provider": "The supplier does not exist; reverted to the default supplier {{provider}}. This may cause issues."
   },
diff --git a/src/renderer/src/i18n/locales/zh-cn.json b/src/renderer/src/i18n/locales/zh-cn.json
index 2ae391419f..6afaa71862 100644
--- a/src/renderer/src/i18n/locales/zh-cn.json
+++ b/src/renderer/src/i18n/locales/zh-cn.json
@@ -970,6 +970,7 @@
     "delete_confirm": "确定要删除吗？",
     "delete_failed": "删除失败",
     "delete_success": "删除成功",
+    "deleting": "删除中...",
     "description": "描述",
     "detail": "详情",
     "disabled": "已禁用",
@@ -1014,10 +1015,12 @@
     "prompt": "提示词",
     "provider": "提供商",
     "reasoning_content": "已深度思考",
+    "redownload": "重新下载",
     "refresh": "刷新",
     "regenerate": "重新生成",
     "rename": "重命名",
     "reset": "重置",
+    "retry": "重试",
     "save": "保存",
     "saved": "已保存",
     "search": "搜索",
@@ -1025,6 +1028,7 @@
     "selected": "已选择",
     "selectedItems": "已选择 {{count}} 项",
     "selectedMessages": "选中 {{count}} 条消息",
+    "send": "发送",
     "settings": "设置",
     "sort": {
       "pinyin": {
@@ -1084,6 +1088,9 @@
     },
     "content": "内容",
     "data": "数据",
+    "delete": {
+      "failed": "删除失败"
+    },
     "detail": "错误详情",
     "details": "详细信息",
     "errors": "错误",
@@ -1191,7 +1198,8 @@
     "size": "大小",
     "text": "文本",
     "title": "文件",
-    "type": "类型"
+    "type": "类型",
+    "video": "视频"
   },
   "gpustack": {
     "keep_alive_time": {
@@ -4486,7 +4494,8 @@
     "paintings": "绘画",
     "settings": "设置",
     "store": "助手库",
-    "translate": "翻译"
+    "translate": "翻译",
+    "video": "视频"
   },
   "trace": {
     "backList": "返回列表",
@@ -4644,6 +4653,56 @@
     "saveDataError": "保存数据失败，请重试",
     "title": "更新提示"
   },
+  "video": {
+    "delete": {
+      "error": {
+        "not_found": {
+          "description": "远程未找到该视频，仅会删除本地记录。",
+          "title": "视频未找到"
+        }
+      }
+    },
+    "error": {
+      "create": "创建视频失败",
+      "download": "视频下载失败",
+      "invalid": "无效的视频",
+      "load": {
+        "message": "加载视频失败",
+        "reason": "文件可能已损坏或已被外部删除。"
+      }
+    },
+    "expired": "已过期",
+    "input_reference": {
+      "add": {
+        "error": {
+          "format": "需要上传图片格式的文件",
+          "size": "图片过大，应小于 5MB"
+        },
+        "tooltip": "添加图像参考"
+      }
+    },
+    "prompt": {
+      "placeholder": "描述要生成的视频"
+    },
+    "seconds": "秒数",
+    "size": "尺寸",
+    "status": {
+      "completed": "生成完成",
+      "downloading": "下载中",
+      "failed": "生成失败",
+      "in_progress": "生成中",
+      "queued": "排队中"
+    },
+    "thumbnail": {
+      "error": {
+        "get": "[to be translated]:Failed to get thumbnail"
+      },
+      "get": "[to be translated]:Get thumbnail",
+      "placeholder": "无缩略图"
+    },
+    "title": "视频",
+    "undefined": "无可用视频"
+  },
   "warning": {
     "missing_provider": "供应商不存在，已回退到默认供应商 {{provider}}。这可能导致问题。"
   },
diff --git a/src/renderer/src/i18n/locales/zh-tw.json b/src/renderer/src/i18n/locales/zh-tw.json
index 3e9f321f17..e4846ad870 100644
--- a/src/renderer/src/i18n/locales/zh-tw.json
+++ b/src/renderer/src/i18n/locales/zh-tw.json
@@ -970,6 +970,7 @@
     "delete_confirm": "確定要刪除嗎？",
     "delete_failed": "刪除失敗",
     "delete_success": "刪除成功",
+    "deleting": "[to be translated]:Deleting...",
     "description": "描述",
     "detail": "詳情",
     "disabled": "已停用",
@@ -1014,10 +1015,12 @@
     "prompt": "提示詞",
     "provider": "供應商",
     "reasoning_content": "已深度思考",
+    "redownload": "[to be translated]:Redownload",
     "refresh": "重新整理",
     "regenerate": "重新生成",
     "rename": "重新命名",
     "reset": "重設",
+    "retry": "[to be translated]:Retry",
     "save": "儲存",
     "saved": "已儲存",
     "search": "搜尋",
@@ -1025,6 +1028,7 @@
     "selected": "已選擇",
     "selectedItems": "已選擇 {{count}} 項",
     "selectedMessages": "選中 {{count}} 條訊息",
+    "send": "[to be translated]:Send",
     "settings": "設定",
     "sort": {
       "pinyin": {
@@ -1084,6 +1088,9 @@
     },
     "content": "內容",
     "data": "数据",
+    "delete": {
+      "failed": "[to be translated]:Failed to delete."
+    },
     "detail": "錯誤詳情",
     "details": "詳細信息",
     "errors": "錯誤",
@@ -1191,7 +1198,8 @@
     "size": "大小",
     "text": "文字",
     "title": "檔案",
-    "type": "類型"
+    "type": "類型",
+    "video": "[to be translated]:Video"
   },
   "gpustack": {
     "keep_alive_time": {
@@ -4486,7 +4494,8 @@
     "paintings": "繪畫",
     "settings": "設定",
     "store": "助手庫",
-    "translate": "翻譯"
+    "translate": "翻譯",
+    "video": "[to be translated]:Video"
   },
   "trace": {
     "backList": "返回清單",
@@ -4644,6 +4653,56 @@
     "saveDataError": "保存數據失敗，請重試",
     "title": "更新提示"
   },
+  "video": {
+    "delete": {
+      "error": {
+        "not_found": {
+          "description": "[to be translated]:The video was not found remotely. It will only be deleted locally.",
+          "title": "[to be translated]:Video not found."
+        }
+      }
+    },
+    "error": {
+      "create": "[to be translated]:Failed to create video",
+      "download": "[to be translated]:Failed to download video.",
+      "invalid": "[to be translated]:Invalid video",
+      "load": {
+        "message": "[to be translated]:Failed to load the video",
+        "reason": "[to be translated]:The file may be corrupted or has been deleted externally."
+      }
+    },
+    "expired": "[to be translated]:Expired",
+    "input_reference": {
+      "add": {
+        "error": {
+          "format": "[to be translated]:Not a image",
+          "size": "[to be translated]:This image is too large. It should be under 5MB."
+        },
+        "tooltip": "[to be translated]:Add image reference"
+      }
+    },
+    "prompt": {
+      "placeholder": "[to be translated]:describes the video to generate"
+    },
+    "seconds": "[to be translated]:Seconds",
+    "size": "[to be translated]:Size",
+    "status": {
+      "completed": "[to be translated]:Generation Completed",
+      "downloading": "[to be translated]:Downloading",
+      "failed": "[to be translated]:Failed to generate video",
+      "in_progress": "[to be translated]:Generating",
+      "queued": "[to be translated]:Queued"
+    },
+    "thumbnail": {
+      "error": {
+        "get": "[to be translated]:Failed to get thumbnail"
+      },
+      "get": "[to be translated]:Get thumbnail",
+      "placeholder": "[to be translated]:No thumbnail"
+    },
+    "title": "[to be translated]:Video",
+    "undefined": "[to be translated]:No available video"
+  },
   "warning": {
     "missing_provider": "供應商不存在，已回退到預設供應商 {{provider}}。這可能導致問題。"
   },
diff --git a/src/renderer/src/i18n/translate/el-gr.json b/src/renderer/src/i18n/translate/el-gr.json
index ed2ae1aee7..93dbebb957 100644
--- a/src/renderer/src/i18n/translate/el-gr.json
+++ b/src/renderer/src/i18n/translate/el-gr.json
@@ -970,6 +970,7 @@
     "delete_confirm": "Είστε βέβαιοι ότι θέλετε να διαγράψετε;",
     "delete_failed": "Αποτυχία διαγραφής",
     "delete_success": "Η διαγραφή ήταν επιτυχής",
+    "deleting": "[to be translated]:Deleting...",
     "description": "Περιγραφή",
     "detail": "Λεπτομέρειες",
     "disabled": "Απενεργοποιημένο",
@@ -1014,10 +1015,12 @@
     "prompt": "Ενδεικτικός ρήματος",
     "provider": "Παρέχων",
     "reasoning_content": "Έχει σκεφτεί πολύ καλά",
+    "redownload": "[to be translated]:Redownload",
     "refresh": "Ανανέωση",
     "regenerate": "Ξαναπαραγωγή",
     "rename": "Μετονομασία",
     "reset": "Επαναφορά",
+    "retry": "[to be translated]:Retry",
     "save": "Αποθήκευση",
     "saved": "Αποθηκεύτηκε",
     "search": "Αναζήτηση",
@@ -1025,6 +1028,7 @@
     "selected": "Επιλεγμένο",
     "selectedItems": "Επιλέχθηκαν {{count}} αντικείμενα",
     "selectedMessages": "Επιλέχθηκαν {{count}} μηνύματα",
+    "send": "[to be translated]:Send",
     "settings": "Ρυθμίσεις",
     "sort": {
       "pinyin": {
@@ -1084,6 +1088,9 @@
     },
     "content": "Περιεχόμενο",
     "data": "δεδομένα",
+    "delete": {
+      "failed": "[to be translated]:Failed to delete."
+    },
     "detail": "Λεπτομέρειες σφάλματος",
     "details": "Λεπτομέρειες",
     "errors": "Λάθος",
@@ -1191,7 +1198,8 @@
     "size": "Μέγεθος",
     "text": "Κείμενο",
     "title": "Αρχεία",
-    "type": "Τύπος"
+    "type": "Τύπος",
+    "video": "[to be translated]:Video"
   },
   "gpustack": {
     "keep_alive_time": {
@@ -4486,7 +4494,8 @@
     "paintings": "Ζωγραφική",
     "settings": "Ρυθμίσεις",
     "store": "Βιβλιοθήκη βοηθών",
-    "translate": "Μετάφραση"
+    "translate": "Μετάφραση",
+    "video": "[to be translated]:Video"
   },
   "trace": {
     "backList": "Επιστροφή στη λίστα",
@@ -4644,6 +4653,56 @@
     "saveDataError": "Η αποθήκευση των δεδομένων απέτυχε, δοκιμάστε ξανά",
     "title": "Ενημέρωση"
   },
+  "video": {
+    "delete": {
+      "error": {
+        "not_found": {
+          "description": "[to be translated]:The video was not found remotely. It will only be deleted locally.",
+          "title": "[to be translated]:Video not found."
+        }
+      }
+    },
+    "error": {
+      "create": "[to be translated]:Failed to create video",
+      "download": "[to be translated]:Failed to download video.",
+      "invalid": "[to be translated]:Invalid video",
+      "load": {
+        "message": "[to be translated]:Failed to load the video",
+        "reason": "[to be translated]:The file may be corrupted or has been deleted externally."
+      }
+    },
+    "expired": "[to be translated]:Expired",
+    "input_reference": {
+      "add": {
+        "error": {
+          "format": "[to be translated]:Not a image",
+          "size": "[to be translated]:This image is too large. It should be under 5MB."
+        },
+        "tooltip": "[to be translated]:Add image reference"
+      }
+    },
+    "prompt": {
+      "placeholder": "[to be translated]:describes the video to generate"
+    },
+    "seconds": "[to be translated]:Seconds",
+    "size": "[to be translated]:Size",
+    "status": {
+      "completed": "[to be translated]:Generation Completed",
+      "downloading": "[to be translated]:Downloading",
+      "failed": "[to be translated]:Failed to generate video",
+      "in_progress": "[to be translated]:Generating",
+      "queued": "[to be translated]:Queued"
+    },
+    "thumbnail": {
+      "error": {
+        "get": "[to be translated]:Failed to get thumbnail"
+      },
+      "get": "[to be translated]:Get thumbnail",
+      "placeholder": "[to be translated]:No thumbnail"
+    },
+    "title": "[to be translated]:Video",
+    "undefined": "[to be translated]:No available video"
+  },
   "warning": {
     "missing_provider": "Ο προμηθευτής δεν υπάρχει, έγινε επαναφορά στον προεπιλεγμένο προμηθευτή {{provider}}. Αυτό μπορεί να προκαλέσει προβλήματα."
   },
diff --git a/src/renderer/src/i18n/translate/es-es.json b/src/renderer/src/i18n/translate/es-es.json
index eeb943c39f..9007ce4198 100644
--- a/src/renderer/src/i18n/translate/es-es.json
+++ b/src/renderer/src/i18n/translate/es-es.json
@@ -970,6 +970,7 @@
     "delete_confirm": "¿Está seguro de que desea eliminarlo?",
     "delete_failed": "Error al eliminar",
     "delete_success": "Eliminación exitosa",
+    "deleting": "[to be translated]:Deleting...",
     "description": "Descripción",
     "detail": "Detalles",
     "disabled": "Desactivado",
@@ -1014,10 +1015,12 @@
     "prompt": "Prompt",
     "provider": "Proveedor",
     "reasoning_content": "Pensamiento profundo",
+    "redownload": "[to be translated]:Redownload",
     "refresh": "Actualizar",
     "regenerate": "Regenerar",
     "rename": "Renombrar",
     "reset": "Restablecer",
+    "retry": "[to be translated]:Retry",
     "save": "Guardar",
     "saved": "Guardado",
     "search": "Buscar",
@@ -1025,6 +1028,7 @@
     "selected": "Seleccionado",
     "selectedItems": "{{count}} elementos seleccionados",
     "selectedMessages": "{{count}} mensajes seleccionados",
+    "send": "[to be translated]:Send",
     "settings": "Configuración",
     "sort": {
       "pinyin": {
@@ -1084,6 +1088,9 @@
     },
     "content": "contenido",
     "data": "datos",
+    "delete": {
+      "failed": "[to be translated]:Failed to delete."
+    },
     "detail": "Detalles del error",
     "details": "Detalles",
     "errors": "error",
@@ -1191,7 +1198,8 @@
     "size": "Tamaño",
     "text": "Texto",
     "title": "Archivo",
-    "type": "Tipo"
+    "type": "Tipo",
+    "video": "[to be translated]:Video"
   },
   "gpustack": {
     "keep_alive_time": {
@@ -4486,7 +4494,8 @@
     "paintings": "Pinturas",
     "settings": "Configuración",
     "store": "Biblioteca de asistentes",
-    "translate": "Traducir"
+    "translate": "Traducir",
+    "video": "[to be translated]:Video"
   },
   "trace": {
     "backList": "Volver a la lista",
@@ -4644,6 +4653,56 @@
     "saveDataError": "Error al guardar los datos, inténtalo de nuevo",
     "title": "Actualización"
   },
+  "video": {
+    "delete": {
+      "error": {
+        "not_found": {
+          "description": "[to be translated]:The video was not found remotely. It will only be deleted locally.",
+          "title": "[to be translated]:Video not found."
+        }
+      }
+    },
+    "error": {
+      "create": "[to be translated]:Failed to create video",
+      "download": "[to be translated]:Failed to download video.",
+      "invalid": "[to be translated]:Invalid video",
+      "load": {
+        "message": "[to be translated]:Failed to load the video",
+        "reason": "[to be translated]:The file may be corrupted or has been deleted externally."
+      }
+    },
+    "expired": "[to be translated]:Expired",
+    "input_reference": {
+      "add": {
+        "error": {
+          "format": "[to be translated]:Not a image",
+          "size": "[to be translated]:This image is too large. It should be under 5MB."
+        },
+        "tooltip": "[to be translated]:Add image reference"
+      }
+    },
+    "prompt": {
+      "placeholder": "[to be translated]:describes the video to generate"
+    },
+    "seconds": "[to be translated]:Seconds",
+    "size": "[to be translated]:Size",
+    "status": {
+      "completed": "[to be translated]:Generation Completed",
+      "downloading": "[to be translated]:Downloading",
+      "failed": "[to be translated]:Failed to generate video",
+      "in_progress": "[to be translated]:Generating",
+      "queued": "[to be translated]:Queued"
+    },
+    "thumbnail": {
+      "error": {
+        "get": "[to be translated]:Failed to get thumbnail"
+      },
+      "get": "[to be translated]:Get thumbnail",
+      "placeholder": "[to be translated]:No thumbnail"
+    },
+    "title": "[to be translated]:Video",
+    "undefined": "[to be translated]:No available video"
+  },
   "warning": {
     "missing_provider": "El proveedor no existe, se ha revertido al proveedor predeterminado {{provider}}. Esto podría causar problemas."
   },
diff --git a/src/renderer/src/i18n/translate/fr-fr.json b/src/renderer/src/i18n/translate/fr-fr.json
index b0e4a1afed..1b7f23c6c7 100644
--- a/src/renderer/src/i18n/translate/fr-fr.json
+++ b/src/renderer/src/i18n/translate/fr-fr.json
@@ -970,6 +970,7 @@
     "delete_confirm": "Êtes-vous sûr de vouloir supprimer ?",
     "delete_failed": "Échec de la suppression",
     "delete_success": "Suppression réussie",
+    "deleting": "[to be translated]:Deleting...",
     "description": "Description",
     "detail": "détails",
     "disabled": "Désactivé",
@@ -1014,10 +1015,12 @@
     "prompt": "Prompt",
     "provider": "Fournisseur",
     "reasoning_content": "Réflexion approfondie",
+    "redownload": "[to be translated]:Redownload",
     "refresh": "Actualiser",
     "regenerate": "Regénérer",
     "rename": "Renommer",
     "reset": "Réinitialiser",
+    "retry": "[to be translated]:Retry",
     "save": "Enregistrer",
     "saved": "enregistré",
     "search": "Rechercher",
@@ -1025,6 +1028,7 @@
     "selected": "Sélectionné",
     "selectedItems": "{{count}} éléments sélectionnés",
     "selectedMessages": "{{count}} messages sélectionnés",
+    "send": "[to be translated]:Send",
     "settings": "Paramètres",
     "sort": {
       "pinyin": {
@@ -1084,6 +1088,9 @@
     },
     "content": "suivre l'instruction du système",
     "data": "données",
+    "delete": {
+      "failed": "[to be translated]:Failed to delete."
+    },
     "detail": "Détails de l'erreur",
     "details": "Informations détaillées",
     "errors": "erreur",
@@ -1191,7 +1198,8 @@
     "size": "Taille",
     "text": "Texte",
     "title": "Fichier",
-    "type": "Type"
+    "type": "Type",
+    "video": "[to be translated]:Video"
   },
   "gpustack": {
     "keep_alive_time": {
@@ -4486,7 +4494,8 @@
     "paintings": "Peintures",
     "settings": "Paramètres",
     "store": "Bibliothèque d'assistants",
-    "translate": "Traduire"
+    "translate": "Traduire",
+    "video": "[to be translated]:Video"
   },
   "trace": {
     "backList": "Retour à la liste",
@@ -4644,6 +4653,56 @@
     "saveDataError": "Échec de la sauvegarde des données, veuillez réessayer",
     "title": "Mise à jour"
   },
+  "video": {
+    "delete": {
+      "error": {
+        "not_found": {
+          "description": "[to be translated]:The video was not found remotely. It will only be deleted locally.",
+          "title": "[to be translated]:Video not found."
+        }
+      }
+    },
+    "error": {
+      "create": "[to be translated]:Failed to create video",
+      "download": "[to be translated]:Failed to download video.",
+      "invalid": "[to be translated]:Invalid video",
+      "load": {
+        "message": "[to be translated]:Failed to load the video",
+        "reason": "[to be translated]:The file may be corrupted or has been deleted externally."
+      }
+    },
+    "expired": "[to be translated]:Expired",
+    "input_reference": {
+      "add": {
+        "error": {
+          "format": "[to be translated]:Not a image",
+          "size": "[to be translated]:This image is too large. It should be under 5MB."
+        },
+        "tooltip": "[to be translated]:Add image reference"
+      }
+    },
+    "prompt": {
+      "placeholder": "[to be translated]:describes the video to generate"
+    },
+    "seconds": "[to be translated]:Seconds",
+    "size": "[to be translated]:Size",
+    "status": {
+      "completed": "[to be translated]:Generation Completed",
+      "downloading": "[to be translated]:Downloading",
+      "failed": "[to be translated]:Failed to generate video",
+      "in_progress": "[to be translated]:Generating",
+      "queued": "[to be translated]:Queued"
+    },
+    "thumbnail": {
+      "error": {
+        "get": "[to be translated]:Failed to get thumbnail"
+      },
+      "get": "[to be translated]:Get thumbnail",
+      "placeholder": "[to be translated]:No thumbnail"
+    },
+    "title": "[to be translated]:Video",
+    "undefined": "[to be translated]:No available video"
+  },
   "warning": {
     "missing_provider": "Le fournisseur n’existe pas, retour au fournisseur par défaut {{provider}}. Cela peut entraîner des problèmes."
   },
diff --git a/src/renderer/src/i18n/translate/ja-jp.json b/src/renderer/src/i18n/translate/ja-jp.json
index 7d07988276..eae9815bff 100644
--- a/src/renderer/src/i18n/translate/ja-jp.json
+++ b/src/renderer/src/i18n/translate/ja-jp.json
@@ -970,6 +970,7 @@
     "delete_confirm": "削除してもよろしいですか？",
     "delete_failed": "削除に失敗しました",
     "delete_success": "削除に成功しました",
+    "deleting": "[to be translated]:Deleting...",
     "description": "説明",
     "detail": "詳細",
     "disabled": "無効",
@@ -1014,10 +1015,12 @@
     "prompt": "プロンプト",
     "provider": "プロバイダー",
     "reasoning_content": "深く考察済み",
+    "redownload": "[to be translated]:Redownload",
     "refresh": "更新",
     "regenerate": "再生成",
     "rename": "名前を変更",
     "reset": "リセット",
+    "retry": "[to be translated]:Retry",
     "save": "保存",
     "saved": "保存されました",
     "search": "検索",
@@ -1025,6 +1028,7 @@
     "selected": "選択済み",
     "selectedItems": "{{count}}件の項目を選択しました",
     "selectedMessages": "{{count}}件のメッセージを選択しました",
+    "send": "[to be translated]:Send",
     "settings": "設定",
     "sort": {
       "pinyin": {
@@ -1084,6 +1088,9 @@
     },
     "content": "内容",
     "data": "データ",
+    "delete": {
+      "failed": "[to be translated]:Failed to delete."
+    },
     "detail": "エラーの詳細",
     "details": "詳細",
     "errors": "エラー",
@@ -1191,7 +1198,8 @@
     "size": "サイズ",
     "text": "テキスト",
     "title": "ファイル",
-    "type": "タイプ"
+    "type": "タイプ",
+    "video": "[to be translated]:Video"
   },
   "gpustack": {
     "keep_alive_time": {
@@ -4486,7 +4494,8 @@
     "paintings": "ペインティング",
     "settings": "設定",
     "store": "アシスタントライブラリ",
-    "translate": "翻訳"
+    "translate": "翻訳",
+    "video": "[to be translated]:Video"
   },
   "trace": {
     "backList": "リストに戻る",
@@ -4644,6 +4653,56 @@
     "saveDataError": "データの保存に失敗しました。もう一度お試しください。",
     "title": "更新"
   },
+  "video": {
+    "delete": {
+      "error": {
+        "not_found": {
+          "description": "[to be translated]:The video was not found remotely. It will only be deleted locally.",
+          "title": "[to be translated]:Video not found."
+        }
+      }
+    },
+    "error": {
+      "create": "[to be translated]:Failed to create video",
+      "download": "[to be translated]:Failed to download video.",
+      "invalid": "[to be translated]:Invalid video",
+      "load": {
+        "message": "[to be translated]:Failed to load the video",
+        "reason": "[to be translated]:The file may be corrupted or has been deleted externally."
+      }
+    },
+    "expired": "[to be translated]:Expired",
+    "input_reference": {
+      "add": {
+        "error": {
+          "format": "[to be translated]:Not a image",
+          "size": "[to be translated]:This image is too large. It should be under 5MB."
+        },
+        "tooltip": "[to be translated]:Add image reference"
+      }
+    },
+    "prompt": {
+      "placeholder": "[to be translated]:describes the video to generate"
+    },
+    "seconds": "[to be translated]:Seconds",
+    "size": "[to be translated]:Size",
+    "status": {
+      "completed": "[to be translated]:Generation Completed",
+      "downloading": "[to be translated]:Downloading",
+      "failed": "[to be translated]:Failed to generate video",
+      "in_progress": "[to be translated]:Generating",
+      "queued": "[to be translated]:Queued"
+    },
+    "thumbnail": {
+      "error": {
+        "get": "[to be translated]:Failed to get thumbnail"
+      },
+      "get": "[to be translated]:Get thumbnail",
+      "placeholder": "[to be translated]:No thumbnail"
+    },
+    "title": "[to be translated]:Video",
+    "undefined": "[to be translated]:No available video"
+  },
   "warning": {
     "missing_provider": "サプライヤーが存在しないため、デフォルトのサプライヤー {{provider}} にロールバックされました。これにより問題が発生する可能性があります。"
   },
diff --git a/src/renderer/src/i18n/translate/pt-pt.json b/src/renderer/src/i18n/translate/pt-pt.json
index e4707b846d..b26c85e5d7 100644
--- a/src/renderer/src/i18n/translate/pt-pt.json
+++ b/src/renderer/src/i18n/translate/pt-pt.json
@@ -970,6 +970,7 @@
     "delete_confirm": "Tem certeza de que deseja excluir?",
     "delete_failed": "Falha ao excluir",
     "delete_success": "Excluído com sucesso",
+    "deleting": "[to be translated]:Deleting...",
     "description": "Descrição",
     "detail": "detalhes",
     "disabled": "Desativado",
@@ -1014,10 +1015,12 @@
     "prompt": "Prompt",
     "provider": "Fornecedor",
     "reasoning_content": "Pensamento profundo concluído",
+    "redownload": "[to be translated]:Redownload",
     "refresh": "Atualizar",
     "regenerate": "Regenerar",
     "rename": "Renomear",
     "reset": "Redefinir",
+    "retry": "[to be translated]:Retry",
     "save": "Salvar",
     "saved": "Guardado",
     "search": "Pesquisar",
@@ -1025,6 +1028,7 @@
     "selected": "Selecionado",
     "selectedItems": "{{count}} itens selecionados",
     "selectedMessages": "{{count}} mensagens selecionadas",
+    "send": "[to be translated]:Send",
     "settings": "Configurações",
     "sort": {
       "pinyin": {
@@ -1084,6 +1088,9 @@
     },
     "content": "conteúdo",
     "data": "dados",
+    "delete": {
+      "failed": "[to be translated]:Failed to delete."
+    },
     "detail": "Detalhes do erro",
     "details": "Detalhes",
     "errors": "erro",
@@ -1191,7 +1198,8 @@
     "size": "Tamanho",
     "text": "Texto",
     "title": "Arquivo",
-    "type": "Tipo"
+    "type": "Tipo",
+    "video": "[to be translated]:Video"
   },
   "gpustack": {
     "keep_alive_time": {
@@ -4486,7 +4494,8 @@
     "paintings": "Pinturas",
     "settings": "Configurações",
     "store": "Biblioteca de assistentes",
-    "translate": "Traduzir"
+    "translate": "Traduzir",
+    "video": "[to be translated]:Video"
   },
   "trace": {
     "backList": "Voltar à lista",
@@ -4644,6 +4653,56 @@
     "saveDataError": "Falha ao salvar os dados, tente novamente",
     "title": "Atualização"
   },
+  "video": {
+    "delete": {
+      "error": {
+        "not_found": {
+          "description": "[to be translated]:The video was not found remotely. It will only be deleted locally.",
+          "title": "[to be translated]:Video not found."
+        }
+      }
+    },
+    "error": {
+      "create": "[to be translated]:Failed to create video",
+      "download": "[to be translated]:Failed to download video.",
+      "invalid": "[to be translated]:Invalid video",
+      "load": {
+        "message": "[to be translated]:Failed to load the video",
+        "reason": "[to be translated]:The file may be corrupted or has been deleted externally."
+      }
+    },
+    "expired": "[to be translated]:Expired",
+    "input_reference": {
+      "add": {
+        "error": {
+          "format": "[to be translated]:Not a image",
+          "size": "[to be translated]:This image is too large. It should be under 5MB."
+        },
+        "tooltip": "[to be translated]:Add image reference"
+      }
+    },
+    "prompt": {
+      "placeholder": "[to be translated]:describes the video to generate"
+    },
+    "seconds": "[to be translated]:Seconds",
+    "size": "[to be translated]:Size",
+    "status": {
+      "completed": "[to be translated]:Generation Completed",
+      "downloading": "[to be translated]:Downloading",
+      "failed": "[to be translated]:Failed to generate video",
+      "in_progress": "[to be translated]:Generating",
+      "queued": "[to be translated]:Queued"
+    },
+    "thumbnail": {
+      "error": {
+        "get": "[to be translated]:Failed to get thumbnail"
+      },
+      "get": "[to be translated]:Get thumbnail",
+      "placeholder": "[to be translated]:No thumbnail"
+    },
+    "title": "[to be translated]:Video",
+    "undefined": "[to be translated]:No available video"
+  },
   "warning": {
     "missing_provider": "O fornecedor não existe; foi revertido para o fornecedor predefinido {{provider}}. Isto pode causar problemas."
   },
diff --git a/src/renderer/src/i18n/translate/ru-ru.json b/src/renderer/src/i18n/translate/ru-ru.json
index d4c631d81c..a3e0508047 100644
--- a/src/renderer/src/i18n/translate/ru-ru.json
+++ b/src/renderer/src/i18n/translate/ru-ru.json
@@ -970,6 +970,7 @@
     "delete_confirm": "Вы уверены, что хотите удалить?",
     "delete_failed": "Не удалось удалить",
     "delete_success": "Удаление выполнено успешно",
+    "deleting": "[to be translated]:Deleting...",
     "description": "Описание",
     "detail": "Подробности",
     "disabled": "Отключено",
@@ -1014,10 +1015,12 @@
     "prompt": "Промпт",
     "provider": "Провайдер",
     "reasoning_content": "Глубокий анализ",
+    "redownload": "[to be translated]:Redownload",
     "refresh": "Обновить",
     "regenerate": "Пересоздать",
     "rename": "Переименовать",
     "reset": "Сбросить",
+    "retry": "[to be translated]:Retry",
     "save": "Сохранить",
     "saved": "Сохранено",
     "search": "Поиск",
@@ -1025,6 +1028,7 @@
     "selected": "Выбрано",
     "selectedItems": "Выбрано {{count}} элементов",
     "selectedMessages": "Выбрано {{count}} сообщений",
+    "send": "[to be translated]:Send",
     "settings": "Настройки",
     "sort": {
       "pinyin": {
@@ -1084,6 +1088,9 @@
     },
     "content": "Содержание",
     "data": "данные",
+    "delete": {
+      "failed": "[to be translated]:Failed to delete."
+    },
     "detail": "Детали ошибки",
     "details": "Подробности",
     "errors": "ошибка",
@@ -1191,7 +1198,8 @@
     "size": "Размер",
     "text": "Текст",
     "title": "Файлы",
-    "type": "Тип"
+    "type": "Тип",
+    "video": "[to be translated]:Video"
   },
   "gpustack": {
     "keep_alive_time": {
@@ -4486,7 +4494,8 @@
     "paintings": "Рисунки",
     "settings": "Настройки",
     "store": "Библиотека помощников",
-    "translate": "Перевод"
+    "translate": "Перевод",
+    "video": "[to be translated]:Video"
   },
   "trace": {
     "backList": "Вернуться к списку",
@@ -4644,6 +4653,56 @@
     "saveDataError": "Ошибка сохранения данных, повторите попытку",
     "title": "Обновление"
   },
+  "video": {
+    "delete": {
+      "error": {
+        "not_found": {
+          "description": "[to be translated]:The video was not found remotely. It will only be deleted locally.",
+          "title": "[to be translated]:Video not found."
+        }
+      }
+    },
+    "error": {
+      "create": "[to be translated]:Failed to create video",
+      "download": "[to be translated]:Failed to download video.",
+      "invalid": "[to be translated]:Invalid video",
+      "load": {
+        "message": "[to be translated]:Failed to load the video",
+        "reason": "[to be translated]:The file may be corrupted or has been deleted externally."
+      }
+    },
+    "expired": "[to be translated]:Expired",
+    "input_reference": {
+      "add": {
+        "error": {
+          "format": "[to be translated]:Not a image",
+          "size": "[to be translated]:This image is too large. It should be under 5MB."
+        },
+        "tooltip": "[to be translated]:Add image reference"
+      }
+    },
+    "prompt": {
+      "placeholder": "[to be translated]:describes the video to generate"
+    },
+    "seconds": "[to be translated]:Seconds",
+    "size": "[to be translated]:Size",
+    "status": {
+      "completed": "[to be translated]:Generation Completed",
+      "downloading": "[to be translated]:Downloading",
+      "failed": "[to be translated]:Failed to generate video",
+      "in_progress": "[to be translated]:Generating",
+      "queued": "[to be translated]:Queued"
+    },
+    "thumbnail": {
+      "error": {
+        "get": "[to be translated]:Failed to get thumbnail"
+      },
+      "get": "[to be translated]:Get thumbnail",
+      "placeholder": "[to be translated]:No thumbnail"
+    },
+    "title": "[to be translated]:Video",
+    "undefined": "[to be translated]:No available video"
+  },
   "warning": {
     "missing_provider": "Поставщик не существует, возвращение к поставщику по умолчанию {{provider}}. Это может привести к проблемам."
   },
diff --git a/src/renderer/src/pages/files/FilesPage.tsx b/src/renderer/src/pages/files/FilesPage.tsx
index 3265b20476..dfdb95f444 100644
--- a/src/renderer/src/pages/files/FilesPage.tsx
+++ b/src/renderer/src/pages/files/FilesPage.tsx
@@ -22,7 +22,8 @@ import {
   File as FileIcon,
   FileImage,
   FileText,
-  FileType as FileTypeIcon
+  FileType as FileTypeIcon,
+  FileVideo
 } from 'lucide-react'
 import type { FC } from 'react'
 import { useEffect, useState } from 'react'
@@ -142,6 +143,7 @@ const FilesPage: FC = () => {
     { key: FileTypes.DOCUMENT, label: t('files.document'), icon: <FileIcon size={16} /> },
     { key: FileTypes.IMAGE, label: t('files.image'), icon: <FileImage size={16} /> },
     { key: FileTypes.TEXT, label: t('files.text'), icon: <FileTypeIcon size={16} /> },
+    { key: FileTypes.VIDEO, label: t('files.video'), icon: <FileVideo size={16} /> },
     { key: 'all', label: t('files.all'), icon: <FileText size={16} /> }
   ]
 
diff --git a/src/renderer/src/pages/launchpad/LaunchpadPage.tsx b/src/renderer/src/pages/launchpad/LaunchpadPage.tsx
index f9c80f6aec..4d7acdc568 100644
--- a/src/renderer/src/pages/launchpad/LaunchpadPage.tsx
+++ b/src/renderer/src/pages/launchpad/LaunchpadPage.tsx
@@ -1,7 +1,7 @@
 import App from '@renderer/components/MinApp/MinApp'
 import { useMinapps } from '@renderer/hooks/useMinapps'
 import { useSettings } from '@renderer/hooks/useSettings'
-import { Code, FileSearch, Folder, Languages, LayoutGrid, NotepadText, Palette, Sparkle } from 'lucide-react'
+import { Code, FileSearch, Folder, Languages, LayoutGrid, NotepadText, Palette, Sparkle, Video } from 'lucide-react'
 import type { FC } from 'react'
 import { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
@@ -62,6 +62,12 @@ const LaunchpadPage: FC = () => {
       text: t('title.notes'),
       path: '/notes',
       bgColor: 'linear-gradient(135deg, #F97316, #FB923C)' // 笔记：橙色，代表活力和清晰思路
+    },
+    {
+      icon: <Video size={32} className="icon" />,
+      text: t('title.video'),
+      path: '/video',
+      bgColor: 'linear-gradient(135deg, #7C3AED, #A78BFA)' // Video Generation: deep purple, representing creativity and dynamic media
     }
   ]
 
diff --git a/src/renderer/src/pages/settings/DisplaySettings/SidebarIconsManager.tsx b/src/renderer/src/pages/settings/DisplaySettings/SidebarIconsManager.tsx
index f1be291937..783b9e622b 100644
--- a/src/renderer/src/pages/settings/DisplaySettings/SidebarIconsManager.tsx
+++ b/src/renderer/src/pages/settings/DisplaySettings/SidebarIconsManager.tsx
@@ -12,7 +12,8 @@ import {
   MessageSquareQuote,
   NotepadText,
   Palette,
-  Sparkle
+  Sparkle,
+  Video
 } from 'lucide-react'
 import type { FC } from 'react'
 import { useCallback, useMemo } from 'react'
@@ -112,7 +113,8 @@ const SidebarIconsManager: FC<SidebarIconsManagerProps> = ({
       knowledge: <FileSearch size={16} />,
       files: <Folder size={16} />,
       notes: <NotepadText size={16} />,
-      code_tools: <Code size={16} />
+      code_tools: <Code size={16} />,
+      video: <Video size={16} />
     }),
     []
   )
diff --git a/src/renderer/src/pages/video/VideoList.tsx b/src/renderer/src/pages/video/VideoList.tsx
new file mode 100644
index 0000000000..bb578f6336
--- /dev/null
+++ b/src/renderer/src/pages/video/VideoList.tsx
@@ -0,0 +1,35 @@
+import { Video } from '@renderer/types'
+import { PlusIcon } from 'lucide-react'
+
+import { VideoListItem } from './VideoListItem'
+
+export type VideoListProps = {
+  videos: Video[]
+  activeVideoId?: string
+  setActiveVideoId: (id: string | undefined) => void
+  onDelete: (id: string) => void
+  onGetThumbnail: (id: string) => void
+}
+
+export const VideoList = ({ videos, activeVideoId, setActiveVideoId, onDelete, onGetThumbnail }: VideoListProps) => {
+  return (
+    <div className="flex w-40 flex-col gap-1 space-y-3 overflow-auto p-2">
+      <div
+        className="group relative flex aspect-square cursor-pointer items-center justify-center rounded-xl border-2 transition-all hover:scale-105 hover:shadow-lg"
+        onClick={() => setActiveVideoId(undefined)}>
+        <PlusIcon size={24} />
+      </div>
+      {/* {mockVideos.map((video) => ( */}
+      {videos.map((video) => (
+        <VideoListItem
+          key={video.id}
+          video={video}
+          isActive={activeVideoId === video.id}
+          onClick={() => setActiveVideoId(video.id)}
+          onDelete={() => onDelete(video.id)}
+          onGetThhumbnail={() => onGetThumbnail(video.id)}
+        />
+      ))}
+    </div>
+  )
+}
diff --git a/src/renderer/src/pages/video/VideoListItem.tsx b/src/renderer/src/pages/video/VideoListItem.tsx
new file mode 100644
index 0000000000..f485502ac8
--- /dev/null
+++ b/src/renderer/src/pages/video/VideoListItem.tsx
@@ -0,0 +1,158 @@
+import { cn, Progress, Spinner } from '@heroui/react'
+import { DeleteIcon } from '@renderer/components/Icons'
+import { Video } from '@renderer/types/video'
+import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuTrigger } from '@renderer/ui/context-menu'
+import { CheckCircleIcon, CircleXIcon, ClockIcon, DownloadIcon, ImageDownIcon } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+
+export const VideoListItem = ({
+  video,
+  isActive,
+  onClick,
+  onDelete,
+  onGetThhumbnail
+}: {
+  video: Video
+  isActive: boolean
+  onClick: () => void
+  onDelete: () => void
+  onGetThhumbnail: () => void
+}) => {
+  const { t } = useTranslation()
+
+  const getStatusIcon = () => {
+    switch (video.status) {
+      case 'queued':
+        return <ClockIcon size={20} className="text-default-500" />
+      case 'in_progress':
+        return <Spinner size="sm" color="primary" />
+      case 'completed':
+        return <CheckCircleIcon size={20} className="text-success" />
+      case 'downloading':
+        return <DownloadIcon size={20} className="text-primary" />
+      case 'downloaded':
+        return null // No indicator for downloaded state
+      case 'failed':
+        return <CircleXIcon size={20} className="text-danger" />
+      default:
+        return null
+    }
+  }
+
+  const getStatusColor = () => {
+    switch (video.status) {
+      case 'queued':
+        return 'bg-default-100'
+      case 'in_progress':
+        return 'bg-primary-50'
+      case 'completed':
+        return 'bg-success-50'
+      case 'downloading':
+        return 'bg-primary-50'
+      case 'downloaded':
+        return 'bg-success-50'
+      case 'failed':
+        return 'bg-danger-50'
+      default:
+        return 'bg-default-50'
+    }
+  }
+
+  const getStatusLabel = () => {
+    switch (video.status) {
+      case 'queued':
+        return t('video.status.queued')
+      case 'in_progress':
+        return t('video.status.in_progress')
+      case 'completed':
+        return t('video.status.completed')
+      case 'downloading':
+        return t('video.status.downloading')
+      case 'downloaded':
+        return ''
+      case 'failed':
+        return t('video.status.failed')
+      default:
+        return ''
+    }
+  }
+
+  const showProgress = video.status === 'in_progress' || video.status === 'downloading'
+  const showThumbnail =
+    (video.status === 'completed' || video.status === 'downloading' || video.status === 'downloaded') &&
+    video.thumbnail !== null
+
+  return (
+    <ContextMenu>
+      <ContextMenuTrigger>
+        <div
+          className={cn(
+            `group relative aspect-square cursor-pointer overflow-hidden rounded-xl border-2 transition-all hover:scale-105 hover:shadow-lg ${getStatusColor()}`,
+            isActive ? 'border-primary' : undefined
+          )}
+          onClick={onClick}>
+          {/* Thumbnail placeholder */}
+          <div className="absolute inset-0 flex items-center justify-center bg-gradient-to-br from-default-100 to-default-200">
+            {showThumbnail ? (
+              <img src={video.thumbnail ?? ''} alt="Video thumbnail" className="h-full w-full object-cover" />
+            ) : (
+              <div className="flex flex-col items-center gap-2 text-default-400">
+                <div className="text-2xl">🎬</div>
+              </div>
+            )}
+          </div>
+
+          {/* Status overlay */}
+          <div className="absolute inset-0 bg-black/20 opacity-0 transition-opacity group-hover:opacity-100" />
+
+          {/* Status indicator */}
+          {getStatusIcon() && (
+            <div className="absolute top-2 right-2 flex items-center gap-1 rounded-full bg-white/90 px-2 py-1 backdrop-blur-sm">
+              {getStatusIcon()}
+              <span className="font-medium text-black text-xs">{getStatusLabel()}</span>
+            </div>
+          )}
+
+          {/* Progress bar for in_progress and downloading states */}
+          {showProgress && (
+            <div className="absolute right-0 bottom-0 left-0 p-2">
+              <Progress
+                aria-label="progress bar"
+                size="sm"
+                value={video.progress}
+                color={video.status === 'downloading' ? 'primary' : 'primary'}
+                className="w-full"
+                showValueLabel={false}
+              />
+            </div>
+          )}
+
+          {/* Video info overlay */}
+          <div className="absolute right-0 bottom-0 left-0 bg-gradient-to-t from-black/60 to-transparent p-3 pt-6 opacity-0 transition-opacity group-hover:opacity-100">
+            <div className="text-white">
+              <p className="truncate font-medium text-sm">{video.metadata.id}</p>
+              {video.prompt && <p className="mt-1 line-clamp-2 text-xs opacity-80">{video.prompt}</p>}
+            </div>
+          </div>
+
+          {/* Failed state overlay */}
+          {video.status === 'failed' && (
+            <div className="absolute inset-0 flex items-center justify-center bg-danger/10"></div>
+          )}
+        </div>
+      </ContextMenuTrigger>
+      <ContextMenuContent>
+        {video.thumbnail === null && (
+          <ContextMenuItem onSelect={onGetThhumbnail}>
+            <ImageDownIcon />
+            <span>{t('video.thumbnail.get')}</span>
+          </ContextMenuItem>
+        )}
+        <ContextMenuItem onSelect={onDelete}>
+          <DeleteIcon className="text-danger" />
+          <span className="text-danger">{t('common.delete')}</span>
+        </ContextMenuItem>
+      </ContextMenuContent>
+    </ContextMenu>
+  )
+}
diff --git a/src/renderer/src/pages/video/VideoPage.tsx b/src/renderer/src/pages/video/VideoPage.tsx
new file mode 100644
index 0000000000..7fd7daee4d
--- /dev/null
+++ b/src/renderer/src/pages/video/VideoPage.tsx
@@ -0,0 +1,160 @@
+// interface VideoPageProps {}
+
+import { Divider } from '@heroui/react'
+import { Navbar, NavbarCenter } from '@renderer/components/app/Navbar'
+import { usePending } from '@renderer/hooks/usePending'
+import { useProvider } from '@renderer/hooks/useProvider'
+import { useProviderVideos } from '@renderer/hooks/video/useProviderVideos'
+import { useVideoThumbnail } from '@renderer/hooks/video/useVideoThumbnail'
+import { deleteVideo } from '@renderer/services/ApiService'
+import { SystemProviderIds } from '@renderer/types'
+import { CreateVideoParams } from '@renderer/types/video'
+import { getErrorMessage } from '@renderer/utils'
+import { deepUpdate } from '@renderer/utils/deepUpdate'
+import { isVideoModel } from '@renderer/utils/model/video'
+import { DeepPartial } from 'ai'
+import { useCallback, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+
+import { ModelSetting } from './settings/ModelSetting'
+import { OpenAIParamSettings } from './settings/OpenAIParamSettings'
+import { ProviderSetting } from './settings/ProviderSetting'
+import { SettingsGroup } from './settings/shared'
+import { VideoList } from './VideoList'
+import { VideoPanel } from './VideoPanel'
+
+export const VideoPage = () => {
+  const { t } = useTranslation()
+  const [providerId, setProviderId] = useState<string>(SystemProviderIds.openai)
+  const { provider } = useProvider(providerId)
+  const [params, setParams] = useState<CreateVideoParams>({
+    type: 'openai',
+    provider,
+    params: {
+      model: 'sora-2',
+      prompt: ''
+    },
+    options: {}
+  })
+  const { videos, removeVideo, getVideo, updateVideo } = useProviderVideos(providerId)
+  // const activeVideo = useMemo(() => mockVideos.find((v) => v.id === activeVideoId), [activeVideoId])
+  const [activeVideoId, setActiveVideoId] = useState<string>()
+  const activeVideo = useMemo(() => videos.find((v) => v.id === activeVideoId), [activeVideoId, videos])
+  const { setPending } = usePending()
+  const { removeThumbnail, retrieveThumbnail } = useVideoThumbnail()
+
+  const updateParams = useCallback((update: DeepPartial<Omit<CreateVideoParams, 'type'>>) => {
+    setParams((prev) => deepUpdate<CreateVideoParams>(prev, update))
+  }, [])
+
+  const updateModelId = useCallback(
+    (id: string) => {
+      if (isVideoModel(id)) {
+        updateParams({ params: { model: id } })
+      }
+    },
+    [updateParams]
+  )
+
+  const afterDeleteVideo = useCallback(
+    (id: string) => {
+      removeVideo(id)
+      removeThumbnail(id)
+    },
+    [removeThumbnail, removeVideo]
+  )
+
+  const handleDeleteVideo = useCallback(
+    async (id: string) => {
+      switch (provider.type) {
+        case 'openai-response':
+          try {
+            setPending(id, true)
+            const promise = deleteVideo({
+              type: 'openai',
+              videoId: id,
+              provider
+            })
+            window.toast.loading({
+              title: t('common.deleting'),
+              promise
+            })
+            const result = await promise
+            if (result.result.deleted) {
+              afterDeleteVideo(id)
+            } else {
+              window.toast.error(t('error.delete.failed'))
+            }
+          } catch (e) {
+            if (e instanceof Error && e.message.includes('404')) {
+              window.toast.warning({
+                title: t('video.delete.error.not_found.title'),
+                description: t('video.delete.error.not_found.description')
+              })
+              afterDeleteVideo(id)
+            } else {
+              window.toast.error({ title: t('error.delete.failed'), description: getErrorMessage(e) })
+            }
+          } finally {
+            setPending(id, undefined)
+          }
+          break
+        default:
+          throw new Error(`Provider type "${provider.type}" is not supported for video deletion`)
+      }
+    },
+    [afterDeleteVideo, provider, setPending, t]
+  )
+
+  const handleGetThumbnail = useCallback(
+    async (id: string) => {
+      const video = getVideo(id)
+      if (video && video.thumbnail === null) {
+        try {
+          const promise = retrieveThumbnail(video)
+          window.toast.loading({ title: t('video.thumbnail.get'), promise })
+          const thumbnail = await promise
+          if (thumbnail) {
+            updateVideo({ id: video.id, thumbnail })
+          }
+        } catch (e) {
+          window.toast.error({ title: t('video.thumbnail.error.get'), description: getErrorMessage(e) })
+        }
+      }
+    },
+    [getVideo, retrieveThumbnail, t, updateVideo]
+  )
+
+  return (
+    <div className="flex flex-1 flex-col">
+      <Navbar>
+        <NavbarCenter style={{ borderRight: 'none' }}>{t('video.title')}</NavbarCenter>
+      </Navbar>
+      <div id="content-container" className="flex max-h-full flex-1">
+        {/* Settings */}
+        <div className="flex w-70 flex-col p-2">
+          <SettingsGroup>
+            <ProviderSetting providerId={providerId} setProviderId={setProviderId} />
+            <ModelSetting
+              providerId={providerId}
+              modelId={params.params.model ?? 'sora-2'}
+              setModelId={updateModelId}
+            />
+          </SettingsGroup>
+          {provider.type === 'openai-response' && <OpenAIParamSettings params={params} updateParams={updateParams} />}
+        </div>
+        <Divider orientation="vertical" />
+        <VideoPanel provider={provider} params={params} updateParams={updateParams} video={activeVideo} />
+        <Divider orientation="vertical" />
+        {/* Video list */}
+        <VideoList
+          videos={videos}
+          activeVideoId={activeVideoId}
+          setActiveVideoId={setActiveVideoId}
+          onDelete={handleDeleteVideo}
+          onGetThumbnail={handleGetThumbnail}
+        />
+      </div>
+    </div>
+  )
+}
diff --git a/src/renderer/src/pages/video/VideoPanel.tsx b/src/renderer/src/pages/video/VideoPanel.tsx
new file mode 100644
index 0000000000..14c0a65f20
--- /dev/null
+++ b/src/renderer/src/pages/video/VideoPanel.tsx
@@ -0,0 +1,298 @@
+import { Button, cn, Image, Skeleton, Textarea, Tooltip } from '@heroui/react'
+import { loggerService } from '@logger'
+import { usePending } from '@renderer/hooks/usePending'
+import { useAddOpenAIVideo } from '@renderer/hooks/video/useAddOpenAIVideo'
+import { useProviderVideos } from '@renderer/hooks/video/useProviderVideos'
+import { createVideo, retrieveVideoContent } from '@renderer/services/ApiService'
+import FileManager from '@renderer/services/FileManager'
+import { FileTypes, Provider, VideoFileMetadata } from '@renderer/types'
+import { CreateVideoParams, Video } from '@renderer/types/video'
+import { getErrorMessage } from '@renderer/utils'
+import { MB } from '@shared/config/constant'
+import { DeepPartial } from 'ai'
+import dayjs from 'dayjs'
+import { isEmpty } from 'lodash'
+import { ArrowUp, CircleXIcon, ImageIcon } from 'lucide-react'
+import mime from 'mime-types'
+import { useCallback, useEffect, useMemo, useRef } from 'react'
+import { useTranslation } from 'react-i18next'
+
+import { VideoViewer } from './VideoViewer'
+
+export type VideoPanelProps = {
+  provider: Provider
+  video?: Video
+  params: CreateVideoParams
+  updateParams: (upadte: DeepPartial<Omit<CreateVideoParams, 'type'>>) => void
+}
+
+const logger = loggerService.withContext('VideoPanel')
+
+export const VideoPanel = ({ provider, video, params, updateParams }: VideoPanelProps) => {
+  const { t } = useTranslation()
+  const addOpenAIVideo = useAddOpenAIVideo(provider.id)
+  const { setVideo } = useProviderVideos(provider.id)
+
+  const { pendingMap, setPending: setPendingById } = usePending()
+  const fileInputRef = useRef<HTMLInputElement>(null)
+  const inputReference = params.params.input_reference
+
+  const couldCreateVideo = useMemo(
+    () =>
+      !isEmpty(params.params.prompt) &&
+      video?.status !== 'queued' &&
+      video?.status !== 'downloading' &&
+      video?.status !== 'in_progress' &&
+      (video === undefined || pendingMap[video.id] !== true),
+    [params.params.prompt, pendingMap, video]
+  )
+
+  useEffect(() => {
+    if (video) {
+      updateParams({ params: { prompt: video.prompt } })
+    } else {
+      updateParams({ params: { prompt: '' } })
+    }
+  }, [updateParams, video])
+
+  const isPending = video ? pendingMap[video.id] : false
+  const setPending = useCallback(
+    (value: boolean) => {
+      if (video) {
+        setPendingById(video.id, value ? value : undefined)
+      }
+    },
+    [setPendingById, video]
+  )
+
+  const handleCreateVideo = useCallback(async () => {
+    if (!couldCreateVideo) return
+    setPending(true)
+    try {
+      if (video === undefined) {
+        const result = await createVideo(params)
+        const video = result.video
+        switch (result.type) {
+          case 'openai':
+            addOpenAIVideo(video, params.params.prompt)
+            break
+          default:
+            logger.error(`Invalid video type ${result.type}.`)
+        }
+      } else {
+        // TODO: remix video
+        window.toast.info('Remix video is not implemented.')
+      }
+    } catch (e) {
+      window.toast.error({ title: t('video.error.create'), description: getErrorMessage(e), timeout: 5000 })
+    } finally {
+      setPending(false)
+    }
+  }, [addOpenAIVideo, couldCreateVideo, params, setPending, t, video])
+
+  const handleRegenerateVideo = useCallback(() => {
+    window.toast.info('Not implemented')
+  }, [])
+
+  const handleDownloadVideo = useCallback(async () => {
+    if (!video) return
+    if (video.status !== 'completed' && video.status !== 'downloaded') return
+
+    const baseVideo: Video = {
+      ...video,
+      status: 'downloading',
+      progress: 0,
+      thumbnail: video.thumbnail
+    }
+    setVideo(baseVideo)
+
+    try {
+      const { response } = await retrieveVideoContent({ type: 'openai', videoId: video.id, provider })
+      if (!response.body) {
+        throw new Error('Video response body is empty')
+      }
+
+      const reader = response.body.getReader()
+      const contentLengthHeader = response.headers.get('content-length')
+      const totalSize = contentLengthHeader ? Number(contentLengthHeader) : undefined
+      const chunks: Uint8Array[] = []
+      let receivedLength = 0
+      let progressValue = 0
+
+      while (true) {
+        const { done, value } = await reader.read()
+        if (done) break
+        if (!value) continue
+
+        chunks.push(value)
+        receivedLength += value.length
+
+        if (totalSize && Number.isFinite(totalSize) && totalSize > 0) {
+          progressValue = Math.floor((receivedLength / totalSize) * 100)
+        } else {
+          progressValue = Math.min(progressValue + 1, 99)
+        }
+
+        setVideo({
+          ...baseVideo,
+          progress: Math.min(progressValue, 99)
+        })
+      }
+
+      const fileData = new Uint8Array(receivedLength)
+      let offset = 0
+      for (const chunk of chunks) {
+        fileData.set(chunk, offset)
+        offset += chunk.length
+      }
+
+      const contentType = response.headers.get('content-type') ?? 'video/mp4'
+      const normalizedContentType = contentType.split(';')[0]?.trim() || 'video/mp4'
+      const extension = (() => {
+        const ext = mime.extension(normalizedContentType)
+        return ext ? `.${ext}` : '.mp4'
+      })()
+
+      const fileName = `${video.id}${extension}`.toLowerCase()
+
+      const tempFilePath = await window.api.file.createTempFile(fileName)
+      await window.api.file.write(tempFilePath, fileData)
+
+      const tempFileMetadata = {
+        id: crypto.randomUUID(),
+        name: fileName,
+        origin_name: fileName,
+        path: tempFilePath,
+        size: receivedLength,
+        ext: extension,
+        type: FileTypes.VIDEO,
+        created_at: dayjs().toISOString(),
+        count: 1
+      } satisfies VideoFileMetadata
+
+      const uploadedFile = await FileManager.uploadFile(tempFileMetadata)
+
+      setVideo({
+        ...video,
+        status: 'downloaded',
+        thumbnail: video.thumbnail,
+        fileId: uploadedFile.id,
+        name: uploadedFile.origin_name
+      })
+    } catch (error) {
+      logger.error(`Failed to download video ${video.id}.`, error as Error)
+      window.toast.error(t('video.error.download'))
+      setVideo(video)
+    }
+  }, [provider, setVideo, t, video])
+
+  const handleUploadFile = useCallback(() => {
+    fileInputRef.current?.click()
+  }, [])
+
+  const setPrompt = useCallback((value: string) => updateParams({ params: { prompt: value } }), [updateParams])
+
+  const UploadImageReferenceButton = useCallback(() => {
+    const content = inputReference ? (
+      <div className="group">
+        <Image
+          className="aspect-square max-h-50 max-w-50 object-contain"
+          src={URL.createObjectURL(inputReference as File)}
+        />
+        <Button
+          variant="light"
+          color="danger"
+          className="absolute top-1 right-1 z-100 h-6 w-6 min-w-0 opacity-0 group-hover:opacity-100"
+          isIconOnly
+          startContent={<CircleXIcon size={16} className="text-danger" />}
+          onPress={() => updateParams({ params: { input_reference: undefined } })}
+        />
+      </div>
+    ) : (
+      t('video.input_reference.add.tooltip')
+    )
+    return (
+      <>
+        <Tooltip content={content} closeDelay={0}>
+          <Button
+            variant="light"
+            startContent={<ImageIcon size={16} className={cn(inputReference ? 'text-primary' : undefined)} />}
+            isIconOnly
+            className="h-6 w-6 min-w-0"
+            isDisabled={isPending}
+            onPress={handleUploadFile}
+          />
+        </Tooltip>
+      </>
+    )
+  }, [handleUploadFile, inputReference, isPending, t, updateParams])
+
+  return (
+    <div className="flex flex-1 flex-col p-2">
+      <div className="m-8 flex-1 overflow-hidden">
+        <Skeleton className="h-full w-full rounded-2xl" classNames={{ content: 'h-full w-full' }} isLoaded={true}>
+          {video && <VideoViewer video={video} onDownload={handleDownloadVideo} onRegenerate={handleRegenerateVideo} />}
+          {!video && <VideoViewer video={video} />}
+        </Skeleton>
+      </div>
+      <div className="relative">
+        <Textarea
+          label={t('common.prompt')}
+          placeholder={t('video.prompt.placeholder')}
+          value={params.params.prompt}
+          onValueChange={setPrompt}
+          isClearable
+          isDisabled={isPending}
+          classNames={{ inputWrapper: 'pb-8' }}
+          onKeyDown={(e: React.KeyboardEvent) => {
+            if (e.key === 'Enter') {
+              e.preventDefault()
+              handleCreateVideo()
+            }
+          }}
+        />
+        <div className="absolute bottom-0 flex w-full items-end justify-between p-2">
+          <div className="flex">
+            <UploadImageReferenceButton />
+            <input
+              ref={fileInputRef}
+              type="file"
+              hidden
+              onChange={(e) => {
+                const files = e.target.files
+                if (files && files.length > 0) {
+                  const file = files[0]
+                  if (!file.type.startsWith('image/')) {
+                    window.toast.error(t('video.input_reference.add.error.format'))
+                    return
+                  }
+                  const maxSize = 5 * MB
+                  if (file.size > maxSize) {
+                    window.toast.error(t('video.input_reference.add.error.size'))
+                    return
+                  }
+                  updateParams({ params: { input_reference: file } })
+                } else {
+                  updateParams({ params: { input_reference: undefined } })
+                }
+              }}
+            />
+          </div>
+
+          <Tooltip content={t('common.send')} closeDelay={0}>
+            <Button
+              color="primary"
+              radius="full"
+              isIconOnly
+              isDisabled={!couldCreateVideo}
+              isLoading={isPending}
+              className="h-6 w-6 min-w-0"
+              onPress={handleCreateVideo}>
+              <ArrowUp size={16} className="text-primary-foreground" />
+            </Button>
+          </Tooltip>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/src/renderer/src/pages/video/VideoViewer.tsx b/src/renderer/src/pages/video/VideoViewer.tsx
new file mode 100644
index 0000000000..21d8629fcf
--- /dev/null
+++ b/src/renderer/src/pages/video/VideoViewer.tsx
@@ -0,0 +1,233 @@
+import {
+  Alert,
+  Button,
+  Modal,
+  ModalBody,
+  ModalContent,
+  ModalFooter,
+  Progress,
+  Skeleton,
+  Spinner,
+  useDisclosure
+} from '@heroui/react'
+import { usePending } from '@renderer/hooks/usePending'
+import FileManager from '@renderer/services/FileManager'
+import { Video, VideoDownloaded, VideoFailed } from '@renderer/types/video'
+import dayjs from 'dayjs'
+import { CheckCircleIcon, CircleXIcon, Clock9Icon } from 'lucide-react'
+import { useEffect, useMemo, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import useSWRImmutable from 'swr/immutable'
+
+export type VideoViewerProps =
+  | {
+      video: undefined
+      onDownload?: never
+      onRegenerate?: never
+    }
+  | {
+      video: Video
+      onDownload: () => void
+      onRegenerate: () => void
+    }
+
+export const VideoViewer = ({ video, onDownload, onRegenerate }: VideoViewerProps) => {
+  const { t } = useTranslation()
+  const [loadSuccess, setLoadSuccess] = useState<boolean | undefined>(undefined)
+  const { pendingMap } = usePending()
+  const isPending = video ? pendingMap[video.id] : false
+  useEffect(() => {
+    setLoadSuccess(undefined)
+  }, [video?.id])
+  return (
+    <>
+      <div className="flex h-full max-h-full w-full items-center justify-center rounded-2xl bg-foreground-200">
+        {video === undefined && t('video.undefined')}
+        {video && video.status === 'queued' && <QueuedVideo />}
+        {video && video.status === 'in_progress' && <InProgressVideo progress={video.progress} />}
+        {video && video.status === 'completed' && (
+          <CompletedVideo video={video} isDisabled={isPending} onDownload={onDownload} onRegenerate={onRegenerate} />
+        )}
+        {video && video.status === 'downloading' && <DownloadingVideo progress={video.progress} />}
+        {video && video.status === 'downloaded' && loadSuccess !== false && (
+          <VideoPlayer video={video} setLoadSuccess={setLoadSuccess} />
+        )}
+        {video && video.status === 'failed' && <FailedVideo error={video.error} />}
+        {video && video.status === 'downloaded' && loadSuccess === false && (
+          <LoadFailedVideo isDisabled={isPending} onRedownload={onDownload} />
+        )}
+      </div>
+    </>
+  )
+}
+
+const QueuedVideo = () => {
+  const { t } = useTranslation()
+  return (
+    <div className="flex h-full w-full flex-col items-center justify-center rounded-2xl">
+      <Spinner variant="dots" />
+      <span>{t('video.status.queued')}</span>
+    </div>
+  )
+}
+
+const InProgressVideo = ({ progress }: { progress: number }) => {
+  const { t } = useTranslation()
+  return (
+    <div className="flex h-full w-full flex-col items-center justify-center rounded-2xl">
+      <Progress
+        label={t('video.status.in_progress')}
+        aria-label={t('video.status.in_progress')}
+        className="max-w-md"
+        color="primary"
+        showValueLabel={true}
+        size="md"
+        value={progress}
+      />
+    </div>
+  )
+}
+
+const CompletedVideo = ({
+  video,
+  isDisabled,
+  onDownload,
+  onRegenerate
+}: {
+  video: Video
+  isDisabled?: boolean
+  onDownload: () => void
+  onRegenerate: () => void
+}) => {
+  const { t } = useTranslation()
+  const isExpired = video.metadata.expires_at !== null && video.metadata.expires_at < dayjs().unix()
+  if (isExpired) {
+    return (
+      <div className="flex h-full w-full flex-col items-center justify-center gap-2 rounded-2xl bg-warning-200">
+        <Clock9Icon size={64} className="text-warning" />
+        <span className="font-bold text-2xl">{t('video.expired')}</span>
+        <Button onPress={onRegenerate} isDisabled={isDisabled}>
+          {t('common.regenerate')}
+        </Button>
+      </div>
+    )
+  }
+  return (
+    <div className="flex h-full w-full flex-col items-center justify-center gap-2 rounded-2xl bg-success-200">
+      <CheckCircleIcon size={64} className="text-success" />
+      <span className="font-bold text-2xl">{t('video.status.completed')}</span>
+      <Button onPress={onDownload} isDisabled={isDisabled}>
+        {t('common.download')}
+      </Button>
+    </div>
+  )
+}
+
+const DownloadingVideo = ({ progress }: { progress?: number }) => {
+  const { t } = useTranslation()
+  return (
+    <div className="flex h-full w-full flex-col items-center justify-center rounded-2xl">
+      <Progress
+        label={t('video.status.downloading')}
+        aria-label={t('video.status.downloading')}
+        className="max-w-md"
+        color="primary"
+        showValueLabel={true}
+        size="md"
+        value={progress}
+      />
+    </div>
+  )
+}
+
+const FailedVideo = ({ error }: { error: VideoFailed['error'] }) => {
+  const { t } = useTranslation()
+  const { isOpen, onOpen, onClose } = useDisclosure()
+
+  const alert = useMemo(() => {
+    if (error === null) {
+      return <Alert color="danger" title={t('error.unknown')} />
+    } else {
+      return <Alert color="danger" title={error.code} description={error.message} />
+    }
+  }, [error, t])
+
+  return (
+    <div className="flex h-full w-full flex-col items-center justify-center rounded-2xl bg-danger-200">
+      <CircleXIcon size={64} className="fill-danger text-danger-200" />
+      <span className="font-bold text-2xl">{t('video.status.failed')}</span>
+      <div className="my-2 flex justify-between gap-2">
+        <Button onPress={onOpen}>{t('common.detail')}</Button>
+        <Modal isOpen={isOpen} onClose={onClose}>
+          <ModalBody>
+            <ModalContent>
+              <div className="p-4">{alert}</div>
+            </ModalContent>
+          </ModalBody>
+          <ModalFooter></ModalFooter>
+        </Modal>
+        <Button onPress={() => window.toast.info('Not implemented')}>{t('common.retry')}</Button>
+      </div>
+    </div>
+  )
+}
+
+const LoadFailedVideo = ({ isDisabled, onRedownload }: { isDisabled?: boolean; onRedownload: () => void }) => {
+  const { t } = useTranslation()
+  return (
+    <div className="flex h-full w-full flex-col items-center justify-center rounded-2xl bg-danger-200">
+      <CircleXIcon size={64} className="fill-danger text-danger-200" />
+      <span className="font-bold text-2xl">{t('video.error.load.message')}</span>
+      <span>{t('video.error.load.reason')}</span>
+      <div className="my-2 flex justify-between gap-2">
+        <Button onPress={onRedownload} isDisabled={isDisabled}>
+          {t('common.redownload')}
+        </Button>
+      </div>
+    </div>
+  )
+}
+
+const VideoPlayer = ({
+  video,
+  setLoadSuccess
+}: {
+  video: VideoDownloaded
+  setLoadSuccess: (value: boolean) => void
+}) => {
+  const videoRef = useRef<HTMLVideoElement>(null)
+  const fetcher = async () => {
+    const file = await FileManager.getFile(video.fileId)
+    if (!file) {
+      throw new Error(`Video file ${video.fileId} not exist.`)
+    }
+    return FileManager.getFilePath(file)
+  }
+  const { data: src, isLoading, error } = useSWRImmutable(`video/file/${video.id}`, fetcher)
+
+  useEffect(() => {
+    const videoElement = videoRef.current
+    if (videoElement) {
+      videoElement.load()
+    }
+  }, [video?.id])
+
+  if (error) {
+    setLoadSuccess(false)
+  }
+
+  if (isLoading) {
+    return <Skeleton />
+  }
+
+  return (
+    <video
+      ref={videoRef}
+      controls
+      className="h-full w-full rounded-2xl bg-content2 object-contain dark:bg-background"
+      onLoadedData={() => setLoadSuccess(true)}
+      onError={() => setLoadSuccess(false)}>
+      <source src={`file://${src}`} type="video/mp4" />
+    </video>
+  )
+}
diff --git a/src/renderer/src/pages/video/settings/ModelSetting.tsx b/src/renderer/src/pages/video/settings/ModelSetting.tsx
new file mode 100644
index 0000000000..71b529966e
--- /dev/null
+++ b/src/renderer/src/pages/video/settings/ModelSetting.tsx
@@ -0,0 +1,44 @@
+import { Select, SelectItem } from '@heroui/react'
+import { videoModelsMap } from '@renderer/config/models/video'
+import { Model } from '@renderer/types'
+import { useTranslation } from 'react-i18next'
+
+import { SettingItem } from './shared'
+
+export interface ModelSettingProps {
+  providerId: string
+  modelId: string
+  setModelId: (id: string) => void
+}
+
+interface ModelSelectItem extends Model {
+  key: string
+  label: string
+}
+
+export const ModelSetting = ({ providerId, modelId, setModelId }: ModelSettingProps) => {
+  const { t } = useTranslation()
+
+  const items: ModelSelectItem[] = videoModelsMap[providerId]?.map((m: string) => ({ key: m, label: m })) ?? []
+
+  return (
+    <SettingItem>
+      <Select
+        label={t('common.model')}
+        labelPlacement="outside"
+        selectionMode="single"
+        items={items}
+        defaultSelectedKeys={[modelId]}
+        disallowEmptySelection
+        onSelectionChange={(keys) => {
+          if (keys.currentKey) setModelId(keys.currentKey)
+        }}>
+        {(model) => (
+          <SelectItem textValue={model.label}>
+            <span>{model.label}</span>
+          </SelectItem>
+        )}
+      </Select>
+    </SettingItem>
+  )
+}
diff --git a/src/renderer/src/pages/video/settings/OpenAIParamSettings.tsx b/src/renderer/src/pages/video/settings/OpenAIParamSettings.tsx
new file mode 100644
index 0000000000..f71f4b3d47
--- /dev/null
+++ b/src/renderer/src/pages/video/settings/OpenAIParamSettings.tsx
@@ -0,0 +1,80 @@
+import { VideoSeconds, VideoSize } from '@cherrystudio/openai/resources'
+import { Select, SelectItem } from '@heroui/react'
+import { OpenAICreateVideoParams } from '@renderer/types/video'
+import { DeepPartial } from 'ai'
+import { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+
+import { SettingItem, SettingsGroup } from './shared'
+
+export type OpenAIParamSettingsProps = {
+  params: OpenAICreateVideoParams
+  updateParams: (update: DeepPartial<Omit<OpenAICreateVideoParams, 'type'>>) => void
+}
+
+export const OpenAIParamSettings = ({ params, updateParams }: OpenAIParamSettingsProps) => {
+  const { t } = useTranslation()
+
+  const secondItems = [{ key: '4' }, { key: '8' }, { key: '12' }] as const satisfies { key: VideoSeconds }[]
+  const sizeItems = [
+    { key: '720x1280' },
+    { key: '1280x720' },
+    { key: '1024x1792' },
+    { key: '1792x1024' }
+  ] as const satisfies { key: VideoSize }[]
+
+  const updateSeconds = useCallback(
+    (seconds: VideoSeconds) => {
+      updateParams({ params: { seconds } })
+    },
+    [updateParams]
+  )
+
+  const updateSize = useCallback(
+    (size: VideoSize) => {
+      updateParams({ params: { size } })
+    },
+    [updateParams]
+  )
+
+  return (
+    <SettingsGroup>
+      <SettingItem>
+        <Select
+          label={t('video.seconds')}
+          labelPlacement="outside"
+          selectedKeys={[params.params.seconds ?? '4']}
+          onSelectionChange={(keys) => {
+            if (keys.currentKey) updateSeconds(keys.currentKey as VideoSeconds)
+          }}
+          items={secondItems}
+          selectionMode="single"
+          disallowEmptySelection>
+          {(item) => (
+            <SelectItem key={item.key} textValue={item.key}>
+              <span>{item.key}</span>
+            </SelectItem>
+          )}
+        </Select>
+      </SettingItem>
+      <SettingItem>
+        <Select
+          label={t('video.size')}
+          labelPlacement="outside"
+          selectedKeys={[params.params.size ?? '720x1280']}
+          onSelectionChange={(keys) => {
+            if (keys.currentKey) updateSize(keys.currentKey as VideoSize)
+          }}
+          items={sizeItems}
+          selectionMode="single"
+          disallowEmptySelection>
+          {(item) => (
+            <SelectItem key={item.key} textValue={item.key}>
+              <span>{item.key}</span>
+            </SelectItem>
+          )}
+        </Select>
+      </SettingItem>
+    </SettingsGroup>
+  )
+}
diff --git a/src/renderer/src/pages/video/settings/ProviderSetting.tsx b/src/renderer/src/pages/video/settings/ProviderSetting.tsx
new file mode 100644
index 0000000000..6983b6b6ff
--- /dev/null
+++ b/src/renderer/src/pages/video/settings/ProviderSetting.tsx
@@ -0,0 +1,60 @@
+import { Select, SelectItem } from '@heroui/react'
+import { ProviderAvatar } from '@renderer/components/ProviderAvatar'
+import { useProviders } from '@renderer/hooks/useProvider'
+import { Provider, SystemProviderId } from '@renderer/types'
+import { getFancyProviderName } from '@renderer/utils'
+import { Dispatch, SetStateAction } from 'react'
+import { useTranslation } from 'react-i18next'
+
+import { SettingItem } from './shared'
+
+export interface ProviderSettingProps {
+  providerId: string
+  setProviderId: Dispatch<SetStateAction<string>>
+}
+
+interface ProviderSelectItem extends Provider {
+  key: string
+  label: string
+}
+
+export const ProviderSetting = ({ providerId, setProviderId }: ProviderSettingProps) => {
+  const { t } = useTranslation()
+  // Support limited providers.
+  const supportedProviderIds = ['openai'] satisfies SystemProviderId[]
+  const { providers } = useProviders()
+  const items: ProviderSelectItem[] = providers
+    .filter((p) => supportedProviderIds.some((id) => id === p.id))
+    .map((p) => ({ ...p, key: p.id, label: getFancyProviderName(p) }))
+
+  return (
+    <SettingItem>
+      <Select
+        label={t('common.provider')}
+        labelPlacement="outside"
+        selectionMode="single"
+        items={items}
+        defaultSelectedKeys={[providerId]}
+        disallowEmptySelection
+        onSelectionChange={(keys) => {
+          if (keys.currentKey) setProviderId(keys.currentKey)
+        }}
+        renderValue={(items) => {
+          const provider = items[0].data
+          if (!provider) return null
+          return (
+            <div className="flex items-center gap-2">
+              <ProviderAvatar provider={provider} size={16} />
+              <span>{provider.label}</span>
+            </div>
+          )
+        }}>
+        {(provider) => (
+          <SelectItem textValue={provider.label} startContent={<ProviderAvatar provider={provider} size={16} />}>
+            <span>{provider.label}</span>
+          </SelectItem>
+        )}
+      </Select>
+    </SettingItem>
+  )
+}
diff --git a/src/renderer/src/pages/video/settings/shared.tsx b/src/renderer/src/pages/video/settings/shared.tsx
new file mode 100644
index 0000000000..8e5b3c5597
--- /dev/null
+++ b/src/renderer/src/pages/video/settings/shared.tsx
@@ -0,0 +1,15 @@
+import { Divider } from '@heroui/react'
+import { PropsWithChildren } from 'react'
+
+export const SettingsGroup = ({ children }: PropsWithChildren) => {
+  return <div className="mb-4 flex flex-col rounded-2xl border border-foreground-200 p-3">{children}</div>
+}
+
+export const SettingItem = ({ children, divider = false }: PropsWithChildren<{ divider?: boolean }>) => {
+  return (
+    <>
+      <div className="mb-2">{children}</div>
+      {divider && <Divider className="my-2" />}
+    </>
+  )
+}
diff --git a/src/renderer/src/services/ApiService.ts b/src/renderer/src/services/ApiService.ts
index 4dbbee367c..27daad4d95 100644
--- a/src/renderer/src/services/ApiService.ts
+++ b/src/renderer/src/services/ApiService.ts
@@ -10,12 +10,27 @@ import { buildStreamTextParams } from '@renderer/aiCore/prepareParams'
 import { isDedicatedImageGenerationModel, isEmbeddingModel } from '@renderer/config/models'
 import i18n from '@renderer/i18n'
 import store from '@renderer/store'
-import type { FetchChatCompletionParams } from '@renderer/types'
-import type { Assistant, MCPServer, MCPTool, Model, Provider } from '@renderer/types'
+import type {
+  Assistant,
+  CreateVideoParams,
+  CreateVideoResult,
+  DeleteVideoParams,
+  DeleteVideoResult,
+  FetchChatCompletionParams,
+  MCPServer,
+  MCPTool,
+  Model,
+  Provider,
+  RetrieveVideoContentParams,
+  RetrieveVideoContentResult,
+  RetrieveVideoParams,
+  RetrieveVideoResult
+} from '@renderer/types'
 import type { StreamTextParams } from '@renderer/types/aiCoreTypes'
 import { type Chunk, ChunkType } from '@renderer/types/chunk'
 import type { Message } from '@renderer/types/newMessage'
 import type { SdkModel } from '@renderer/types/sdk'
+import {} from '@renderer/types/video'
 import { removeSpecialCharactersForTopicName, uuid } from '@renderer/utils'
 import { abortCompletion, readyToAbort } from '@renderer/utils/abortController'
 import { isAbortError } from '@renderer/utils/error'
@@ -398,6 +413,26 @@ export async function fetchGenerate({
   }
 }
 
+export async function createVideo(params: CreateVideoParams): Promise<CreateVideoResult> {
+  const ai = new AiProviderNew(params.provider)
+  return ai.createVideo(params)
+}
+
+export async function retrieveVideo(params: RetrieveVideoParams): Promise<RetrieveVideoResult> {
+  const ai = new AiProviderNew(params.provider)
+  return ai.retrieveVideo(params)
+}
+
+export async function retrieveVideoContent(params: RetrieveVideoContentParams): Promise<RetrieveVideoContentResult> {
+  const ai = new AiProviderNew(params.provider)
+  return ai.retrieveVideoContent(params)
+}
+
+export async function deleteVideo(params: DeleteVideoParams): Promise<DeleteVideoResult> {
+  const ai = new AiProviderNew(params.provider)
+  return ai.deleteVideo(params)
+}
+
 export function hasApiKey(provider: Provider) {
   if (!provider) return false
   if (['ollama', 'lmstudio', 'vertexai', 'cherryai'].includes(provider.id)) return true
diff --git a/src/renderer/src/services/ModelMessageService.ts b/src/renderer/src/services/ModelMessageService.ts
index c67bd356e9..66d00e1c0a 100644
--- a/src/renderer/src/services/ModelMessageService.ts
+++ b/src/renderer/src/services/ModelMessageService.ts
@@ -1,6 +1,6 @@
+import type { ChatCompletionContentPart, ChatCompletionMessageParam } from '@cherrystudio/openai/resources'
 import type { Model } from '@renderer/types'
 import { findLast } from 'lodash'
-import type { ChatCompletionContentPart, ChatCompletionMessageParam } from 'openai/resources'
 
 export function processReqMessages(
   model: Model,
diff --git a/src/renderer/src/services/SpanManagerService.ts b/src/renderer/src/services/SpanManagerService.ts
index ba968ce6d6..da673061ae 100644
--- a/src/renderer/src/services/SpanManagerService.ts
+++ b/src/renderer/src/services/SpanManagerService.ts
@@ -1,4 +1,5 @@
 import { MessageStream } from '@anthropic-ai/sdk/resources/messages/messages'
+import { Stream } from '@cherrystudio/openai/streaming'
 import { preferenceService } from '@data/PreferenceService'
 import { loggerService } from '@logger'
 import type { SpanEntity, TokenUsage } from '@mcp-trace/trace-core'
@@ -18,7 +19,6 @@ import type { Model, Topic } from '@renderer/types'
 import type { Message } from '@renderer/types/newMessage'
 import { MessageBlockType } from '@renderer/types/newMessage'
 import type { SdkRawChunk } from '@renderer/types/sdk'
-import { Stream } from 'openai/streaming'
 
 const logger = loggerService.withContext('SpanManagerService')
 
diff --git a/src/renderer/src/services/__tests__/ApiService.test.ts b/src/renderer/src/services/__tests__/ApiService.test.ts
index 6ad7fc2f1a..5d6d2c5d4a 100644
--- a/src/renderer/src/services/__tests__/ApiService.test.ts
+++ b/src/renderer/src/services/__tests__/ApiService.test.ts
@@ -6,6 +6,8 @@ import type {
   WebSearchResultBlock,
   WebSearchToolResultError
 } from '@anthropic-ai/sdk/resources/messages'
+import type OpenAI from '@cherrystudio/openai'
+import type { ChatCompletionChunk } from '@cherrystudio/openai/resources'
 import type { FunctionCall } from '@google/genai'
 import { FinishReason, MediaModality } from '@google/genai'
 import AiProvider from '@renderer/aiCore'
@@ -39,8 +41,6 @@ import type {
 import { mcpToolCallResponseToGeminiMessage } from '@renderer/utils/mcp-tools'
 import * as McpToolsModule from '@renderer/utils/mcp-tools'
 import { cloneDeep } from 'lodash'
-import type OpenAI from 'openai'
-import type { ChatCompletionChunk } from 'openai/resources'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 // Mock the ApiClientFactory
 vi.mock('@renderer/aiCore/legacy/clients/ApiClientFactory', () => ({
diff --git a/src/renderer/src/services/__tests__/ModelMessageService.test.ts b/src/renderer/src/services/__tests__/ModelMessageService.test.ts
index 161e63aa75..a54ac6f9ee 100644
--- a/src/renderer/src/services/__tests__/ModelMessageService.test.ts
+++ b/src/renderer/src/services/__tests__/ModelMessageService.test.ts
@@ -1,5 +1,5 @@
+import type { ChatCompletionMessageParam } from '@cherrystudio/openai/resources'
 import type { Model } from '@renderer/types'
-import type { ChatCompletionMessageParam } from 'openai/resources'
 import { describe, expect, it } from 'vitest'
 
 import { processReqMessages } from '../ModelMessageService'
diff --git a/src/renderer/src/store/index.ts b/src/renderer/src/store/index.ts
index 151075799f..0f82335ba2 100644
--- a/src/renderer/src/store/index.ts
+++ b/src/renderer/src/store/index.ts
@@ -34,6 +34,7 @@ import settings from './settings'
 import shortcuts from './shortcuts'
 import tabs from './tabs'
 import translate from './translate'
+import video from './video'
 import websearch from './websearch'
 
 const logger = loggerService.withContext('Store')
@@ -62,14 +63,15 @@ const rootReducer = combineReducers({
   inputTools: inputToolsReducer,
   translate,
   ocr,
-  note
+  note,
+  video
 })
 
 const persistedReducer = persistReducer(
   {
     key: 'cherry-studio',
     storage,
-    version: 162,
+    version: 163,
     blacklist: ['runtime', 'messages', 'messageBlocks', 'tabs'],
     migrate
   },
diff --git a/src/renderer/src/store/messageBlock.ts b/src/renderer/src/store/messageBlock.ts
index 726d184669..a9399d4ee4 100644
--- a/src/renderer/src/store/messageBlock.ts
+++ b/src/renderer/src/store/messageBlock.ts
@@ -1,11 +1,11 @@
 import type { WebSearchResultBlock } from '@anthropic-ai/sdk/resources'
+import type OpenAI from '@cherrystudio/openai'
 import type { GroundingMetadata } from '@google/genai'
 import { createEntityAdapter, createSelector, createSlice, type PayloadAction } from '@reduxjs/toolkit'
 import type { AISDKWebSearchResult, Citation, WebSearchProviderResponse } from '@renderer/types'
 import { WebSearchSource } from '@renderer/types'
 import type { CitationMessageBlock, MessageBlock } from '@renderer/types/newMessage'
 import { MessageBlockType } from '@renderer/types/newMessage'
-import type OpenAI from 'openai'
 
 import type { RootState } from './index' // 确认 RootState 从 store/index.ts 导出
 
diff --git a/src/renderer/src/store/migrate.ts b/src/renderer/src/store/migrate.ts
index 08ba587736..d2ccbd311d 100644
--- a/src/renderer/src/store/migrate.ts
+++ b/src/renderer/src/store/migrate.ts
@@ -2671,6 +2671,20 @@ const migrateConfig = {
       logger.error('migrate 162 error', error as Error)
       return state
     }
+  },
+  '163': (state: RootState) => {
+    try {
+      if (state.settings && state.settings.sidebarIcons) {
+        if (!state.settings.sidebarIcons.visible.includes('video')) {
+          state.settings.sidebarIcons.visible = [...state.settings.sidebarIcons.visible, 'video']
+        }
+      }
+      state.video.videoMap = {}
+      return state
+    } catch (error) {
+      logger.error('migrate 161 error', error as Error)
+      return state
+    }
   }
 }
 
diff --git a/src/renderer/src/store/runtime.ts b/src/renderer/src/store/runtime.ts
index 568b8eea67..bc22e070f4 100644
--- a/src/renderer/src/store/runtime.ts
+++ b/src/renderer/src/store/runtime.ts
@@ -61,6 +61,8 @@ export interface RuntimeState {
   chat: ChatState
   // websearch: WebSearchState
   iknow: Record<string, boolean>
+  /** To indicate something is pending. */
+  pendingMap: Record<string, boolean | undefined>
 }
 
 export interface ExportState {
@@ -103,7 +105,8 @@ const initialState: RuntimeState = {
   // websearch: {
   //   activeSearches: {}
   // },
-  iknow: {}
+  iknow: {},
+  pendingMap: {}
 }
 
 const runtimeSlice = createSlice({
@@ -197,6 +200,14 @@ const runtimeSlice = createSlice({
     setSessionWaitingAction: (state, action: PayloadAction<{ id: string; value: boolean }>) => {
       const { id, value } = action.payload
       state.chat.sessionWaiting[id] = value
+    },
+    setPendingAction: (state, action: PayloadAction<{ id: string; value: boolean | undefined }>) => {
+      const { id, value } = action.payload
+      if (value) {
+        state.pendingMap[id] = value
+      } else {
+        delete state.pendingMap[id]
+      }
     }
   }
 })
@@ -216,6 +227,7 @@ export const {
   // setUpdateState,
   // setExportState,
   addIknowAction,
+  setPendingAction,
   // // Chat related actions
   // toggleMultiSelectMode,
   // setSelectedMessageIds,
diff --git a/src/renderer/src/store/video.ts b/src/renderer/src/store/video.ts
new file mode 100644
index 0000000000..7942cd26d5
--- /dev/null
+++ b/src/renderer/src/store/video.ts
@@ -0,0 +1,85 @@
+import { loggerService } from '@logger'
+import { createSlice, PayloadAction } from '@reduxjs/toolkit'
+import { Video } from '@renderer/types/video'
+
+const logger = loggerService.withContext('Store:video')
+
+export interface VideoState {
+  /** Provider ID to videos */
+  videoMap: Record<string, Video[] | undefined>
+}
+
+const initialState: VideoState = {
+  videoMap: {}
+}
+
+const videoSlice = createSlice({
+  name: 'video',
+  initialState,
+  reducers: {
+    addVideo: (state: VideoState, action: PayloadAction<{ providerId: string; video: Video }>) => {
+      const { providerId, video } = action.payload
+      if (state.videoMap[providerId]) {
+        state.videoMap[providerId].unshift(video)
+      } else {
+        state.videoMap[providerId] = [video]
+      }
+    },
+    removeVideo: (state: VideoState, action: PayloadAction<{ providerId: string; videoId: string }>) => {
+      const { providerId, videoId } = action.payload
+      const videos = state.videoMap[providerId]
+      state.videoMap[providerId] = videos?.filter((c) => c.id !== videoId)
+    },
+    updateVideo: (
+      state: VideoState,
+      action: PayloadAction<{ providerId: string; update: Partial<Omit<Video, 'status'>> & { id: string } }>
+    ) => {
+      const { providerId, update } = action.payload
+      const videos = state.videoMap[providerId]
+      if (videos) {
+        let video = videos.find((v) => v.id === update.id)
+        if (video) {
+          switch (video.status) {
+            case 'queued':
+            case 'in_progress':
+              video = { ...video, ...update, thumbnail: undefined }
+              break
+            default:
+              video = { ...video, ...update }
+          }
+        } else {
+          logger.error(`Video with id ${update.id} not found in ${providerId}`)
+        }
+      } else {
+        logger.error(`Videos with Provider ${providerId} is undefined.`)
+      }
+    },
+    setVideo: (state: VideoState, action: PayloadAction<{ providerId: string; video: Video }>) => {
+      const { providerId, video } = action.payload
+      if (state.videoMap[providerId]) {
+        const index = state.videoMap[providerId].findIndex((v) => v.id === video.id)
+        if (index !== -1) {
+          state.videoMap[providerId][index] = video
+        } else {
+          state.videoMap[providerId].push(video)
+        }
+      } else {
+        state.videoMap[providerId] = [video]
+      }
+    },
+    setVideos: (state: VideoState, action: PayloadAction<{ providerId: string; videos: Video[] }>) => {
+      const { providerId, videos } = action.payload
+      state.videoMap[providerId] = videos
+    }
+  }
+})
+
+export const {
+  addVideo: addVideoAction,
+  removeVideo: removeVideoAction,
+  updateVideo: updateVideoAction,
+  setVideo: setVideoAction,
+  setVideos: setVideosAction
+} = videoSlice.actions
+
+export default videoSlice.reducer
diff --git a/src/renderer/src/trace/dataHandler/StreamHandler.ts b/src/renderer/src/trace/dataHandler/StreamHandler.ts
index 43d748ef1a..dddec93edc 100644
--- a/src/renderer/src/trace/dataHandler/StreamHandler.ts
+++ b/src/renderer/src/trace/dataHandler/StreamHandler.ts
@@ -1,8 +1,8 @@
+import type { OpenAI } from '@cherrystudio/openai'
+import type { Stream } from '@cherrystudio/openai/streaming'
 import type { TokenUsage } from '@mcp-trace/trace-core'
 import type { Span } from '@opentelemetry/api'
 import { endSpan } from '@renderer/services/SpanManagerService'
-import type { OpenAI } from 'openai'
-import type { Stream } from 'openai/streaming'
 
 export class StreamHandler {
   private topicId: string
diff --git a/src/renderer/src/types/file.ts b/src/renderer/src/types/file.ts
index 76d1c0df14..6c3c8a4cb6 100644
--- a/src/renderer/src/types/file.ts
+++ b/src/renderer/src/types/file.ts
@@ -1,6 +1,6 @@
+import type OpenAI from '@cherrystudio/openai'
 import type { File } from '@google/genai'
 import type { FileSchema } from '@mistralai/mistralai/models/components'
-import type OpenAI from 'openai'
 
 export type RemoteFile =
   | {
@@ -127,6 +127,10 @@ export type ImageFileMetadata = FileMetadata & {
   type: FileTypes.IMAGE
 }
 
+export type VideoFileMetadata = FileMetadata & {
+  type: FileTypes.VIDEO
+}
+
 export type PdfFileMetadata = FileMetadata & {
   ext: '.pdf'
 }
diff --git a/src/renderer/src/types/index.ts b/src/renderer/src/types/index.ts
index d0540a69b2..d79747275e 100644
--- a/src/renderer/src/types/index.ts
+++ b/src/renderer/src/types/index.ts
@@ -1,7 +1,7 @@
 import type { LanguageModelV2Source } from '@ai-sdk/provider'
 import type { WebSearchResultBlock } from '@anthropic-ai/sdk/resources'
+import type OpenAI from '@cherrystudio/openai'
 import type { GenerateImagesConfig, GroundingMetadata, PersonGeneration } from '@google/genai'
-import type OpenAI from 'openai'
 import type { CSSProperties } from 'react'
 
 export * from './file'
@@ -22,6 +22,7 @@ export * from './mcp'
 export * from './notification'
 export * from './ocr'
 export * from './provider'
+export * from './video'
 
 export type Assistant = {
   id: string
@@ -530,6 +531,7 @@ export const isAutoDetectionMethod = (method: string): method is AutoDetectionMe
 //   | 'files'
 //   | 'code_tools'
 //   | 'notes'
+//   | 'video'
 
 export type ExternalToolResult = {
   mcpTools?: MCPTool[]
diff --git a/src/renderer/src/types/newMessage.ts b/src/renderer/src/types/newMessage.ts
index 0f17192b94..ac6169130b 100644
--- a/src/renderer/src/types/newMessage.ts
+++ b/src/renderer/src/types/newMessage.ts
@@ -1,5 +1,5 @@
+import type { CompletionUsage } from '@cherrystudio/openai/resources'
 import type { ProviderMetadata } from 'ai'
-import type { CompletionUsage } from 'openai/resources'
 
 import type {
   Assistant,
diff --git a/src/renderer/src/types/sdk.ts b/src/renderer/src/types/sdk.ts
index 899b48c82c..195c9eedad 100644
--- a/src/renderer/src/types/sdk.ts
+++ b/src/renderer/src/types/sdk.ts
@@ -11,6 +11,10 @@ import type { MessageStream } from '@anthropic-ai/sdk/resources/messages/message
 import type AnthropicVertex from '@anthropic-ai/vertex-sdk'
 import type { BedrockClient } from '@aws-sdk/client-bedrock'
 import type { BedrockRuntimeClient } from '@aws-sdk/client-bedrock-runtime'
+import type { AzureOpenAI } from '@cherrystudio/openai'
+import type OpenAI from '@cherrystudio/openai'
+import type { ChatCompletionContentPartImage } from '@cherrystudio/openai/resources'
+import type { Stream } from '@cherrystudio/openai/streaming'
 import type {
   Content,
   CreateChatParameters,
@@ -21,10 +25,6 @@ import type {
   SendMessageParameters,
   Tool
 } from '@google/genai'
-import type { AzureOpenAI } from 'openai'
-import type OpenAI from 'openai'
-import type { ChatCompletionContentPartImage } from 'openai/resources'
-import type { Stream } from 'openai/streaming'
 
 import type { EndpointType } from './index'
 
diff --git a/src/renderer/src/types/video.ts b/src/renderer/src/types/video.ts
new file mode 100644
index 0000000000..fbc390dbd8
--- /dev/null
+++ b/src/renderer/src/types/video.ts
@@ -0,0 +1,194 @@
+import OpenAI from '@cherrystudio/openai'
+
+import { Provider } from './provider'
+
+// Only OpenAI (Responses) is supported for now.
+export type VideoEndpointType = 'openai'
+export type VideoStatus = 'queued' | 'in_progress' | 'completed' | 'downloading' | 'downloaded' | 'failed'
+
+interface VideoBase {
+  readonly id: string
+  readonly type: VideoEndpointType
+  readonly providerId: string
+  name: string
+  thumbnail?: string | null
+  fileId?: string
+  prompt: string
+  /**
+   * Represents the possible states of a video generation or download process.
+   *
+   * - `queued`: The video task has been submitted and is waiting to be processed.
+   * - `in_progress`: The video is currently being generated.
+   * - `completed`: The video has been successfully generated and is ready for download.
+   * - `downloading`: The video content is being downloaded to local storage.
+   * - `downloaded`: The video has been fully downloaded and is available locally.
+   * - `failed`: The video task encountered an error and could not be completed.
+   */
+  readonly status: VideoStatus
+}
+
+interface OpenAIVideoBase {
+  readonly type: 'openai'
+  metadata: OpenAI.Videos.Video
+}
+
+export interface VideoQueued extends VideoBase {
+  readonly status: 'queued'
+  thumbnail?: never
+}
+
+export interface VideoInProgress extends VideoBase {
+  readonly status: 'in_progress'
+  /** integer percent */
+  progress: number
+  thumbnail?: never
+}
+export interface VideoCompleted extends VideoBase {
+  readonly status: 'completed'
+  /** Base64 image string. When generation completed, firstly try to retrieve thumbnail. */
+  thumbnail: string | null
+}
+
+export interface VideoDownloading extends VideoBase {
+  readonly status: 'downloading'
+  /** Base64 image string */
+  thumbnail: string | null
+  /** integer percent */
+  progress: number
+}
+export interface VideoDownloaded extends VideoBase {
+  readonly status: 'downloaded'
+  /** Base64 image string */
+  thumbnail: string | null
+  /** Managed by fileManager */
+  fileId: string
+}
+
+export interface VideoFailedBase extends VideoBase {
+  readonly status: 'failed'
+  error: unknown
+}
+
+export interface OpenAIVideoQueued extends VideoQueued, OpenAIVideoBase {}
+export interface OpenAIVideoInProgress extends VideoInProgress, OpenAIVideoBase {}
+export interface OpenAIVideoCompleted extends VideoCompleted, OpenAIVideoBase {}
+export interface OpenAIVideoDownloading extends VideoDownloading, OpenAIVideoBase {}
+export interface OpenAIVideoDownloaded extends VideoDownloaded, OpenAIVideoBase {}
+export interface OpenAIVideoFailed extends VideoFailedBase, OpenAIVideoBase {
+  error: OpenAI.Videos.Video['error']
+}
+
+export type VideoFailed = OpenAIVideoFailed
+
+export type OpenAIVideo =
+  | OpenAIVideoQueued
+  | OpenAIVideoInProgress
+  | OpenAIVideoCompleted
+  | OpenAIVideoDownloading
+  | OpenAIVideoDownloaded
+  | OpenAIVideoFailed
+
+export type Video = OpenAIVideo
+
+// Create Video
+interface CreateVideoBaseParams {
+  type: VideoEndpointType
+  provider: Provider
+}
+
+export interface OpenAICreateVideoParams extends CreateVideoBaseParams {
+  type: 'openai'
+  params: OpenAI.VideoCreateParams
+  options?: OpenAI.RequestOptions
+}
+
+export type CreateVideoParams = OpenAICreateVideoParams
+
+interface CreateVideoBaseResult {
+  type: VideoEndpointType
+  video: unknown
+}
+
+export interface OpenAICreateVideoResult extends CreateVideoBaseResult {
+  type: 'openai'
+  video: OpenAI.Videos.Video
+}
+
+export type CreateVideoResult = OpenAICreateVideoResult
+
+// Retrieve Video
+interface RetrieveVideoBaseParams {
+  type: VideoEndpointType
+  provider: Provider
+}
+
+export interface OpenAIRetrieveVideoParams extends RetrieveVideoBaseParams {
+  type: 'openai'
+  videoId: string
+  options?: OpenAI.RequestOptions
+}
+
+export type RetrieveVideoParams = OpenAIRetrieveVideoParams
+
+interface RetrieveVideoBaseResult {
+  type: VideoEndpointType
+}
+
+export interface OpenAIRetrieveVideoResult extends RetrieveVideoBaseResult {
+  type: 'openai'
+  video: OpenAI.Videos.Video
+}
+
+export type RetrieveVideoResult = OpenAIRetrieveVideoResult
+
+// Retrieve Video Content
+interface RetrieveVideoContentBaseParams {
+  type: VideoEndpointType
+  provider: Provider
+}
+
+export interface OpenAIRetrieveVideoContentParams extends RetrieveVideoContentBaseParams {
+  type: 'openai'
+  videoId: string
+  query?: OpenAI.Videos.VideoDownloadContentParams
+  options?: OpenAI.RequestOptions
+}
+
+export type RetrieveVideoContentParams = OpenAIRetrieveVideoContentParams
+
+interface RetrieveVideoContentBaseResult {
+  type: VideoEndpointType
+}
+
+export interface OpenAIRetrieveVideoContentResult extends RetrieveVideoContentBaseResult {
+  type: 'openai'
+  response: Response
+}
+
+export type RetrieveVideoContentResult = OpenAIRetrieveVideoContentResult
+
+// Delete Video
+export interface DeleteVideoBaseParams {
+  type: VideoEndpointType
+  provider: Provider
+}
+
+export interface OpenAIDeleteVideoParams extends DeleteVideoBaseParams {
+  type: 'openai'
+  videoId: string
+  options?: OpenAI.RequestOptions
+}
+
+export type DeleteVideoParams = OpenAIDeleteVideoParams
+
+interface DeleteVideoBaseResult {
+  type: VideoEndpointType
+  result: unknown
+}
+
+export interface OpenAIDeleteVideoResult extends DeleteVideoBaseResult {
+  type: 'openai'
+  result: OpenAI.Videos.VideoDeleteResponse
+}
+
+export type DeleteVideoResult = OpenAIDeleteVideoResult
diff --git a/src/renderer/src/utils/deepUpdate.ts b/src/renderer/src/utils/deepUpdate.ts
new file mode 100644
index 0000000000..c7d607e89d
--- /dev/null
+++ b/src/renderer/src/utils/deepUpdate.ts
@@ -0,0 +1,35 @@
+import { DeepPartial } from 'ai'
+import { cloneDeep } from 'lodash'
+
+/**
+ * Deeply updates an object, allowing undefined to overwrite existing properties, without using `any`
+ * @param target Original object
+ * @param update Update object (may contain undefined)
+ * @returns New object
+ */
+export function deepUpdate<T extends object>(target: T, update: DeepPartial<T>): T {
+  const result = cloneDeep(target)
+  for (const key in update) {
+    if (Object.hasOwn(update, key)) {
+      // @ts-ignore it's runtime safe
+      const prev = result[key]
+      const next = update[key]
+
+      if (
+        next &&
+        typeof next === 'object' &&
+        !Array.isArray(next) &&
+        prev &&
+        typeof prev === 'object' &&
+        !Array.isArray(prev)
+      ) {
+        // @ts-ignore it's runtime safe
+        result[key] = deepUpdate(prev, next as any)
+      } else {
+        // @ts-ignore it's runtime safe
+        result[key] = next
+      }
+    }
+  }
+  return result
+}
diff --git a/src/renderer/src/utils/mcp-tools.ts b/src/renderer/src/utils/mcp-tools.ts
index cf0240e7a1..49628628d4 100644
--- a/src/renderer/src/utils/mcp-tools.ts
+++ b/src/renderer/src/utils/mcp-tools.ts
@@ -1,4 +1,11 @@
 import type { ContentBlockParam, MessageParam, ToolUnion, ToolUseBlock } from '@anthropic-ai/sdk/resources'
+import type OpenAI from '@cherrystudio/openai'
+import type {
+  ChatCompletionContentPart,
+  ChatCompletionMessageParam,
+  ChatCompletionMessageToolCall,
+  ChatCompletionTool
+} from '@cherrystudio/openai/resources'
 import type { Content, FunctionCall, Part, Tool } from '@google/genai'
 import { Type as GeminiSchemaType } from '@google/genai'
 import { loggerService } from '@logger'
@@ -22,13 +29,6 @@ import { ChunkType } from '@renderer/types/chunk'
 import type { AwsBedrockSdkMessageParam, AwsBedrockSdkTool, AwsBedrockSdkToolCall } from '@renderer/types/sdk'
 import { t } from 'i18next'
 import { nanoid } from 'nanoid'
-import type OpenAI from 'openai'
-import type {
-  ChatCompletionContentPart,
-  ChatCompletionMessageParam,
-  ChatCompletionMessageToolCall,
-  ChatCompletionTool
-} from 'openai/resources'
 
 import { isToolUseModeFunction } from './assistant'
 import { convertBase64ImageToAwsBedrockFormat } from './aws-bedrock-utils'
diff --git a/src/renderer/src/utils/model/video.ts b/src/renderer/src/utils/model/video.ts
new file mode 100644
index 0000000000..34cfb099a5
--- /dev/null
+++ b/src/renderer/src/utils/model/video.ts
@@ -0,0 +1,7 @@
+import { VideoModel } from '@cherrystudio/openai/resources'
+import { videoModelsMap } from '@renderer/config/models/video'
+
+// Only for openai, use hard-encoded values
+export const isVideoModel = (modelId: string): modelId is VideoModel => {
+  return videoModelsMap.openai.some((v) => v === modelId)
+}
diff --git a/yarn.lock b/yarn.lock
index 635ec39ec1..b27ce794ca 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2772,6 +2772,23 @@ __metadata:
   languageName: unknown
   linkType: soft
 
+"@cherrystudio/openai@npm:6.3.0-fork.1, openai@npm:@cherrystudio/openai@6.3.0-fork.1":
+  version: 6.3.0-fork.1
+  resolution: "@cherrystudio/openai@npm:6.3.0-fork.1"
+  peerDependencies:
+    ws: ^8.18.0
+    zod: ^3.25 || ^4.0
+  peerDependenciesMeta:
+    ws:
+      optional: true
+    zod:
+      optional: true
+  bin:
+    openai: bin/cli
+  checksum: 10c0/dc8c5555aa6d12cd47586efc70175ec1bf7112c1f737b28d86d26e9666535d9e87d1c4811a069d11c324bab56f4dae242d7266efa88359d0926c7059240d24cc
+  languageName: node
+  linkType: hard
+
 "@cherrystudio/ui@workspace:*, @cherrystudio/ui@workspace:packages/ui":
   version: 0.0.0-use.local
   resolution: "@cherrystudio/ui@workspace:packages/ui"
@@ -15481,6 +15498,7 @@ __metadata:
     "@cherrystudio/embedjs-ollama": "npm:^0.1.31"
     "@cherrystudio/embedjs-openai": "npm:^0.1.31"
     "@cherrystudio/extension-table-plus": "workspace:^"
+    "@cherrystudio/openai": "npm:6.3.0-fork.1"
     "@cherrystudio/ui": "workspace:*"
     "@dnd-kit/core": "npm:^6.3.1"
     "@dnd-kit/modifiers": "npm:^9.0.0"
@@ -15661,7 +15679,6 @@ __metadata:
     notion-helper: "npm:^1.3.22"
     npx-scope-finder: "npm:^1.2.0"
     officeparser: "npm:^4.2.0"
-    openai: "patch:openai@npm%3A5.12.2#~/.yarn/patches/openai-npm-5.12.2-30b075401c.patch"
     os-proxy-config: "npm:^1.1.2"
     oxlint: "npm:^1.22.0"
     oxlint-tsgolint: "npm:^0.2.0"
@@ -25712,23 +25729,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"openai@patch:openai@npm%3A5.12.2#~/.yarn/patches/openai-npm-5.12.2-30b075401c.patch":
-  version: 5.12.2
-  resolution: "openai@patch:openai@npm%3A5.12.2#~/.yarn/patches/openai-npm-5.12.2-30b075401c.patch::version=5.12.2&hash=ad5d10"
-  peerDependencies:
-    ws: ^8.18.0
-    zod: ^3.23.8
-  peerDependenciesMeta:
-    ws:
-      optional: true
-    zod:
-      optional: true
-  bin:
-    openai: bin/cli
-  checksum: 10c0/2964a1c88a98cf169c9b73e8cd6776c03c8f3103fee30961c6953e5d995ad57a697e2179615999356809349186df6496abae105928ff7ce0229e5016dec87cb3
-  languageName: node
-  linkType: hard
-
 "openapi-types@npm:^12.1.3":
   version: 12.1.3
   resolution: "openapi-types@npm:12.1.3"