diff --git a/src/lib/components/AddFilesPlaceholder.svelte b/src/lib/components/AddFilesPlaceholder.svelte index 3bdbe9281..a3057c560 100644 --- a/src/lib/components/AddFilesPlaceholder.svelte +++ b/src/lib/components/AddFilesPlaceholder.svelte @@ -1,10 +1,18 @@
📄
-
{$i18n.t('Add Files')}
+
+ {#if title} + {title} + {:else} + {$i18n.t('Add Files')} + {/if} +
diff --git a/src/lib/components/workspace/Knowledge/Files.svelte b/src/lib/components/workspace/Knowledge/Files.svelte new file mode 100644 index 000000000..e69de29bb diff --git a/src/lib/components/workspace/Knowledge/Item.svelte b/src/lib/components/workspace/Knowledge/Item.svelte index 2afd81945..52c92ae41 100644 --- a/src/lib/components/workspace/Knowledge/Item.svelte +++ b/src/lib/components/workspace/Knowledge/Item.svelte @@ -5,21 +5,25 @@ import { goto } from '$app/navigation'; import { page } from '$app/stores'; + import { mobile, showSidebar } from '$lib/stores'; + import { getKnowledgeById } from '$lib/apis/knowledge'; import Spinner from '$lib/components/common/Spinner.svelte'; import Tooltip from '$lib/components/common/Tooltip.svelte'; import EllipsisVertical from '$lib/components/icons/EllipsisVertical.svelte'; - import { mobile } from '$lib/stores'; import EllipsisHorizontal from '$lib/components/icons/EllipsisHorizontal.svelte'; import BookOpen from '$lib/components/icons/BookOpen.svelte'; import Badge from '$lib/components/common/Badge.svelte'; + import Files from './Files.svelte'; + import AddFilesPlaceholder from '$lib/components/AddFilesPlaceholder.svelte'; let id = null; let knowledge = null; let query = ''; let selectedFileId = null; + let dragged = false; onMount(async () => { id = $page.params.id; @@ -36,6 +40,29 @@ }); +{#if dragged} +
+
+
+
+ +
+ Drop any files here to add to my documents +
+
+
+
+
+
+{/if} +
-
+
-
- {knowledge?.data?.file_ids ?? []} +
+ {#if (knowledge?.data?.file_ids ?? []).length > 0} + + {:else} +
No content found
+ {/if}
@@ -153,7 +184,13 @@ {#if selectedFileId}