From 16cbd7c8b38648d0506da8203d9f83c7078ed9b1 Mon Sep 17 00:00:00 2001
From: Maksim Sukharev <antreesy.web@gmail.com>
Date: Fri, 22 Mar 2024 16:13:09 +0100
Subject: [PATCH] chore: move dummy components to UIShared directory

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
---
 src/PublicShareAuthSidebar.vue                              | 2 +-
 src/PublicShareSidebar.vue                                  | 2 +-
 src/components/AdminSettings/RecordingServers.vue           | 2 +-
 src/components/AdminSettings/SignalingServers.vue           | 2 +-
 src/components/AdminSettings/StunServers.vue                | 2 +-
 src/components/AdminSettings/TurnServers.vue                | 2 +-
 src/components/CallView/Grid/Grid.vue                       | 2 +-
 src/components/CallView/shared/LocalAudioControlButton.vue  | 2 +-
 src/components/CallView/shared/ReactionToaster.vue          | 2 +-
 src/components/CallView/shared/VideoBottomBar.vue           | 2 +-
 src/components/CallView/shared/VideoVue.vue                 | 2 +-
 src/components/CallView/shared/ViewerOverlayCallView.vue    | 2 +-
 src/components/ChatView.vue                                 | 2 +-
 src/components/ConversationSettings/BasicInfo.vue           | 2 +-
 .../LeftSidebar/CallPhoneDialog/CallPhoneDialog.vue         | 2 +-
 .../ConversationsList/ConversationsListVirtual.vue          | 2 +-
 .../ConversationsList/ConversationsSearchListVirtual.vue    | 2 +-
 src/components/LeftSidebar/LeftSidebar.vue                  | 6 +++---
 src/components/MediaSettings/MediaSettings.vue              | 2 +-
 src/components/MessagesList/MessagesList.vue                | 4 ++--
 .../NewConversationDialog/NewConversationContactsPage.vue   | 6 +++---
 src/components/NewMessage/NewMessageUploadEditor.vue        | 2 +-
 src/components/RightSidebar/Participants/Participant.vue    | 2 +-
 .../RightSidebar/Participants/ParticipantsList.vue          | 2 +-
 .../RightSidebar/Participants/ParticipantsListVirtual.vue   | 2 +-
 .../RightSidebar/Participants/ParticipantsSearchResults.vue | 2 +-
 .../RightSidebar/Participants/ParticipantsTab.vue           | 6 +++---
 src/components/SelectPhoneNumber.vue                        | 2 +-
 src/components/SettingsDialog/MediaDevicesPreview.vue       | 2 +-
 src/components/{ => UIShared}/ContactSelectionBubble.vue    | 4 ++--
 src/components/{ => UIShared}/DialpadPanel.vue              | 2 +-
 .../EditableTextField.vue                                   | 0
 src/components/{ => UIShared}/Hint.vue                      | 0
 src/components/{ => UIShared}/LoadingPlaceholder.vue        | 0
 .../{LeftSidebar/SearchBox => UIShared}/SearchBox.vue       | 0
 src/components/{ => UIShared}/TransitionWrapper.vue         | 2 +-
 .../{VolumeIndicator => UIShared}/VolumeIndicator.vue       | 0
 src/views/MainView.vue                                      | 2 +-
 38 files changed, 41 insertions(+), 41 deletions(-)
 rename src/components/{ => UIShared}/ContactSelectionBubble.vue (96%)
 rename src/components/{ => UIShared}/DialpadPanel.vue (99%)
 rename src/components/{ConversationSettings => UIShared}/EditableTextField.vue (100%)
 rename src/components/{ => UIShared}/Hint.vue (100%)
 rename src/components/{ => UIShared}/LoadingPlaceholder.vue (100%)
 rename src/components/{LeftSidebar/SearchBox => UIShared}/SearchBox.vue (100%)
 rename src/components/{ => UIShared}/TransitionWrapper.vue (99%)
 rename src/components/{VolumeIndicator => UIShared}/VolumeIndicator.vue (100%)

