diff --git a/web/app/components/workflow/skill/editor/office-file-placeholder.tsx b/web/app/components/workflow/skill/editor/office-file-placeholder.tsx
deleted file mode 100644
index d9ea429f57..0000000000
--- a/web/app/components/workflow/skill/editor/office-file-placeholder.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import type { FC } from 'react'
-import * as React from 'react'
-import { useTranslation } from 'react-i18next'
-
-const OfficeFilePlaceholder: FC = () => {
- const { t } = useTranslation('workflow')
-
- return (
-
-
- {t('skillEditor.officePlaceholder')}
-
-
- )
-}
-
-export default React.memo(OfficeFilePlaceholder)
diff --git a/web/app/components/workflow/skill/hooks/use-file-type-info.ts b/web/app/components/workflow/skill/hooks/use-file-type-info.ts
index 95e9ed334a..9495718f04 100644
--- a/web/app/components/workflow/skill/hooks/use-file-type-info.ts
+++ b/web/app/components/workflow/skill/hooks/use-file-type-info.ts
@@ -5,7 +5,6 @@ import {
isCodeOrTextFile,
isImageFile,
isMarkdownFile,
- isOfficeFile,
isVideoFile,
} from '../utils/file-utils'
@@ -14,14 +13,13 @@ export type FileTypeInfo = {
isCodeOrText: boolean
isImage: boolean
isVideo: boolean
- isOffice: boolean
isEditable: boolean
isMediaFile: boolean
}
/**
* Hook to determine file type information based on file node.
- * Returns flags for markdown, code/text, image, video, office files.
+ * Returns flags for markdown, code/text, image, video files.
*/
export function useFileTypeInfo(fileNode: AppAssetTreeView | undefined): FileTypeInfo {
return useMemo(() => {
@@ -36,7 +34,6 @@ export function useFileTypeInfo(fileNode: AppAssetTreeView | undefined): FileTyp
isCodeOrText: codeOrText,
isImage: image,
isVideo: video,
- isOffice: isOfficeFile(ext),
isEditable: markdown || codeOrText,
isMediaFile: image || video,
}
diff --git a/web/app/components/workflow/skill/skill-doc-editor.tsx b/web/app/components/workflow/skill/skill-doc-editor.tsx
index a56eedc425..b54922906f 100644
--- a/web/app/components/workflow/skill/skill-doc-editor.tsx
+++ b/web/app/components/workflow/skill/skill-doc-editor.tsx
@@ -15,7 +15,6 @@ import { basePath } from '@/utils/var'
import CodeFileEditor from './editor/code-file-editor'
import MarkdownFileEditor from './editor/markdown-file-editor'
import MediaFilePreview from './editor/media-file-preview'
-import OfficeFilePlaceholder from './editor/office-file-placeholder'
import UnsupportedFileDownload from './editor/unsupported-file-download'
import { useFileTypeInfo } from './hooks/use-file-type-info'
import { useSkillAssetNodeMap } from './hooks/use-skill-asset-tree'
@@ -44,7 +43,7 @@ const SkillDocEditor: FC = () => {
const currentFileNode = activeTabId ? nodeMap?.get(activeTabId) : undefined
- const { isMarkdown, isCodeOrText, isImage, isVideo, isOffice, isEditable } = useFileTypeInfo(currentFileNode)
+ const { isMarkdown, isCodeOrText, isImage, isVideo, isEditable } = useFileTypeInfo(currentFileNode)
const { fileContent, downloadUrlData, isLoading, error } = useSkillFileData(appId, activeTabId, isEditable)
@@ -150,11 +149,11 @@ const SkillDocEditor: FC = () => {
)
}
- // For non-editable files (media, office, unsupported), use download URL
+ // For non-editable files (media, unsupported), use download URL
const downloadUrl = downloadUrlData?.download_url || ''
const fileName = currentFileNode?.name || ''
const fileSize = currentFileNode?.size
- const isUnsupportedFile = !isMarkdown && !isCodeOrText && !isImage && !isVideo && !isOffice
+ const isUnsupportedFile = !isMarkdown && !isCodeOrText && !isImage && !isVideo
return (
@@ -187,11 +186,6 @@ const SkillDocEditor: FC = () => {
/>
)
: null}
- {isOffice
- ? (
-
- )
- : null}
{isUnsupportedFile
? (