@lobehub/chat 1.14.6 → 1.14.8

package/CHANGELOG.md

@@ -2,6 +2,64 @@
 
 # Changelog
 
+### [Version 1.14.8](https://github.com/lobehub/lobe-chat/compare/v1.14.7...v1.14.8)
+
+<sup>Released on **2024-08-29**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix whisper-1 typo.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix whisper-1 typo, closes [#3665](https://github.com/lobehub/lobe-chat/issues/3665) ([084c971](https://github.com/lobehub/lobe-chat/commit/084c971))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 1.14.7](https://github.com/lobehub/lobe-chat/compare/v1.14.6...v1.14.7)
+
+<sup>Released on **2024-08-28**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Disable ChatGPT-4o Tools Calling.
+
+#### 💄 Styles
+
+- **misc**: Improve chunk and file preview.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Disable ChatGPT-4o Tools Calling, closes [#3659](https://github.com/lobehub/lobe-chat/issues/3659) ([c94077d](https://github.com/lobehub/lobe-chat/commit/c94077d))
+
+#### Styles
+
+- **misc**: Improve chunk and file preview, closes [#3658](https://github.com/lobehub/lobe-chat/issues/3658) ([4c9155c](https://github.com/lobehub/lobe-chat/commit/4c9155c))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.14.6](https://github.com/lobehub/lobe-chat/compare/v1.14.5...v1.14.6)
 
 <sup>Released on **2024-08-28**</sup>

package/locales/ar/portal.json

@@ -1,11 +1,18 @@
 {
   "Artifacts": "القطع الأثرية",
+  "FilePreview": {
+    "tabs": {
+      "chunk": "جزء",
+      "file": "ملف"
+    }
+  },
   "actions": {
     "genAiMessage": "إنشاء رسالة مساعد ذكاء اصطناعي",
     "summary": "ملخص",
     "summaryTooltip": "ملخص للمحتوى الحالي"
   },
   "emptyArtifactList": "قائمة القطع الأثرية الحالية فارغة، يرجى استخدام الإضافات في الجلسة ومن ثم التحقق مرة أخرى",
+  "emptyKnowledgeList": "قائمة المعرفة الحالية فارغة، يرجى فتح قاعدة المعرفة حسب الحاجة في المحادثة قبل العرض",
   "files": "ملفات",
   "title": "نافذة موسعة"
 }

package/locales/bg-BG/portal.json

@@ -1,11 +1,18 @@
 {
   "Artifacts": "Артефакти",
+  "FilePreview": {
+    "tabs": {
+      "chunk": "Част",
+      "file": "Файл"
+    }
+  },
   "actions": {
     "genAiMessage": "Създаване на съобщение на помощника",
     "summary": "Обобщение",
     "summaryTooltip": "Обобщение на текущото съдържание"
   },
   "emptyArtifactList": "Списъкът с текущите артефакти е празен. Моля, използвайте добавки в разговора и след това проверете отново.",
+  "emptyKnowledgeList": "Текущият списък с познания е празен. Моля, активирайте базата данни на познанията по време на сесията, за да я прегледате.",
   "files": "файлове",
   "title": "Разширено прозорец"
 }

package/locales/de-DE/portal.json

@@ -1,11 +1,18 @@
 {
   "Artifacts": "Artefakte",
+  "FilePreview": {
+    "tabs": {
+      "chunk": "Chunk",
+      "file": "Datei"
+    }
+  },
   "actions": {
     "genAiMessage": "Assistenten-Nachricht erstellen",
     "summary": "Zusammenfassung",
     "summaryTooltip": "Zusammenfassung des aktuellen Inhalts"
   },
   "emptyArtifactList": "Die Liste der Artefakte ist derzeit leer. Bitte verwenden Sie Plugins in der Sitzung und überprüfen Sie sie erneut.",
+  "emptyKnowledgeList": "Die aktuelle Wissensliste ist leer. Bitte aktivieren Sie die Wissensdatenbank nach Bedarf in der Sitzung, um sie anzuzeigen.",
   "files": "Dateien",
   "title": "Erweiterungsfenster"
 }

package/locales/en-US/components.json

@@ -11,12 +11,12 @@
       "addToOtherKnowledgeBase": "Add to Other Knowledge Base",
       "batchChunking": "Batch Chunking",
       "chunking": "Chunking",
-      "chunkingTooltip": "Split the file into multiple text chunks and vectorize them for semantic search and file dialogue.",
+      "chunkingTooltip": "Split the file into multiple text chunks and embedding them for semantic search and file dialogue.",
       "confirmDelete": "You are about to delete this file. Once deleted, it cannot be recovered. Please confirm your action.",
       "confirmDeleteMultiFiles": "You are about to delete the selected {{count}} files. Once deleted, they cannot be recovered. Please confirm your action.",
       "confirmRemoveFromKnowledgeBase": "You are about to remove the selected {{count}} files from the knowledge base. They will still be viewable in all files. Please confirm your action.",
       "copyUrl": "Copy Link",
-      "copyUrlSuccess": "File address copied successfully.",
+      "copyUrlSuccess": "File url copied successfully.",
       "createChunkingTask": "Preparing...",
       "deleteSuccess": "File deleted successfully.",
       "downloading": "Downloading file...",
@@ -49,16 +49,16 @@
   "FileParsingStatus": {
     "chunks": {
       "embeddingStatus": {
-        "empty": "Text chunks have not been fully vectorized, which will render the semantic search feature unavailable. To improve search quality, please vectorize the text chunks.",
-        "error": "Vectorization failed",
-        "errorResult": "Vectorization failed, please check and try again. Reason for failure:",
-        "processing": "Text chunks are being vectorized, please be patient.",
-        "success": "All current text chunks have been vectorized."
+        "empty": "Text chunks have not been fully embedded, which will render the semantic search feature unavailable. To improve search quality, please embedding the text chunks.",
+        "error": "Embedding failed",
+        "errorResult": "Vectorization failed, please check and try again. Error detail:",
+        "processing": "Text chunks are being embedded, please be patient.",
+        "success": "All current text chunks have been embedded"
       },
-      "embeddings": "Vectorization",
+      "embeddings": "Embedding",
       "status": {
-        "error": "Chunking failed.",
-        "errorResult": "Chunking failed, please check and try again. Reason for failure:",
+        "error": "Chunking failed",
+        "errorResult": "Chunking failed, please check and try again. Error detail:",
         "processing": "Chunking in progress.",
         "processingTip": "The server is splitting text chunks; closing the page will not affect the chunking progress."
       }

package/locales/en-US/file.json

@@ -1,5 +1,5 @@
 {
-  "desc": "Manage your files and knowledge base",
+  "desc": "Manage files and knowledge base",
   "detail": {
     "basic": {
       "createdAt": "Creation Time",
@@ -10,15 +10,15 @@
       "updatedAt": "Update Time"
     },
     "data": {
-      "chunkCount": "Number of Chunks",
+      "chunkCount": "Chunks",
       "embedding": {
-        "default": "Not yet vectorized",
+        "default": "Not embedding",
         "error": "Failed",
         "pending": "Pending start",
         "processing": "In progress",
         "success": "Completed"
       },
-      "embeddingStatus": "Vectorization"
+      "embeddingStatus": "embedding"
     }
   },
   "header": {
@@ -32,7 +32,7 @@
   "knowledgeBase": {
     "list": {
       "confirmRemoveKnowledgeBase": "You are about to delete this knowledge base. The files within will not be deleted and will be moved to All Files. Once deleted, the knowledge base cannot be recovered. Please proceed with caution.",
-      "empty": "Click <1>+</1> to start creating a knowledge base"
+      "empty": "Click <1>+</1> to add a knowledge base"
     },
     "new": "New Knowledge Base",
     "title": "Knowledge Base"

package/locales/en-US/portal.json

@@ -1,11 +1,18 @@
 {
   "Artifacts": "Artifacts",
+  "FilePreview": {
+    "tabs": {
+      "chunk": "Chunk",
+      "file": "File"
+    }
+  },
   "actions": {
     "genAiMessage": "Generate Assistant Message",
     "summary": "Summary",
     "summaryTooltip": "Summarize current content"
   },
   "emptyArtifactList": "The current Artifacts list is empty. Please use plugins in the session as needed before viewing.",
+  "emptyKnowledgeList": "The current knowledge list is empty. Please enable the knowledge base as needed during the conversation before viewing.",
   "files": "Files",
   "title": "Portal View"
 }

package/locales/en-US/tool.json

@@ -5,6 +5,6 @@
     "generate": "Generate",
     "generating": "Generating...",
     "images": "Images:",
-    "prompt": "提示词"
+    "prompt": "Prompt"
   }
 }

package/locales/es-ES/portal.json

@@ -1,11 +1,18 @@
 {
   "Artifacts": "Artefactos",
+  "FilePreview": {
+    "tabs": {
+      "chunk": "Fragmento",
+      "file": "Archivo"
+    }
+  },
   "actions": {
     "genAiMessage": "Crear mensaje de IA",
     "summary": "Resumen",
     "summaryTooltip": "Resumir el contenido actual"
   },
   "emptyArtifactList": "La lista de Artefactos actual está vacía. Por favor, utilice los complementos en la conversación y vuelva a intentarlo.",
+  "emptyKnowledgeList": "La lista de conocimientos actual está vacía. Por favor, activa la base de conocimientos según sea necesario en la conversación antes de volver a revisar.",
   "files": "archivos",
   "title": "Ventana de expansión"
 }

package/locales/fr-FR/portal.json

@@ -1,11 +1,18 @@
 {
   "Artifacts": "Artifacts",
+  "FilePreview": {
+    "tabs": {
+      "chunk": "Fragment",
+      "file": "Fichier"
+    }
+  },
   "actions": {
     "genAiMessage": "Créer un message d'assistant",
     "summary": "Résumé",
     "summaryTooltip": "Résumé du contenu actuel"
   },
   "emptyArtifactList": "La liste des Artifacts est actuellement vide. Veuillez utiliser les plugins dans la conversation avant de consulter à nouveau.",
+  "emptyKnowledgeList": "La liste des connaissances est actuellement vide. Veuillez activer la base de connaissances selon vos besoins dans la conversation avant de consulter.",
   "files": "Fichiers",
   "title": "Fenêtre d'extension"
 }

package/locales/it-IT/portal.json

@@ -1,11 +1,18 @@
 {
   "Artifacts": "Artefatti",
+  "FilePreview": {
+    "tabs": {
+      "chunk": "Blocco",
+      "file": "File"
+    }
+  },
   "actions": {
     "genAiMessage": "Genera messaggio AI",
     "summary": "Sommario",
     "summaryTooltip": "Sommario del contenuto attuale"
   },
   "emptyArtifactList": "La lista degli Artefatti attuale è vuota, si prega di utilizzare i plugin necessari durante la sessione e poi controllare di nuovo",
+  "emptyKnowledgeList": "L'elenco delle conoscenze attuale è vuoto. Si prega di attivare il database delle conoscenze durante la conversazione per visualizzarlo.",
   "files": "File",
   "title": "Finestra di espansione"
 }

package/locales/ja-JP/portal.json

@@ -1,11 +1,18 @@
 {
   "Artifacts": "アーティファクト",
+  "FilePreview": {
+    "tabs": {
+      "chunk": "チャンク",
+      "file": "ファイル"
+    }
+  },
   "actions": {
     "genAiMessage": "AIメッセージを生成",
     "summary": "サマリー",
     "summaryTooltip": "現在の内容を要約"
   },
   "emptyArtifactList": "現在、アーティファクトリストは空です。プラグインを使用してセッション中に追加してください。",
+  "emptyKnowledgeList": "現在の知識リストは空です。会話中に必要に応じて知識ベースを開いてからご覧ください。",
   "files": "ファイル",
   "title": "拡張ウィンドウ"
 }

package/locales/ko-KR/portal.json

@@ -1,11 +1,18 @@
 {
   "Artifacts": "아티팩트",
+  "FilePreview": {
+    "tabs": {
+      "chunk": "청크",
+      "file": "파일"
+    }
+  },
   "actions": {
     "genAiMessage": "AI 메시지 생성",
     "summary": "요약",
     "summaryTooltip": "현재 콘텐츠를 요약합니다"
   },
   "emptyArtifactList": "현재 아티팩트 목록이 비어 있습니다. 플러그인을 사용한 후에 다시 확인해주세요.",
+  "emptyKnowledgeList": "현재 지식 목록이 비어 있습니다. 대화 중에 필요에 따라 지식 베이스를 활성화한 후 다시 확인해 주세요.",
   "files": "파일",
   "title": "확장 창"
 }

package/locales/nl-NL/portal.json

@@ -1,11 +1,18 @@
 {
   "Artifacts": "Artifacts",
+  "FilePreview": {
+    "tabs": {
+      "chunk": "Chunk",
+      "file": "Bestand"
+    }
+  },
   "actions": {
     "genAiMessage": "Creëer assistentbericht",
     "summary": "Samenvatting",
     "summaryTooltip": "Samenvatting van de huidige inhoud"
   },
   "emptyArtifactList": "De huidige lijst met Artifacts is leeg. Gebruik plugins in de sessie en bekijk deze later opnieuw.",
+  "emptyKnowledgeList": "De huidige kennislijst is leeg. Gelieve de kennisbank in de sessie te openen voordat u deze bekijkt.",
   "files": "Bestanden",
   "title": "Uitbreidingsvenster"
 }

package/locales/pl-PL/portal.json

@@ -1,11 +1,18 @@
 {
   "Artifacts": "Artefakty",
+  "FilePreview": {
+    "tabs": {
+      "chunk": "Część",
+      "file": "Plik"
+    }
+  },
   "actions": {
     "genAiMessage": "Tworzenie wiadomości AI",
     "summary": "Podsumowanie",
     "summaryTooltip": "Podsumowanie bieżącej zawartości"
   },
   "emptyArtifactList": "Obecna lista Artefaktów jest pusta. Proszę użyć wtyczek w trakcie sesji, a następnie sprawdzić ponownie.",
+  "emptyKnowledgeList": "Aktualna lista wiedzy jest pusta. Proszę otworzyć bazę wiedzy w trakcie rozmowy, aby ją przeglądać.",
   "files": "Pliki",
   "title": "Okno rozszerzenia"
 }

package/locales/pt-BR/portal.json

@@ -1,11 +1,18 @@
 {
   "Artifacts": "Artefatos",
+  "FilePreview": {
+    "tabs": {
+      "chunk": "Parte",
+      "file": "Arquivo"
+    }
+  },
   "actions": {
     "genAiMessage": "Gerar mensagem de IA",
     "summary": "Resumo",
     "summaryTooltip": "Resumir o conteúdo atual"
   },
   "emptyArtifactList": "A lista de Artefatos atual está vazia. Por favor, use os plugins conforme necessário durante a sessão e depois verifique novamente.",
+  "emptyKnowledgeList": "A lista de conhecimentos atual está vazia. Por favor, ative o repositório de conhecimentos conforme necessário durante a conversa antes de visualizar.",
   "files": "Arquivos",
   "title": "Janela de Expansão"
 }

package/locales/ru-RU/portal.json

@@ -1,11 +1,18 @@
 {
   "Artifacts": "Артефакты",
+  "FilePreview": {
+    "tabs": {
+      "chunk": "Часть",
+      "file": "Файл"
+    }
+  },
   "actions": {
     "genAiMessage": "Создать сообщение помощника",
     "summary": "Сводка",
     "summaryTooltip": "Сводка текущего содержимого"
   },
   "emptyArtifactList": "Список текущих артефактов пуст. Пожалуйста, используйте плагины во время сеанса и затем просмотрите.",
+  "emptyKnowledgeList": "Текущий список знаний пуст. Пожалуйста, откройте базу знаний по мере необходимости в разговоре, прежде чем просматривать.",
   "files": "файлы",
   "title": "Расширенное окно"
 }

package/locales/tr-TR/portal.json

@@ -1,11 +1,18 @@
 {
   "Artifacts": "Artefaktlar",
+  "FilePreview": {
+    "tabs": {
+      "chunk": "Parça",
+      "file": "Dosya"
+    }
+  },
   "actions": {
     "genAiMessage": "Yapay Zeka Mesajı Oluştur",
     "summary": "Özet",
     "summaryTooltip": "Mevcut içeriği özetle"
   },
   "emptyArtifactList": "Mevcut Artefakt listesi boş, lütfen eklentileri kullanarak oturumda gerektiğinde göz atın",
+  "emptyKnowledgeList": "Mevcut bilgi listesi boş. Lütfen sohbet sırasında ihtiyaç duyduğunuz bilgi havuzunu açtıktan sonra tekrar kontrol edin.",
   "files": "Dosyalar",
   "title": "Genişletme Penceresi"
 }

package/locales/vi-VN/portal.json

@@ -1,11 +1,18 @@
 {
   "Artifacts": "Tác Phẩm",
+  "FilePreview": {
+    "tabs": {
+      "chunk": "Phân đoạn",
+      "file": "Tập tin"
+    }
+  },
   "actions": {
     "genAiMessage": "Tạo tin nhắn trợ giúp",
     "summary": "Tóm tắt",
     "summaryTooltip": "Tóm tắt nội dung hiện tại"
   },
   "emptyArtifactList": "Danh sách Tác Phẩm hiện tại đang trống, vui lòng sử dụng các plugin trong cuộc trò chuyện trước khi xem lại",
+  "emptyKnowledgeList": "Danh sách kiến thức hiện tại trống, vui lòng mở kho kiến thức khi cần trong cuộc trò chuyện trước khi xem",
   "files": "Tập tin",
   "title": "Cửa sổ mở rộng"
 }

package/locales/zh-CN/portal.json

@@ -1,11 +1,18 @@
 {
   "Artifacts": "Artifacts",
+  "FilePreview": {
+    "tabs": {
+      "chunk": "分块",
+      "file": "文件"
+    }
+  },
   "actions": {
     "genAiMessage": "创建助手消息",
     "summary": "总结",
     "summaryTooltip": "总结当前内容"
   },
   "emptyArtifactList": "当前 Artifacts 列表为空，请在会话中按需使用插件后再查看",
+  "emptyKnowledgeList": "当前知识列表为空，请在会话中按需开启知识库后再查看",
   "files": "文件",
   "title": "工作区"
 }

package/locales/zh-TW/portal.json

@@ -1,11 +1,18 @@
 {
   "Artifacts": "文物",
+  "FilePreview": {
+    "tabs": {
+      "chunk": "分塊",
+      "file": "檔案"
+    }
+  },
   "actions": {
     "genAiMessage": "生成助手訊息",
     "summary": "摘要",
     "summaryTooltip": "總結目前內容"
   },
   "emptyArtifactList": "當前文物列表為空，請在會話中按需使用插件後再查看",
+  "emptyKnowledgeList": "當前知識列表為空，請在會話中按需開啟知識庫後再查看",
   "files": "檔案",
   "title": "擴展視窗"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.14.6",
+  "version": "1.14.8",
   "description": "Lobe Chat - an open-source, high-performance chatbot framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",

package/src/app/(main)/chat/(workspace)/@portal/Artifacts/{index.tsx → Body/index.tsx}

@@ -5,7 +5,7 @@ import { useChatStore } from '@/store/chat';
 import { chatPortalSelectors, chatSelectors } from '@/store/chat/selectors';
 import { safeParseJSON } from '@/utils/safeParseJSON';
 
-import Footer from './Footer';
+import Footer from '../Footer';
 import ToolRender from './ToolRender';
 
 const ToolUI = () => {

package/src/app/(main)/chat/(workspace)/@portal/Artifacts/Header.tsx

@@ -0,0 +1,35 @@
+import { ActionIcon } from '@lobehub/ui';
+import { Typography } from 'antd';
+import isEqual from 'fast-deep-equal';
+import { ArrowLeft } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
+
+import PluginAvatar from '@/features/PluginAvatar';
+import { useChatStore } from '@/store/chat';
+import { chatPortalSelectors } from '@/store/chat/selectors';
+import { pluginHelpers, useToolStore } from '@/store/tool';
+import { toolSelectors } from '@/store/tool/selectors';
+
+const Header = () => {
+  const [closeToolUI, toolUIIdentifier = ''] = useChatStore((s) => [
+    s.closeToolUI,
+    chatPortalSelectors.toolUIIdentifier(s),
+  ]);
+
+  const { t } = useTranslation('plugin');
+  const pluginMeta = useToolStore(toolSelectors.getMetaById(toolUIIdentifier), isEqual);
+  const pluginTitle = pluginHelpers.getPluginTitle(pluginMeta) ?? t('unknownPlugin');
+
+  return (
+    <Flexbox align={'center'} gap={4} horizontal>
+      <ActionIcon icon={ArrowLeft} onClick={() => closeToolUI()} />
+      <PluginAvatar identifier={toolUIIdentifier} size={28} />
+      <Typography.Text style={{ fontSize: 16 }} type={'secondary'}>
+        {pluginTitle}
+      </Typography.Text>
+    </Flexbox>
+  );
+};
+
+export default Header;

package/src/app/(main)/chat/(workspace)/@portal/Artifacts/index.ts

@@ -0,0 +1,9 @@
+import Body from './Body';
+import Header from './Header';
+import { useEnable } from './useEnable';
+
+export const Artifacts = {
+  Body,
+  Header,
+  useEnable,
+};

package/src/app/(main)/chat/(workspace)/@portal/Artifacts/useEnable.ts

@@ -0,0 +1,6 @@
+import { useChatStore } from '@/store/chat';
+import { chatPortalSelectors } from '@/store/chat/selectors';
+
+export const useEnable = () => {
+  return useChatStore(chatPortalSelectors.showArtifactUI);
+};

package/src/app/(main)/chat/(workspace)/@portal/FilePreview/Body/index.tsx

@@ -0,0 +1,57 @@
+import { Icon, Markdown } from '@lobehub/ui';
+import { Segmented } from 'antd';
+import { BoltIcon, FileIcon } from 'lucide-react';
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
+
+import Loading from '@/components/CircleLoading';
+import FileViewer from '@/features/FileViewer';
+import { useChatStore } from '@/store/chat';
+import { chatPortalSelectors } from '@/store/chat/selectors';
+import { useFileStore } from '@/store/file';
+
+const FilePreview = () => {
+  const previewFileId = useChatStore(chatPortalSelectors.previewFileId);
+  const chunkText = useChatStore(chatPortalSelectors.chunkText);
+  const useFetchFileItem = useFileStore((s) => s.useFetchFileItem);
+  const { t } = useTranslation('portal');
+
+  const [tab, setTab] = useState('chunk');
+  const { data, isLoading } = useFetchFileItem(previewFileId);
+
+  if (isLoading) return <Loading />;
+  if (!data) return;
+
+  const showChunk = tab === 'chunk' && !!chunkText;
+  return (
+    <Flexbox
+      height={'100%'}
+      paddingBlock={'0 4px'}
+      paddingInline={4}
+      style={{ borderRadius: 4, overflow: 'hidden' }}
+    >
+      {chunkText && (
+        <Segmented
+          block
+          onChange={setTab}
+          options={[
+            { icon: <Icon icon={BoltIcon} />, label: t('FilePreview.tabs.chunk'), value: 'chunk' },
+            { icon: <Icon icon={FileIcon} />, label: t('FilePreview.tabs.file'), value: 'file' },
+          ]}
+          value={tab}
+        />
+      )}
+
+      {showChunk ? (
+        <Markdown style={{ overflow: 'scroll', paddingInline: 8 }}>{chunkText}</Markdown>
+      ) : (
+        <Flexbox flex={1} paddingBlock={8} style={{ overflow: 'scroll' }}>
+          <FileViewer {...data} />
+        </Flexbox>
+      )}
+    </Flexbox>
+  );
+};
+
+export default FilePreview;