diff --git a/src/PublicShareAuthSidebar.vue b/src/PublicShareAuthSidebar.vue
index 1ba9800b1..52f14799f 100644
--- a/src/PublicShareAuthSidebar.vue
+++ b/src/PublicShareAuthSidebar.vue
@@ -49,7 +49,7 @@ import ChatView from './components/ChatView.vue'
 import MediaSettings from './components/MediaSettings/MediaSettings.vue'
 import PollViewer from './components/PollViewer/PollViewer.vue'
 import TopBar from './components/TopBar/TopBar.vue'
-import TransitionWrapper from './components/TransitionWrapper.vue'
+import TransitionWrapper from './components/UIShared/TransitionWrapper.vue'
 
 import { useHashCheck } from './composables/useHashCheck.js'
 import { useSessionIssueHandler } from './composables/useSessionIssueHandler.js'
diff --git a/src/PublicShareSidebar.vue b/src/PublicShareSidebar.vue
index a1227370f..c78196473 100644
--- a/src/PublicShareSidebar.vue
+++ b/src/PublicShareSidebar.vue
@@ -67,7 +67,7 @@ import MediaSettings from './components/MediaSettings/MediaSettings.vue'
 import PollViewer from './components/PollViewer/PollViewer.vue'
 import CallButton from './components/TopBar/CallButton.vue'
 import TopBar from './components/TopBar/TopBar.vue'
-import TransitionWrapper from './components/TransitionWrapper.vue'
+import TransitionWrapper from './components/UIShared/TransitionWrapper.vue'
 
 import { useHashCheck } from './composables/useHashCheck.js'
 import { useIsInCall } from './composables/useIsInCall.js'
diff --git a/src/components/AdminSettings/RecordingServers.vue b/src/components/AdminSettings/RecordingServers.vue
index c981c86d5..26eec2260 100644
--- a/src/components/AdminSettings/RecordingServers.vue
+++ b/src/components/AdminSettings/RecordingServers.vue
@@ -104,7 +104,7 @@ import NcNoteCard from '@nextcloud/vue/dist/Components/NcNoteCard.js'
 import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
 
 import RecordingServer from '../../components/AdminSettings/RecordingServer.vue'
-import TransitionWrapper from '../TransitionWrapper.vue'
+import TransitionWrapper from '../UIShared/TransitionWrapper.vue'
 
 import { CALL } from '../../constants.js'
 
diff --git a/src/components/AdminSettings/SignalingServers.vue b/src/components/AdminSettings/SignalingServers.vue
index cf7ade083..2cd4374ca 100644
--- a/src/components/AdminSettings/SignalingServers.vue
+++ b/src/components/AdminSettings/SignalingServers.vue
@@ -96,7 +96,7 @@ import NcNoteCard from '@nextcloud/vue/dist/Components/NcNoteCard.js'
 import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
 
 import SignalingServer from '../../components/AdminSettings/SignalingServer.vue'
-import TransitionWrapper from '../TransitionWrapper.vue'
+import TransitionWrapper from '../UIShared/TransitionWrapper.vue'
 
 import { SIGNALING } from '../../constants.js'
 
diff --git a/src/components/AdminSettings/StunServers.vue b/src/components/AdminSettings/StunServers.vue
index 9f962cbd3..3a512985a 100644
--- a/src/components/AdminSettings/StunServers.vue
+++ b/src/components/AdminSettings/StunServers.vue
@@ -66,7 +66,7 @@ import { loadState } from '@nextcloud/initial-state'
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 
 import StunServer from '../../components/AdminSettings/StunServer.vue'
