-
{$i18n.t('Chunk Size')}
+
+ {$i18n.t('Chunk Size')}
+
-
-
{$i18n.t('Enable API Key Auth')}
+
+
{$i18n.t('Enable API Key')}
+ {#if adminConfig?.ENABLE_API_KEY}
+
+
+ {$i18n.t('API Key Endpoint Restrictions')}
+
+
+
+
+
+ {#if adminConfig?.ENABLE_API_KEY_ENDPOINT_RESTRICTIONS}
+
+
+ {$i18n.t('Allowed Endpoints')}
+
+
+
+
+
+
+ {/if}
+ {/if}
+
@@ -142,6 +178,29 @@
+
+
+
{$i18n.t('WebUI URL')}
+
+
+
+
+
+
+ {$i18n.t(
+ 'Enter the public URL of your WebUI. This URL will be used to generate links in the notifications.'
+ )}
+
+
+
+
+
{$i18n.t('JWT Expiration')}
@@ -180,6 +239,16 @@
/>
+
+
+
+
+
+ {$i18n.t('Channels')} ({$i18n.t('Beta')})
+
+
+
+
{/if}
diff --git a/src/lib/components/admin/Settings/Images.svelte b/src/lib/components/admin/Settings/Images.svelte
index b0492f24bb..62d9d0dc4f 100644
--- a/src/lib/components/admin/Settings/Images.svelte
+++ b/src/lib/components/admin/Settings/Images.svelte
@@ -470,6 +470,19 @@
{$i18n.t('ComfyUI Workflow')}
diff --git a/src/lib/components/admin/Settings/Models.svelte b/src/lib/components/admin/Settings/Models.svelte
index f084de65aa..580f3dcfd4 100644
--- a/src/lib/components/admin/Settings/Models.svelte
+++ b/src/lib/components/admin/Settings/Models.svelte
@@ -128,7 +128,7 @@
await toggleModelById(localStorage.token, model.id);
}
- await init();
+ // await init();
_models.set(await getModels(localStorage.token));
};
diff --git a/src/lib/components/channel/Channel.svelte b/src/lib/components/channel/Channel.svelte
new file mode 100644
index 0000000000..68d35a4c68
--- /dev/null
+++ b/src/lib/components/channel/Channel.svelte
@@ -0,0 +1,302 @@
+
+
+
+ #{channel?.name ?? 'Channel'} | Open WebUI
+
+
+
diff --git a/src/lib/components/channel/MessageInput.svelte b/src/lib/components/channel/MessageInput.svelte
new file mode 100644
index 0000000000..aabcb2be1c
--- /dev/null
+++ b/src/lib/components/channel/MessageInput.svelte
@@ -0,0 +1,613 @@
+
+
+
+
+
{
+ if (inputFiles && inputFiles.length > 0) {
+ inputFilesHandler(Array.from(inputFiles));
+ } else {
+ toast.error($i18n.t(`File not found.`));
+ }
+
+ filesInputElement.value = '';
+ }}
+/>
+
+
+
+
+
+ {#if scrollEnd === false}
+
+
{
+ scrollEnd = true;
+ scrollToBottom();
+ }}
+ >
+
+
+
+
+ {/if}
+
+
+
+
+ {#if typingUsers.length > 0}
+
+
+ {typingUsers.map((user) => user.name).join(', ')}
+
+ {$i18n.t('is typing...')}
+
+ {/if}
+
+
+
+
+
+
+ {#if recording}
+
{
+ recording = false;
+
+ await tick();
+ document.getElementById(`chat-input-${id}`)?.focus();
+ }}
+ on:confirm={async (e) => {
+ const { text, filename } = e.detail;
+ content = `${content}${text} `;
+ recording = false;
+
+ await tick();
+ document.getElementById(`chat-input-${id}`)?.focus();
+ }}
+ />
+ {:else}
+
+ {/if}
+
+
+
diff --git a/src/lib/components/channel/MessageInput/InputMenu.svelte b/src/lib/components/channel/MessageInput/InputMenu.svelte
new file mode 100644
index 0000000000..2363b75ec9
--- /dev/null
+++ b/src/lib/components/channel/MessageInput/InputMenu.svelte
@@ -0,0 +1,77 @@
+
+
+
{
+ if (e.detail === false) {
+ onClose();
+ }
+ }}
+>
+
+
+
+
+
+ {#if !$mobile}
+ {
+ screenCaptureHandler();
+ }}
+ >
+ {$i18n.t('Capture')}
+
+ {/if}
+
+ {
+ uploadFilesHandler();
+ }}
+ >
+ {$i18n.t('Upload Files')}
+
+
+
diff --git a/src/lib/components/channel/Messages.svelte b/src/lib/components/channel/Messages.svelte
new file mode 100644
index 0000000000..15586dc4db
--- /dev/null
+++ b/src/lib/components/channel/Messages.svelte
@@ -0,0 +1,194 @@
+
+
+{#if messages}
+ {@const messageList = messages.slice().reverse()}
+
+ {#if !top}
+
{
+ console.log('visible');
+ if (!messagesLoading) {
+ loadMoreMessages();
+ }
+ }}
+ >
+
+
+ {:else if !thread}
+
+ {#if channel}
+
+
{channel.name}
+
+
+ This channel was created on {dayjs(channel.created_at / 1000000).format(
+ 'MMMM D, YYYY'
+ )}. This is the very beginning of the {channel.name}
+ channel.
+
+
+ {:else}
+
+ {/if}
+
+ {#if messageList.length > 0}
+
+ {/if}
+
+ {/if}
+
+ {#each messageList as message, messageIdx (id ? `${id}-${message.id}` : message.id)}
+
{
+ messages = messages.filter((m) => m.id !== message.id);
+
+ const res = deleteMessage(localStorage.token, message.channel_id, message.id).catch(
+ (error) => {
+ toast.error(error);
+ return null;
+ }
+ );
+ }}
+ onEdit={(content) => {
+ messages = messages.map((m) => {
+ if (m.id === message.id) {
+ m.content = content;
+ }
+ return m;
+ });
+
+ const res = updateMessage(localStorage.token, message.channel_id, message.id, {
+ content: content
+ }).catch((error) => {
+ toast.error(error);
+ return null;
+ });
+ }}
+ onThread={(id) => {
+ onThread(id);
+ }}
+ onReaction={(name) => {
+ if (
+ (message?.reactions ?? [])
+ .find((reaction) => reaction.name === name)
+ ?.user_ids?.includes($user.id) ??
+ false
+ ) {
+ messages = messages.map((m) => {
+ if (m.id === message.id) {
+ const reaction = m.reactions.find((reaction) => reaction.name === name);
+
+ if (reaction) {
+ reaction.user_ids = reaction.user_ids.filter((id) => id !== $user.id);
+ reaction.count = reaction.user_ids.length;
+
+ if (reaction.count === 0) {
+ m.reactions = m.reactions.filter((r) => r.name !== name);
+ }
+ }
+ }
+ return m;
+ });
+
+ const res = removeReaction(
+ localStorage.token,
+ message.channel_id,
+ message.id,
+ name
+ ).catch((error) => {
+ toast.error(error);
+ return null;
+ });
+ } else {
+ messages = messages.map((m) => {
+ if (m.id === message.id) {
+ if (m.reactions) {
+ const reaction = m.reactions.find((reaction) => reaction.name === name);
+
+ if (reaction) {
+ reaction.user_ids.push($user.id);
+ reaction.count = reaction.user_ids.length;
+ } else {
+ m.reactions.push({
+ name: name,
+ user_ids: [$user.id],
+ count: 1
+ });
+ }
+ }
+ }
+ return m;
+ });
+
+ const res = addReaction(localStorage.token, message.channel_id, message.id, name).catch(
+ (error) => {
+ toast.error(error);
+ return null;
+ }
+ );
+ }
+ }}
+ />
+ {/each}
+
+
+
+{/if}
diff --git a/src/lib/components/channel/Messages/Message.svelte b/src/lib/components/channel/Messages/Message.svelte
new file mode 100644
index 0000000000..176f46551f
--- /dev/null
+++ b/src/lib/components/channel/Messages/Message.svelte
@@ -0,0 +1,357 @@
+
+
+
{
+ await onDelete();
+ }}
+/>
+
+{#if message}
+
+ {#if !edit}
+
+ {/if}
+
+
+
+ {#if showUserProfile}
+
+
+ {:else}
+
+
+ {#if message.created_at}
+
+
+ {dayjs(message.created_at / 1000000).format('HH:mm')}
+
+
+ {/if}
+ {/if}
+
+
+
+ {#if showUserProfile}
+
+
+ {message?.user?.name}
+
+
+ {#if message.created_at}
+
+
+ {formatDate(message.created_at / 1000000)}
+
+
+ {/if}
+
+ {/if}
+
+ {#if (message?.data?.files ?? []).length > 0}
+
+ {#each message?.data?.files as file}
+
+ {#if file.type === 'image'}
+
+ {/each}
+
+ {/if}
+
+ {#if edit}
+
+