Show message actions by default (#16289)

diff --git a/tools/server/public/index.html.gz b/tools/server/public/index.html.gz
index d3efa63e408ee06b58ec74f9b7425b6188a061fa..15c18e2d4970a7b21c96a29e313de252d72369d9 100644 (file)
Binary files a/tools/server/public/index.html.gz and b/tools/server/public/index.html.gz differ

diff --git a/tools/server/webui/src/lib/components/app/chat/ChatMessages/ChatMessageActions.svelte b/tools/server/webui/src/lib/components/app/chat/ChatMessages/ChatMessageActions.svelte
index 803f8db001569c44c39fb78187397b5e48cdf7c7..c16a3105cbd55affa3ee3d0ae88cb5544aec500d 100644 (file)
--- a/tools/server/webui/src/lib/components/app/chat/ChatMessages/ChatMessageActions.svelte
+++ b/tools/server/webui/src/lib/components/app/chat/ChatMessages/ChatMessageActions.svelte
@@ -4,7 +4,6 @@
        import ChatMessageBranchingControls from './ChatMessageBranchingControls.svelte';
 
        interface Props {
-               message: DatabaseMessage;
                role: 'user' | 'assistant';
                justify: 'start' | 'end';
                actionsPosition: 'left' | 'right';
@@ -29,7 +28,6 @@
                actionsPosition,
                deletionInfo,
                justify,
-               message,
                onCopy,
                onEdit,
                onConfirmDelete,
@@ -49,26 +47,17 @@
 </script>
 
 <div class="relative {justify === 'start' ? 'mt-2' : ''} flex h-6 items-center justify-{justify}">
-       <div
-               class="hidden items-center text-xs text-muted-foreground transition-opacity md:flex md:group-hover:opacity-0"
-       >
-               {new Date(message.timestamp).toLocaleTimeString(undefined, {
-                       hour: '2-digit',
-                       minute: '2-digit'
-               })}
-       </div>
-
        <div
                class="absolute top-0 {actionsPosition === 'left'
                        ? 'left-0'
-                       : 'right-0'} flex items-center gap-2 opacity-100 transition-opacity md:opacity-0 md:group-hover:opacity-100"
+                       : 'right-0'} flex items-center gap-2 opacity-100 transition-opacity"
        >
                {#if siblingInfo && siblingInfo.totalSiblings > 1}
                        <ChatMessageBranchingControls {siblingInfo} {onNavigateToSibling} />
                {/if}
 
                <div
-                       class="pointer-events-auto inset-0 flex items-center gap-1 opacity-100 transition-all duration-150 md:pointer-events-none md:opacity-0 md:group-hover:pointer-events-auto md:group-hover:opacity-100"
+                       class="pointer-events-auto inset-0 flex items-center gap-1 opacity-100 transition-all duration-150"
                >
                        <ActionButton icon={Copy} tooltip="Copy" onclick={onCopy} />
 

diff --git a/tools/server/webui/src/lib/components/app/chat/ChatMessages/ChatMessageAssistant.svelte b/tools/server/webui/src/lib/components/app/chat/ChatMessages/ChatMessageAssistant.svelte
index 80a6bbaad49e21736f9a8cb33771af4a913cac7a..013b77cbbe4033b9f3e555929d2c773b1ed1be74 100644 (file)
--- a/tools/server/webui/src/lib/components/app/chat/ChatMessages/ChatMessageAssistant.svelte
+++ b/tools/server/webui/src/lib/components/app/chat/ChatMessages/ChatMessageAssistant.svelte
@@ -138,7 +138,6 @@
 
        {#if message.timestamp && !isEditing}
                <ChatMessageActions
-                       {message}
                        role="assistant"
                        justify="start"
                        actionsPosition="left"

diff --git a/tools/server/webui/src/lib/components/app/chat/ChatMessages/ChatMessageUser.svelte b/tools/server/webui/src/lib/components/app/chat/ChatMessages/ChatMessageUser.svelte
index ba161ed33f59f39ef3f3ae8ac7762b20a54a9c80..66369b2f1ce1094e42226a7cd8c5d8c948d611c9 100644 (file)
--- a/tools/server/webui/src/lib/components/app/chat/ChatMessages/ChatMessageUser.svelte
+++ b/tools/server/webui/src/lib/components/app/chat/ChatMessages/ChatMessageUser.svelte
@@ -135,7 +135,6 @@
                                        actionsPosition="right"
                                        {deletionInfo}
                                        justify="end"
-                                       {message}
                                        {onConfirmDelete}
                                        {onCopy}
                                        {onDelete}

diff --git a/tools/server/webui/src/lib/components/app/chat/ChatSettings/ChatSettingsDialog.svelte b/tools/server/webui/src/lib/components/app/chat/ChatSettings/ChatSettingsDialog.svelte
index 0d9cca0589e7faf190487d6effafff439e693c69..ebe86c9ccad1b5460e3d17916f56cac355914a15 100644 (file)
--- a/tools/server/webui/src/lib/components/app/chat/ChatSettings/ChatSettingsDialog.svelte
+++ b/tools/server/webui/src/lib/components/app/chat/ChatSettings/ChatSettingsDialog.svelte
@@ -456,7 +456,6 @@
                                                                {localConfig}
                                                                onConfigChange={handleConfigChange}
                                                                onThemeChange={handleThemeChange}
-                                                               isMobile={false}
                                                        />
                                                </div>
                                        </div>

diff --git a/tools/server/webui/src/lib/components/app/chat/ChatSettings/ChatSettingsFields.svelte b/tools/server/webui/src/lib/components/app/chat/ChatSettings/ChatSettingsFields.svelte
index c1eeed3b322ff732aef4fd8dd9e108bd8835ccea..808e7d37caae6692a58c0aa20287d30de61dda3b 100644 (file)
--- a/tools/server/webui/src/lib/components/app/chat/ChatSettings/ChatSettingsFields.svelte
+++ b/tools/server/webui/src/lib/components/app/chat/ChatSettings/ChatSettingsFields.svelte
@@ -5,6 +5,7 @@
        import * as Select from '$lib/components/ui/select';
        import { Textarea } from '$lib/components/ui/textarea';
        import { SETTING_CONFIG_DEFAULT, SETTING_CONFIG_INFO } from '$lib/constants/settings-config';
+       import { IsMobile } from '$lib/hooks/is-mobile.svelte';
        import { supportsVision } from '$lib/stores/server.svelte';
        import type { Component } from 'svelte';
 
@@ -13,10 +14,11 @@
                localConfig: SettingsConfigType;
                onConfigChange: (key: string, value: string | boolean) => void;
                onThemeChange?: (theme: string) => void;
-               isMobile?: boolean;
        }
 
-       let { fields, localConfig, onConfigChange, onThemeChange, isMobile = false }: Props = $props();
+       let { fields, localConfig, onConfigChange, onThemeChange }: Props = $props();
+
+       let isMobile = $state(new IsMobile());
 </script>
 
 {#each fields as field (field.key)}
@@ -109,6 +111,7 @@
                        {/if}
                {:else if field.type === 'checkbox'}
                        {@const isDisabled = field.key === 'pdfAsImage' && !supportsVision()}
+
                        <div class="flex items-start space-x-3">
                                <Checkbox
                                        id={field.key}