-import TransitionWrapper from '../TransitionWrapper.vue'
+import TransitionWrapper from '../UIShared/TransitionWrapper.vue'
 
 export default {
 	name: 'StunServers',
diff --git a/src/components/AdminSettings/TurnServers.vue b/src/components/AdminSettings/TurnServers.vue
index d9c236226..69793162e 100644
--- a/src/components/AdminSettings/TurnServers.vue
+++ b/src/components/AdminSettings/TurnServers.vue
@@ -71,7 +71,7 @@ import { loadState } from '@nextcloud/initial-state'
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 
 import TurnServer from '../../components/AdminSettings/TurnServer.vue'
-import TransitionWrapper from '../TransitionWrapper.vue'
+import TransitionWrapper from '../UIShared/TransitionWrapper.vue'
 
 export default {
 	name: 'TurnServers',
diff --git a/src/components/CallView/Grid/Grid.vue b/src/components/CallView/Grid/Grid.vue
index 5a935c311..74d53967a 100644
--- a/src/components/CallView/Grid/Grid.vue
+++ b/src/components/CallView/Grid/Grid.vue
@@ -162,7 +162,7 @@ import { generateFilePath } from '@nextcloud/router'
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip.js'
 
-import TransitionWrapper from '../../TransitionWrapper.vue'
+import TransitionWrapper from '../../UIShared/TransitionWrapper.vue'
 import EmptyCallView from '../shared/EmptyCallView.vue'
 import LocalVideo from '../shared/LocalVideo.vue'
 import VideoBottomBar from '../shared/VideoBottomBar.vue'
diff --git a/src/components/CallView/shared/LocalAudioControlButton.vue b/src/components/CallView/shared/LocalAudioControlButton.vue
index 194c12ab1..55eb41f41 100644
--- a/src/components/CallView/shared/LocalAudioControlButton.vue
+++ b/src/components/CallView/shared/LocalAudioControlButton.vue
@@ -40,7 +40,7 @@ import { emit, subscribe, unsubscribe } from '@nextcloud/event-bus'
 
 import { NcButton } from '@nextcloud/vue'
 
-import VolumeIndicator from '../../VolumeIndicator/VolumeIndicator.vue'
+import VolumeIndicator from '../../UIShared/VolumeIndicator.vue'
 
 import { PARTICIPANT } from '../../../constants.js'
 import BrowserStorage from '../../../services/BrowserStorage.js'
diff --git a/src/components/CallView/shared/ReactionToaster.vue b/src/components/CallView/shared/ReactionToaster.vue
index 13a2b0067..ec3048314 100644
--- a/src/components/CallView/shared/ReactionToaster.vue
+++ b/src/components/CallView/shared/ReactionToaster.vue
@@ -53,7 +53,7 @@ import { imagePath } from '@nextcloud/router'
 
 import usernameToColor from '@nextcloud/vue/dist/Functions/usernameToColor.js'
 
-import TransitionWrapper from '../../TransitionWrapper.vue'
+import TransitionWrapper from '../../UIShared/TransitionWrapper.vue'
 
 import { useGuestNameStore } from '../../../stores/guestName.js'
 
diff --git a/src/components/CallView/shared/VideoBottomBar.vue b/src/components/CallView/shared/VideoBottomBar.vue
index 3d5e3ab4d..666e2feed 100644
--- a/src/components/CallView/shared/VideoBottomBar.vue
+++ b/src/components/CallView/shared/VideoBottomBar.vue
@@ -116,7 +116,7 @@ import { emit } from '@nextcloud/event-bus'
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip.js'
 
-import TransitionWrapper from '../../TransitionWrapper.vue'
+import TransitionWrapper from '../../UIShared/TransitionWrapper.vue'
 
 import { PARTICIPANT } from '../../../constants.js'
 import { ConnectionState } from '../../../utils/webrtc/models/CallParticipantModel.js'
diff --git a/src/components/CallView/shared/VideoVue.vue b/src/components/CallView/shared/VideoVue.vue
index 075481de9..86808d0e3 100644
--- a/src/components/CallView/shared/VideoVue.vue
+++ b/src/components/CallView/shared/VideoVue.vue
@@ -98,7 +98,7 @@ import Screen from './Screen.vue'
 import VideoBackground from './VideoBackground.vue'
 import VideoBottomBar from './VideoBottomBar.vue'
 import AvatarWrapper from '../../AvatarWrapper/AvatarWrapper.vue'
-import TransitionWrapper from '../../TransitionWrapper.vue'
+import TransitionWrapper from '../../UIShared/TransitionWrapper.vue'
 
 import { ATTENDEE, AVATAR } from '../../../constants.js'
 import { EventBus } from '../../../services/EventBus.js'
diff --git a/src/components/CallView/shared/ViewerOverlayCallView.vue b/src/components/CallView/shared/ViewerOverlayCallView.vue
index ebeafbc66..61f7c49d5 100644
--- a/src/components/CallView/shared/ViewerOverlayCallView.vue
+++ b/src/components/CallView/shared/ViewerOverlayCallView.vue
@@ -137,7 +137,7 @@ import LocalVideo from './LocalVideo.vue'
 import LocalVideoControlButton from './LocalVideoControlButton.vue'
 import Screen from './Screen.vue'
 import VideoVue from './VideoVue.vue'
-import TransitionWrapper from '../../TransitionWrapper.vue'
+import TransitionWrapper from '../../UIShared/TransitionWrapper.vue'
 
 import { localCallParticipantModel, localMediaModel } from '../../../utils/webrtc/index.js'
 
diff --git a/src/components/ChatView.vue b/src/components/ChatView.vue
index 1549b669d..8852d12c5 100644
--- a/src/components/ChatView.vue
+++ b/src/components/ChatView.vue
@@ -84,7 +84,7 @@ import GuestWelcomeWindow from './GuestWelcomeWindow.vue'
 import MessagesList from './MessagesList/MessagesList.vue'
 import NewMessage from './NewMessage/NewMessage.vue'
 import NewMessageUploadEditor from './NewMessage/NewMessageUploadEditor.vue'
-import TransitionWrapper from './TransitionWrapper.vue'
+import TransitionWrapper from './UIShared/TransitionWrapper.vue'
 
 import { CONVERSATION, PARTICIPANT } from '../constants.js'
 import { EventBus } from '../services/EventBus.js'
diff --git a/src/components/ConversationSettings/BasicInfo.vue b/src/components/ConversationSettings/BasicInfo.vue
index fb15031d3..8408fbd3a 100644
--- a/src/components/ConversationSettings/BasicInfo.vue
+++ b/src/components/ConversationSettings/BasicInfo.vue
@@ -66,7 +66,7 @@ import { getCapabilities } from '@nextcloud/capabilities'
 import { showError } from '@nextcloud/dialogs'
 
 import ConversationAvatarEditor from './ConversationAvatarEditor.vue'
-import EditableTextField from './EditableTextField.vue'
+import EditableTextField from '../UIShared/EditableTextField.vue'
 
 import { CONVERSATION } from '../../constants.js'
 
diff --git a/src/components/LeftSidebar/CallPhoneDialog/CallPhoneDialog.vue b/src/components/LeftSidebar/CallPhoneDialog/CallPhoneDialog.vue
index 0a142490e..4c0980af5 100644
--- a/src/components/LeftSidebar/CallPhoneDialog/CallPhoneDialog.vue
+++ b/src/components/LeftSidebar/CallPhoneDialog/CallPhoneDialog.vue
@@ -67,7 +67,7 @@ import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
 import NcModal from '@nextcloud/vue/dist/Components/NcModal.js'
 import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
 
-import DialpadPanel from '../../DialpadPanel.vue'
+import DialpadPanel from '../../UIShared/DialpadPanel.vue'
 import LoadingComponent from '../../LoadingComponent.vue'
 import SelectPhoneNumber from '../../SelectPhoneNumber.vue'
 
diff --git a/src/components/LeftSidebar/ConversationsList/ConversationsListVirtual.vue b/src/components/LeftSidebar/ConversationsList/ConversationsListVirtual.vue
index 1a9e73cbd..be410141d 100644
--- a/src/components/LeftSidebar/ConversationsList/ConversationsListVirtual.vue
+++ b/src/components/LeftSidebar/ConversationsList/ConversationsListVirtual.vue
@@ -38,7 +38,7 @@
 import { RecycleScroller } from 'vue-virtual-scroller'
 
 import Conversation from './Conversation.vue'
-import LoadingPlaceholder from '../../LoadingPlaceholder.vue'
+import LoadingPlaceholder from '../../UIShared/LoadingPlaceholder.vue'
 
 import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
 
diff --git a/src/components/LeftSidebar/ConversationsList/ConversationsSearchListVirtual.vue b/src/components/LeftSidebar/ConversationsList/ConversationsSearchListVirtual.vue
index 98b204a42..e6a39a554 100644
--- a/src/components/LeftSidebar/ConversationsList/ConversationsSearchListVirtual.vue
+++ b/src/components/LeftSidebar/ConversationsList/ConversationsSearchListVirtual.vue
@@ -39,7 +39,7 @@
 import { RecycleScroller } from 'vue-virtual-scroller'
 
 import ConversationSearchResult from './ConversationSearchResult.vue'
-import LoadingPlaceholder from '../../LoadingPlaceholder.vue'
+import LoadingPlaceholder from '../../UIShared/LoadingPlaceholder.vue'
 
 import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
 
diff --git a/src/components/LeftSidebar/LeftSidebar.vue b/src/components/LeftSidebar/LeftSidebar.vue
index 68807a21a..89e66ceb6 100644
--- a/src/components/LeftSidebar/LeftSidebar.vue
+++ b/src/components/LeftSidebar/LeftSidebar.vue
@@ -316,11 +316,11 @@ import Conversation from './ConversationsList/Conversation.vue'
 import ConversationsListVirtual from './ConversationsList/ConversationsListVirtual.vue'
 import InvitationHandler from './InvitationHandler.vue'
 import OpenConversationsList from './OpenConversationsList/OpenConversationsList.vue'
-import SearchBox from './SearchBox/SearchBox.vue'
+import SearchBox from '../UIShared/SearchBox.vue'
 import ConversationIcon from '../ConversationIcon.vue'
-import Hint from '../Hint.vue'
+import Hint from '../UIShared/Hint.vue'
 import NewConversationDialog from '../NewConversationDialog/NewConversationDialog.vue'
-import TransitionWrapper from '../TransitionWrapper.vue'
+import TransitionWrapper from '../UIShared/TransitionWrapper.vue'
 
 import { useArrowNavigation } from '../../composables/useArrowNavigation.js'
 import { ATTENDEE, CONVERSATION } from '../../constants.js'
diff --git a/src/components/MediaSettings/MediaSettings.vue b/src/components/MediaSettings/MediaSettings.vue
index 011dcd8e6..845749494 100644
--- a/src/components/MediaSettings/MediaSettings.vue
+++ b/src/components/MediaSettings/MediaSettings.vue
@@ -223,7 +223,7 @@ import VideoBackgroundEditor from './VideoBackgroundEditor.vue'
 import AvatarWrapper from '../AvatarWrapper/AvatarWrapper.vue'
 import VideoBackground from '../CallView/shared/VideoBackground.vue'
 import CallButton from '../TopBar/CallButton.vue'
-import VolumeIndicator from '../VolumeIndicator/VolumeIndicator.vue'
+import VolumeIndicator from '../UIShared/VolumeIndicator.vue'
 
 import { useDevices } from '../../composables/useDevices.js'
 import { useIsInCall } from '../../composables/useIsInCall.js'
diff --git a/src/components/MessagesList/MessagesList.vue b/src/components/MessagesList/MessagesList.vue
index 1ee91fdc4..d6d8c92f2 100644
--- a/src/components/MessagesList/MessagesList.vue
+++ b/src/components/MessagesList/MessagesList.vue
@@ -86,8 +86,8 @@ import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
 
 import MessagesGroup from './MessagesGroup/MessagesGroup.vue'
 import MessagesSystemGroup from './MessagesGroup/MessagesSystemGroup.vue'
-import LoadingPlaceholder from '../LoadingPlaceholder.vue'
-import TransitionWrapper from '../TransitionWrapper.vue'
+import LoadingPlaceholder from '../UIShared/LoadingPlaceholder.vue'
+import TransitionWrapper from '../UIShared/TransitionWrapper.vue'
 
 import { useIsInCall } from '../../composables/useIsInCall.js'
 import { ATTENDEE, CHAT } from '../../constants.js'
diff --git a/src/components/NewConversationDialog/NewConversationContactsPage.vue b/src/components/NewConversationDialog/NewConversationContactsPage.vue
index 96d623b82..1e357f38d 100644
--- a/src/components/NewConversationDialog/NewConversationContactsPage.vue
+++ b/src/components/NewConversationDialog/NewConversationContactsPage.vue
@@ -83,11 +83,11 @@ import { showError } from '@nextcloud/dialogs'
 
 import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
 
-import ContactSelectionBubble from '../ContactSelectionBubble.vue'
-import DialpadPanel from '../DialpadPanel.vue'
+import ContactSelectionBubble from '../UIShared/ContactSelectionBubble.vue'
+import DialpadPanel from '../UIShared/DialpadPanel.vue'
 import ParticipantSearchResults from '../RightSidebar/Participants/ParticipantsSearchResults.vue'
 import SelectPhoneNumber from '../SelectPhoneNumber.vue'
-import TransitionWrapper from '../TransitionWrapper.vue'
+import TransitionWrapper from '../UIShared/TransitionWrapper.vue'
 
 import { useArrowNavigation } from '../../composables/useArrowNavigation.js'
 import { searchPossibleConversations } from '../../services/conversationsService.js'
diff --git a/src/components/NewMessage/NewMessageUploadEditor.vue b/src/components/NewMessage/NewMessageUploadEditor.vue
index 3fc2a4b39..5e2d8fcee 100644
--- a/src/components/NewMessage/NewMessageUploadEditor.vue
+++ b/src/components/NewMessage/NewMessageUploadEditor.vue
@@ -100,7 +100,7 @@ import NcModal from '@nextcloud/vue/dist/Components/NcModal.js'
 import NewMessage from './NewMessage.vue'
 import AudioPlayer from '../MessagesList/MessagesGroup/Message/MessagePart/AudioPlayer.vue'
 import FilePreview from '../MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue'
-import TransitionWrapper from '../TransitionWrapper.vue'
+import TransitionWrapper from '../UIShared/TransitionWrapper.vue'
 
 const supportMediaCaption = getCapabilities()?.spreed?.features?.includes('media-caption')
 
diff --git a/src/components/RightSidebar/Participants/Participant.vue b/src/components/RightSidebar/Participants/Participant.vue
index 0854eed13..4bd5dedf9 100644
--- a/src/components/RightSidebar/Participants/Participant.vue
+++ b/src/components/RightSidebar/Participants/Participant.vue
@@ -366,7 +366,7 @@ import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip.js'
 
 import ParticipantPermissionsEditor from './ParticipantPermissionsEditor.vue'
 import AvatarWrapper from '../../AvatarWrapper/AvatarWrapper.vue'
-import DialpadPanel from '../../DialpadPanel.vue'
+import DialpadPanel from '../../UIShared/DialpadPanel.vue'
 
 import { useIsInCall } from '../../../composables/useIsInCall.js'
 import { CONVERSATION, PARTICIPANT, ATTENDEE, WEBINAR } from '../../../constants.js'
diff --git a/src/components/RightSidebar/Participants/ParticipantsList.vue b/src/components/RightSidebar/Participants/ParticipantsList.vue
index 71ae7770a..c446e2b28 100644
--- a/src/components/RightSidebar/Participants/ParticipantsList.vue
+++ b/src/components/RightSidebar/Participants/ParticipantsList.vue
@@ -33,7 +33,7 @@
 <script>
 
 import Participant from './Participant.vue'
-import LoadingPlaceholder from '../../LoadingPlaceholder.vue'
+import LoadingPlaceholder from '../../UIShared/LoadingPlaceholder.vue'
 
 export default {
 	name: 'ParticipantsList',
diff --git a/src/components/RightSidebar/Participants/ParticipantsListVirtual.vue b/src/components/RightSidebar/Participants/ParticipantsListVirtual.vue
index 3d0bf1543..f1f7b5ecc 100644
--- a/src/components/RightSidebar/Participants/ParticipantsListVirtual.vue
+++ b/src/components/RightSidebar/Participants/ParticipantsListVirtual.vue
@@ -39,7 +39,7 @@
 import { RecycleScroller } from 'vue-virtual-scroller'
 
 import Participant from './Participant.vue'
-import LoadingPlaceholder from '../../LoadingPlaceholder.vue'
+import LoadingPlaceholder from '../../UIShared/LoadingPlaceholder.vue'
 
 import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
 
diff --git a/src/components/RightSidebar/Participants/ParticipantsSearchResults.vue b/src/components/RightSidebar/Participants/ParticipantsSearchResults.vue
index 7e4329362..3eaff628c 100644
--- a/src/components/RightSidebar/Participants/ParticipantsSearchResults.vue
+++ b/src/components/RightSidebar/Participants/ParticipantsSearchResults.vue
@@ -102,7 +102,7 @@ import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
 
 import ParticipantsList from './ParticipantsList.vue'
-import Hint from '../../Hint.vue'
+import Hint from '../../UIShared/Hint.vue'
 
 import { ATTENDEE } from '../../../constants.js'
 import { useIntegrationsStore } from '../../../stores/integrations.js'
diff --git a/src/components/RightSidebar/Participants/ParticipantsTab.vue b/src/components/RightSidebar/Participants/ParticipantsTab.vue
index 522cdf6d1..5c4f442bd 100644
--- a/src/components/RightSidebar/Participants/ParticipantsTab.vue
+++ b/src/components/RightSidebar/Participants/ParticipantsTab.vue
@@ -77,9 +77,9 @@ import NcAppNavigationCaption from '@nextcloud/vue/dist/Components/NcAppNavigati
 import ParticipantsList from './ParticipantsList.vue'
 import ParticipantsListVirtual from './ParticipantsListVirtual.vue'
 import ParticipantsSearchResults from './ParticipantsSearchResults.vue'
-import DialpadPanel from '../../DialpadPanel.vue'
-import Hint from '../../Hint.vue'
-import SearchBox from '../../LeftSidebar/SearchBox/SearchBox.vue'
+import DialpadPanel from '../../UIShared/DialpadPanel.vue'
+import Hint from '../../UIShared/Hint.vue'
+import SearchBox from '../../UIShared/SearchBox.vue'
 import SelectPhoneNumber from '../../SelectPhoneNumber.vue'
 
 import { useGetParticipants } from '../../../composables/useGetParticipants.js'
diff --git a/src/components/SelectPhoneNumber.vue b/src/components/SelectPhoneNumber.vue
index 20571c83d..8c323f26e 100644
--- a/src/components/SelectPhoneNumber.vue
+++ b/src/components/SelectPhoneNumber.vue
@@ -47,7 +47,7 @@ import Phone from 'vue-material-design-icons/Phone.vue'
 import NcAppNavigationCaption from '@nextcloud/vue/dist/Components/NcAppNavigationCaption.js'
 import NcListItem from '@nextcloud/vue/dist/Components/NcListItem.js'
 
-import Hint from './Hint.vue'
+import Hint from './UIShared/Hint.vue'
 
 import { ATTENDEE } from '../constants.js'
 
diff --git a/src/components/SettingsDialog/MediaDevicesPreview.vue b/src/components/SettingsDialog/MediaDevicesPreview.vue
index c4ea73ddd..b08f0d691 100644
--- a/src/components/SettingsDialog/MediaDevicesPreview.vue
+++ b/src/components/SettingsDialog/MediaDevicesPreview.vue
@@ -87,7 +87,7 @@ import MicrophoneOff from 'vue-material-design-icons/MicrophoneOff.vue'
 import VideoOff from 'vue-material-design-icons/VideoOff.vue'
 
 import MediaDevicesSelector from '../MediaSettings/MediaDevicesSelector.vue'
-import VolumeIndicator from '../VolumeIndicator/VolumeIndicator.vue'
+import VolumeIndicator from '../UIShared/VolumeIndicator.vue'
 
 import { useDevices } from '../../composables/useDevices.js'
 
diff --git a/src/components/ContactSelectionBubble.vue b/src/components/UIShared/ContactSelectionBubble.vue
similarity index 96%
rename from src/components/ContactSelectionBubble.vue
rename to src/components/UIShared/ContactSelectionBubble.vue
index dd0730a22..22b0f73cb 100644
--- a/src/components/ContactSelectionBubble.vue
+++ b/src/components/UIShared/ContactSelectionBubble.vue
@@ -47,9 +47,9 @@ import Close from 'vue-material-design-icons/Close.vue'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 
-import AvatarWrapper from './AvatarWrapper/AvatarWrapper.vue'
+import AvatarWrapper from '../AvatarWrapper/AvatarWrapper.vue'
 
-import { AVATAR } from '../constants.js'
+import { AVATAR } from '../../constants.js'
 
 export default {
 	name: 'ContactSelectionBubble',
diff --git a/src/components/DialpadPanel.vue b/src/components/UIShared/DialpadPanel.vue
similarity index 99%
rename from src/components/DialpadPanel.vue
rename to src/components/UIShared/DialpadPanel.vue
index 783fec283..c2f3a9f45 100644
--- a/src/components/DialpadPanel.vue
+++ b/src/components/UIShared/DialpadPanel.vue
@@ -91,7 +91,7 @@ import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcPopover from '@nextcloud/vue/dist/Components/NcPopover.js'
 import NcSelect from '@nextcloud/vue/dist/Components/NcSelect.js'
 
-import { regionCodes } from '../regionCodes.js'
+import { regionCodes } from '../../regionCodes.js'
 
 const allowedKeys = /^[0-9+\-()*#\s]+$/
 
diff --git a/src/components/ConversationSettings/EditableTextField.vue b/src/components/UIShared/EditableTextField.vue
similarity index 100%
rename from src/components/ConversationSettings/EditableTextField.vue
rename to src/components/UIShared/EditableTextField.vue
diff --git a/src/components/Hint.vue b/src/components/UIShared/Hint.vue
similarity index 100%
rename from src/components/Hint.vue
rename to src/components/UIShared/Hint.vue
diff --git a/src/components/LoadingPlaceholder.vue b/src/components/UIShared/LoadingPlaceholder.vue
similarity index 100%
rename from src/components/LoadingPlaceholder.vue
rename to src/components/UIShared/LoadingPlaceholder.vue
diff --git a/src/components/LeftSidebar/SearchBox/SearchBox.vue b/src/components/UIShared/SearchBox.vue
similarity index 100%
rename from src/components/LeftSidebar/SearchBox/SearchBox.vue
rename to src/components/UIShared/SearchBox.vue
diff --git a/src/components/TransitionWrapper.vue b/src/components/UIShared/TransitionWrapper.vue
similarity index 99%
rename from src/components/TransitionWrapper.vue
rename to src/components/UIShared/TransitionWrapper.vue
index 56014cc5a..a39d2391c 100644
--- a/src/components/TransitionWrapper.vue
+++ b/src/components/UIShared/TransitionWrapper.vue
@@ -67,7 +67,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../assets/variables';
+@import '../../assets/variables';
 
 // Transition rules (inside mixins to be applied in two places)
 @mixin group-rules {
diff --git a/src/components/VolumeIndicator/VolumeIndicator.vue b/src/components/UIShared/VolumeIndicator.vue
similarity index 100%
rename from src/components/VolumeIndicator/VolumeIndicator.vue
rename to src/components/UIShared/VolumeIndicator.vue
diff --git a/src/views/MainView.vue b/src/views/MainView.vue
index 3ac396f35..beb14b7a2 100644
--- a/src/views/MainView.vue
+++ b/src/views/MainView.vue
@@ -20,7 +20,7 @@ import ChatView from '../components/ChatView.vue'
 import LobbyScreen from '../components/LobbyScreen.vue'
 import PollViewer from '../components/PollViewer/PollViewer.vue'
 import TopBar from '../components/TopBar/TopBar.vue'
-import TransitionWrapper from '../components/TransitionWrapper.vue'
+import TransitionWrapper from '../components/UIShared/TransitionWrapper.vue'
 
 import { useIsInCall } from '../composables/useIsInCall.js'