Hugging Face's logo

Spaces:
coolmanx
/
open-webui
Running

App Files
open-webui
File size: 3,667 Bytes 
bc27e65
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
 
<script lang="ts">

	import { DropdownMenu } from 'bits-ui';

	import { flyAndScale } from '$lib/utils/transitions';

	import { getContext } from 'svelte';



	import Dropdown from '$lib/components/common/Dropdown.svelte';

	import GarbageBin from '$lib/components/icons/GarbageBin.svelte';

	import Pencil from '$lib/components/icons/Pencil.svelte';

	import Tooltip from '$lib/components/common/Tooltip.svelte';

	import Tags from '$lib/components/chat/Tags.svelte';

	import Share from '$lib/components/icons/Share.svelte';

	import ArchiveBox from '$lib/components/icons/ArchiveBox.svelte';

	import DocumentDuplicate from '$lib/components/icons/DocumentDuplicate.svelte';

	import ArrowDownTray from '$lib/components/icons/ArrowDownTray.svelte';

	import ArrowUpCircle from '$lib/components/icons/ArrowUpCircle.svelte';



	import { config } from '$lib/stores';



	const i18n = getContext('i18n');



	export let user;

	export let model;



	export let exportHandler: Function;

	export let hideHandler: Function;



	export let onClose: Function;



	let show = false;

</script>

<Dropdown
	bind:show
	on:change={(e) => {
		if (e.detail === false) {
			onClose();
		}
	}}
>
	<Tooltip content={$i18n.t('More')}>
		<slot />
	</Tooltip>

	<div slot="content">

		<DropdownMenu.Content

			class="w-full max-w-[160px] rounded-xl px-1 py-1.5 border border-gray-300/30 dark:border-gray-700/50 z-50 bg-white dark:bg-gray-850 dark:text-white shadow-sm"

			sideOffset={-2}

			side="bottom"

			align="start"

			transition={flyAndScale}

		>

			<DropdownMenu.Item

				class="flex  gap-2  items-center px-3 py-2 text-sm  font-medium cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-md"

				on:click={() => {

					hideHandler();

				}}

			>

				{#if model?.meta?.hidden ?? false}

					<svg

						xmlns="http://www.w3.org/2000/svg"

						fill="none"

						viewBox="0 0 24 24"

						stroke-width="1.5"

						stroke="currentColor"

						class="size-4"

					>

						<path

							stroke-linecap="round"

							stroke-linejoin="round"

							d="M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88"

						/>

					</svg>
				{:else}
					<svg
						xmlns="http://www.w3.org/2000/svg"
						fill="none"
						viewBox="0 0 24 24"
						stroke-width="1.5"
						stroke="currentColor"
						class="size-4"
					>
						<path
							stroke-linecap="round"
							stroke-linejoin="round"
							d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"
						/>
						<path
							stroke-linecap="round"
							stroke-linejoin="round"
							d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
						/>
					</svg>
				{/if}

				<div class="flex items-center">

					{#if model?.meta?.hidden ?? false}

						{$i18n.t('Show Model')}

					{:else}

						{$i18n.t('Hide Model')}

					{/if}

				</div>
			</DropdownMenu.Item>

			<DropdownMenu.Item
				class="flex gap-2 items-center px-3 py-2 text-sm  font-medium cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-md"
				on:click={() => {
					exportHandler();
				}}
			>
				<ArrowDownTray />

				<div class="flex items-center">{$i18n.t('Export')}</div>
			</DropdownMenu.Item>
		</DropdownMenu.Content>
	</div>
</Dropdown>