Skip to content

Commit 3775b79

Browse files
allozaurallozaur
committed
refactor: Components structure & naming
1 parent 55b2a9f commit 3775b79

15 files changed

+30
-27
lines changed

‎tools/server/webui/src/lib/components/app/chat/ChatMessages/ChatMessageActions.svelte‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
import * as Tooltip from '$lib/components/ui/tooltip';
66
import type { DatabaseMessage } from '$lib/types/database';
77
import type { Component } from 'svelte';
8-
import MessageBranchingControls from './MessageBranchingControls.svelte';
8+
import ChatMessageBranchingControls from './ChatMessageBranchingControls.svelte';
99
1010
interface Props {
1111
message: DatabaseMessage;
@@ -68,7 +68,7 @@
6868
: 'right-0'} flex items-center gap-2 opacity-0 transition-opacity group-hover:opacity-100"
6969
>
7070
{#if siblingInfo && siblingInfo.totalSiblings > 1}
71-
<MessageBranchingControls {siblingInfo} {onNavigateToSibling} />
71+
<ChatMessageBranchingControls {siblingInfo} {onNavigateToSibling} />
7272
{/if}
7373

7474
<div

‎tools/server/webui/src/lib/components/app/chat/ChatMessages/MessageBranchingControls.svelte‎ renamed to ‎tools/server/webui/src/lib/components/app/chat/ChatMessages/ChatMessageBranchingControls.svelte‎

File renamed without changes.

‎tools/server/webui/src/lib/components/app/SlotsInfo.svelte‎ renamed to ‎tools/server/webui/src/lib/components/app/chat/ChatProcessingInfo.svelte‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -21,16 +21,16 @@
2121
});
2222
</script>
2323

