feat: retrieval whole document mode

This commit is contained in:
Timothy J. Baek
2024-09-29 22:52:27 +02:00
parent 1d8b3b8c51
commit 6d764ee55e
5 changed files with 112 additions and 67 deletions

View File

@@ -7,57 +7,95 @@
import Modal from './Modal.svelte';
import XMark from '../icons/XMark.svelte';
import Info from '../icons/Info.svelte';
import Switch from './Switch.svelte';
import Tooltip from './Tooltip.svelte';
export let file;
export let show = false;
export let edit = false;
let enableFullContent = false;
onMount(() => {
console.log(file);
if (file?.context === 'full') {
enableFullContent = true;
}
});
</script>
<Modal bind:show size="md">
<div class="font-primary px-6 py-5 w-full flex flex-col justify-center dark:text-gray-400">
<div class="flex items-start justify-between pb-2">
<div>
<div class=" font-medium text-lg dark:text-gray-100">
<a
href={file.url ? (file.type === 'file' ? `${file.url}/content` : `${file.url}`) : '#'}
target="_blank"
class="hover:underline line-clamp-1"
>
{file?.name ?? 'File'}
</a>
<div class=" pb-2">
<div class="flex items-start justify-between">
<div>
<div class=" font-medium text-lg dark:text-gray-100">
<a
href={file.url ? (file.type === 'file' ? `${file.url}/content` : `${file.url}`) : '#'}
target="_blank"
class="hover:underline line-clamp-1"
>
{file?.name ?? 'File'}
</a>
</div>
</div>
<div>
<div class=" flex text-sm gap-1 text-gray-500">
<button
on:click={() => {
show = false;
}}
>
<XMark />
</button>
</div>
</div>
<div>
<div class="flex flex-col md:flex-row gap-1 justify-between w-full">
<div class=" flex flex-wrap text-sm gap-1 text-gray-500">
{#if file.size}
<div class="capitalize">{formatFileSize(file.size)}</div>
<div class="capitalize shrink-0">{formatFileSize(file.size)}</div>
{/if}
{#if file.content}
<div class="capitalize">{getLineCount(file.content)} extracted lines</div>
<div class="capitalize shrink-0">{getLineCount(file.content)} extracted lines</div>
<div class="flex items-center gap-1">
<div class="flex items-center gap-1 shrink-0">
<Info />
Formatting may be inconsistent from source.
</div>
{/if}
</div>
</div>
</div>
<div>
<button
on:click={() => {
show = false;
}}
>
<XMark />
</button>
{#if edit}
<div>
<Tooltip
content={enableFullContent
? 'Inject the entire document as context for comprehensive processing.'
: 'Default to segmented retrieval for focused and relevant content extraction.'}
>
<div class="flex items-center gap-1.5 text-xs">
{#if enableFullContent}
Use Entire Document
{:else}
Use Focused Retrieval
{/if}
<Switch
bind:state={enableFullContent}
on:change={(e) => {
file.context = e.detail ? 'full' : undefined;
}}
/>
</div>
</Tooltip>
</div>
{/if}
</div>
</div>
</div>