+
{$i18n.t('Chunk Params')}
+
+
+
{$i18n.t('Text Splitter')}
+
+
- {$i18n.t('Default')} ({$i18n.t('Character')})
+ {$i18n.t('Token')} ({$i18n.t('Tiktoken')})
+
-
-
- {$i18n.t('Max Upload Count')}
-
-
-
+
+
+
+ {$i18n.t('Chunk Size')}
+
+
+
+
+
+
+ {$i18n.t('Chunk Overlap')}
+
+
+
+
+
+
+
+
{$i18n.t('PDF Extract Images (OCR)')}
+
+
+
+
+
+
+
+
{$i18n.t('Files')}
+
+
+
+
+ {$i18n.t('Max Upload Size')}
+
+
+
+
+
+
+
+
+
+
+ {$i18n.t('Max Upload Count')}
+
+
+
+
+
+
+
+
+
+
+
+
+
{
+ showResetUploadDirConfirm = true;
+ }}
+ type="button"
+ >
+
+ {$i18n.t('Reset Upload Directory')}
+
+
+
{
+ showResetConfirm = true;
+ }}
+ type="button"
+ >
+
+
+ {$i18n.t('Reset Vector Storage/Knowledge')}
+
+
+
-
-
-
-
+
{
- showResetUploadDirConfirm = true;
- }}
- type="button"
+ class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
+ type="submit"
>
-
- {$i18n.t('Reset Upload Directory')}
-
-
-
{
- showResetConfirm = true;
- }}
- type="button"
- >
-
-
- {$i18n.t('Reset Vector Storage/Knowledge')}
-
+ {$i18n.t('Save')}
-
-
- {$i18n.t('Save')}
-
-
diff --git a/src/lib/components/chat/Chat.svelte b/src/lib/components/chat/Chat.svelte
index 89ff6c2e0..ebe3c6f30 100644
--- a/src/lib/components/chat/Chat.svelte
+++ b/src/lib/components/chat/Chat.svelte
@@ -384,6 +384,131 @@
// File upload functions
+ const uploadGoogleDriveFile = async (fileData) => {
+ console.log('Starting uploadGoogleDriveFile with:', {
+ id: fileData.id,
+ name: fileData.name,
+ url: fileData.url,
+ headers: {
+ Authorization: `Bearer ${token}`
+ }
+ });
+
+ // Validate input
+ if (!fileData?.id || !fileData?.name || !fileData?.url || !fileData?.headers?.Authorization) {
+ throw new Error('Invalid file data provided');
+ }
+
+ const tempItemId = uuidv4();
+ const fileItem = {
+ type: 'file',
+ file: '',
+ id: null,
+ url: fileData.url,
+ name: fileData.name,
+ collection_name: '',
+ status: 'uploading',
+ error: '',
+ itemId: tempItemId,
+ size: 0
+ };
+
+ try {
+ files = [...files, fileItem];
+ console.log('Processing web file with URL:', fileData.url);
+
+ // Configure fetch options with proper headers
+ const fetchOptions = {
+ headers: {
+ Authorization: fileData.headers.Authorization,
+ Accept: '*/*'
+ },
+ method: 'GET'
+ };
+
+ // Attempt to fetch the file
+ console.log('Fetching file content from Google Drive...');
+ const fileResponse = await fetch(fileData.url, fetchOptions);
+
+ if (!fileResponse.ok) {
+ const errorText = await fileResponse.text();
+ throw new Error(`Failed to fetch file (${fileResponse.status}): ${errorText}`);
+ }
+
+ // Get content type from response
+ const contentType = fileResponse.headers.get('content-type') || 'application/octet-stream';
+ console.log('Response received with content-type:', contentType);
+
+ // Convert response to blob
+ console.log('Converting response to blob...');
+ const fileBlob = await fileResponse.blob();
+
+ if (fileBlob.size === 0) {
+ throw new Error('Retrieved file is empty');
+ }
+
+ console.log('Blob created:', {
+ size: fileBlob.size,
+ type: fileBlob.type || contentType
+ });
+
+ // Create File object with proper MIME type
+ const file = new File([fileBlob], fileData.name, {
+ type: fileBlob.type || contentType
+ });
+
+ console.log('File object created:', {
+ name: file.name,
+ size: file.size,
+ type: file.type
+ });
+
+ if (file.size === 0) {
+ throw new Error('Created file is empty');
+ }
+
+ // Upload file to server
+ console.log('Uploading file to server...');
+ const uploadedFile = await uploadFile(localStorage.token, file);
+
+ if (!uploadedFile) {
+ throw new Error('Server returned null response for file upload');
+ }
+
+ console.log('File uploaded successfully:', uploadedFile);
+
+ // Update file item with upload results
+ fileItem.status = 'uploaded';
+ fileItem.file = uploadedFile;
+ fileItem.id = uploadedFile.id;
+ fileItem.size = file.size;
+ fileItem.collection_name = uploadedFile?.meta?.collection_name;
+ fileItem.url = `${WEBUI_API_BASE_URL}/files/${uploadedFile.id}`;
+
+ files = files;
+ toast.success($i18n.t('File uploaded successfully'));
+ } catch (e) {
+ console.error('Error uploading file:', e);
+ files = files.filter((f) => f.itemId !== tempItemId);
+ toast.error(
+ $i18n.t('Error uploading file: {{error}}', {
+ error: e.message || 'Unknown error'
+ })
+ );
+ }
+ };
+
+ const handleGoogleDrivePicker = async () => {
+ try {
+ const fileData = await createPicker();
+ if (fileData) {
+ await uploadGoogleDriveFile(fileData);
+ }
+ } catch (error) {
+ toast.error('Error accessing Google Drive: ' + error.message);
+ }
+ };
+
const uploadWeb = async (url) => {
console.log(url);
@@ -1901,6 +2026,8 @@
await uploadWeb(data);
} else if (type === 'youtube') {
await uploadYoutubeTranscription(data);
+ } else if (type === 'google-drive') {
+ await uploadGoogleDriveFile(data);
}
}}
on:submit={async (e) => {
diff --git a/src/lib/components/chat/MessageInput.svelte b/src/lib/components/chat/MessageInput.svelte
index 349946a43..51fbf5804 100644
--- a/src/lib/components/chat/MessageInput.svelte
+++ b/src/lib/components/chat/MessageInput.svelte
@@ -1,6 +1,7 @@