24-
<div class="slots-info-container" class:visible={showSlotsInfo}>
25-
<div class="slots-info-content">
24+
<div class="chat-processing-info-container" class:visible={showSlotsInfo}>
25+
<div class="chat-processing-info-content">
2626
{#each processingDetails as detail (detail)}
27-
<span class="slots-info-detail">{detail}</span>
27+
<span class="chat-processing-info-detail">{detail}</span>
2828
{/each}
2929
</div>
3030
</div>
3131

3232
<style>
33-
.slots-info-container {
33+
.chat-processing-info-container {
3434
position: sticky;
3535
top: 0;
3636
z-index: 10;
@@ -42,12 +42,12 @@
4242
transform 300ms ease-out;
4343
}
4444
45-
.slots-info-container.visible {
45+
.chat-processing-info-container.visible {
4646
opacity: 1;
4747
transform: translateY(0);
4848
}
4949
50-
.slots-info-content {
50+
.chat-processing-info-content {
5151
display: flex;
5252
flex-wrap: wrap;
5353
align-items: center;
@@ -57,7 +57,7 @@
5757
margin: 0 auto;
5858
}
5959
60-
.slots-info-detail {
60+
.chat-processing-info-detail {
6161
color: var(--muted-foreground);
6262
font-size: 0.75rem;
6363
padding: 0.25rem 0.75rem;
@@ -69,11 +69,11 @@
6969
}
7070
7171
@media (max-width: 768px) {
72-
.slots-info-content {
72+
.chat-processing-info-content {
7373
gap: 0.5rem;
7474
}
7575
76-
.slots-info-detail {
76+
.chat-processing-info-detail {
7777
font-size: 0.7rem;
7878
padding: 0.2rem 0.5rem;
7979
}

‎tools/server/webui/src/lib/components/app/chat/ChatScreen/ChatScreen.svelte‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@
33
import { processFilesToChatUploaded } from '$lib/utils/process-uploaded-files';
44
import { serverStore } from '$lib/stores/server.svelte';
55
import { isFileTypeSupported } from '$lib/constants/supported-file-types';
6-
import EmptyFileAlertDialog from '$lib/components/app/EmptyFileAlertDialog.svelte';
76
import { filterFilesByModalities } from '$lib/utils/modality-file-validation';
87
import {
98
supportsVision,
@@ -15,10 +14,11 @@
1514
ChatForm,
1615
ChatScreenHeader,
1716
ChatMessages,
17+
ChatProcessingInfo,
18+
EmptyFileAlertDialog,
1819
ServerInfo,
1920
ServerErrorSplash,
20-
ServerLoadingSplash,
21-
SlotsInfo
21+
ServerLoadingSplash
2222
} from '$lib/components/app';
2323
import {
2424
activeMessages,
@@ -282,7 +282,7 @@
282282
/>
283283

284284
<div class="sticky right-0 bottom-0 left-0 mt-auto" in:slide={{ duration: 150, axis: 'y' }}>
285-
<SlotsInfo />
285+
<ChatProcessingInfo />
286286

287287
<div class="conversation-chat-form rounded-t-3xl pb-4">
288288
<ChatForm

‎tools/server/webui/src/lib/components/app/ConversationTitleUpdateDialog.svelte‎ renamed to ‎tools/server/webui/src/lib/components/app/dialogs/ConversationTitleUpdateDialog.svelte‎

File renamed without changes.

‎tools/server/webui/src/lib/components/app/EmptyFileAlertDialog.svelte‎ renamed to ‎tools/server/webui/src/lib/components/app/dialogs/EmptyFileAlertDialog.svelte‎

File renamed without changes.

‎tools/server/webui/src/lib/components/app/MaximumContextAlertDialog.svelte‎ renamed to ‎tools/server/webui/src/lib/components/app/dialogs/MaximumContextAlertDialog.svelte‎

File renamed without changes.

‎tools/server/webui/src/lib/components/app/index.ts‎

Lines changed: 13 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,9 @@ export { default as ChatFormFileInputInvisible } from './chat/ChatForm/ChatFormF
1414
export { default as ChatMessage } from './chat/ChatMessages/ChatMessage.svelte';
1515
export { default as ChatMessages } from './chat/ChatMessages/ChatMessages.svelte';
1616
export { default as ChatMessageThinkingBlock } from './chat/ChatMessages/ChatMessageThinkingBlock.svelte';
17-
export { default as MessageBranchingControls } from './chat/ChatMessages/MessageBranchingControls.svelte';
17+
export { default as MessageBranchingControls } from './chat/ChatMessages/ChatMessageBranchingControls.svelte';
18+
19+
export { default as ChatProcessingInfo } from './chat/ChatProcessingInfo.svelte';
1820

1921
export { default as ChatScreenHeader } from './chat/ChatScreen/ChatScreenHeader.svelte';
2022
export { default as ChatScreen } from './chat/ChatScreen/ChatScreen.svelte';
@@ -27,16 +29,17 @@ export { default as ChatSidebar } from './chat/ChatSidebar/ChatSidebar.svelte';
2729
export { default as ChatSidebarConversationItem } from './chat/ChatSidebar/ChatSidebarConversationItem.svelte';
2830
export { default as ChatSidebarSearch } from './chat/ChatSidebar/ChatSidebarSearch.svelte';
2931

30-
export { default as ConversationTitleUpdateDialog } from './ConversationTitleUpdateDialog.svelte';
32+
export { default as EmptyFileAlertDialog } from './dialogs/EmptyFileAlertDialog.svelte';
33+
34+
export { default as ConversationTitleUpdateDialog } from './dialogs/ConversationTitleUpdateDialog.svelte';
3135

32-
export { default as KeyboardShortcutInfo } from './KeyboardShortcutInfo.svelte';
36+
export { default as MaximumContextAlertDialog } from './dialogs/MaximumContextAlertDialog.svelte';
3337

34-
export { default as MarkdownContent } from './MarkdownContent.svelte';
38+
export { default as KeyboardShortcutInfo } from './misc/KeyboardShortcutInfo.svelte';
3539

36-
export { default as MaximumContextAlertDialog } from './MaximumContextAlertDialog.svelte';
40+
export { default as MarkdownContent } from './misc/MarkdownContent.svelte';
3741

38-
export { default as ServerStatus } from './ServerStatus.svelte';
39-
export { default as ServerErrorSplash } from './ServerErrorSplash.svelte';
40-
export { default as ServerLoadingSplash } from './ServerLoadingSplash.svelte';
41-
export { default as ServerInfo } from './ServerInfo.svelte';
42-
export { default as SlotsInfo } from './SlotsInfo.svelte';
42+
export { default as ServerStatus } from './server/ServerStatus.svelte';
43+
export { default as ServerErrorSplash } from './server/ServerErrorSplash.svelte';
44+
export { default as ServerLoadingSplash } from './server/ServerLoadingSplash.svelte';
45+
export { default as ServerInfo } from './server/ServerInfo.svelte';

‎tools/server/webui/src/lib/components/app/KeyboardShortcutInfo.svelte‎ renamed to ‎tools/server/webui/src/lib/components/app/misc/KeyboardShortcutInfo.svelte‎

File renamed without changes.

‎tools/server/webui/src/lib/components/app/MarkdownContent.svelte‎ renamed to ‎tools/server/webui/src/lib/components/app/misc/MarkdownContent.svelte‎

File renamed without changes.

0 commit comments

Comments
 (0)