diff --git a/client/package-lock.json b/client/package-lock.json
index eb75d37c6e5..ce66e1ea149 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -23,7 +23,7 @@
                 "file-type": "^21.3.2",
                 "ionicons": "^8.0.9",
                 "luxon": "^3.5.0",
-                "megashark-lib": "git+https://github.com/Scille/megashark-lib.git#c7c5ab0be1ebe514a6cb163da597ef2bd8056e1a",
+                "megashark-lib": "git+https://github.com/Scille/megashark-lib.git#10ff7deb13133688ebb030c5d6e13b721faca797",
                 "native-file-system-adapter": "^3.0.1",
                 "pdfjs-dist": "^5.4.624",
                 "qrcode-vue3": "^1.7.1",
@@ -7144,8 +7144,8 @@
         },
         "node_modules/megashark-lib": {
             "version": "0.0.1",
-            "resolved": "git+ssh://git@github.com/Scille/megashark-lib.git#c7c5ab0be1ebe514a6cb163da597ef2bd8056e1a",
-            "integrity": "sha512-Qqe9LREfgmHF+5SJIoqq07Xxg9Yy9qavySejv32aXKGAZJxZw1AVd3tjqHL9J+ULBD/nddK65tY1szTLicWlAw==",
+            "resolved": "git+ssh://git@github.com/Scille/megashark-lib.git#10ff7deb13133688ebb030c5d6e13b721faca797",
+            "integrity": "sha512-L0fwbxaWXaORmVLicpVicZ8vFcaZif2fWJGw7kQhBy3IFRYuKF48VSwLq6HW3UKnrdJwarwqf1ut1YEvUZeA9g==",
             "dependencies": {
                 "@stripe/stripe-js": "^9.2.0",
                 "@vuepic/vue-datepicker": "^12.1.0",
diff --git a/client/package.json b/client/package.json
index 21a7585bb42..0e23fb3d85e 100644
--- a/client/package.json
+++ b/client/package.json
@@ -50,7 +50,7 @@
         "file-type": "^21.3.2",
         "ionicons": "^8.0.9",
         "luxon": "^3.5.0",
-        "megashark-lib": "git+https://github.com/Scille/megashark-lib.git#c7c5ab0be1ebe514a6cb163da597ef2bd8056e1a",
+        "megashark-lib": "git+https://github.com/Scille/megashark-lib.git#10ff7deb13133688ebb030c5d6e13b721faca797",
         "native-file-system-adapter": "^3.0.1",
         "pdfjs-dist": "^5.4.624",
         "qrcode-vue3": "^1.7.1",
diff --git a/client/src/components/organizations/OrganizationConfigurationInformation.vue b/client/src/components/organizations/OrganizationConfigurationInformation.vue
index 6d8af980bee..dfee251f656 100644
--- a/client/src/components/organizations/OrganizationConfigurationInformation.vue
+++ b/client/src/components/organizations/OrganizationConfigurationInformation.vue
@@ -62,24 +62,13 @@
             <ion-text class="server-address-value__text body">
               {{ orgInfo.organizationAddr }}
             </ion-text>
-            <ion-button
+            <ms-feedback-button
               fill="clear"
               size="small"
               id="copy-link-btn"
-              @click="copyAddress(orgInfo.organizationAddr)"
-              v-if="!addressCopiedToClipboard"
-            >
-              <ion-icon
-                class="icon-copy"
-                :icon="copy"
-              />
-            </ion-button>
-            <ion-text
-              v-if="addressCopiedToClipboard"
-              class="server-address-value__copied body copied"
-            >
-              {{ $msTranslate('OrganizationPage.configuration.copyPath') }}
-            </ion-text>
+              :callback="copyAddress"
+              :normal-state="{ icon: copy }"
+            />
           </div>
         </div>
       </div>
@@ -90,35 +79,16 @@
 <script setup lang="ts">
 import { formatWorkspaceDeletionDelay } from '@/components/workspaces/utils';
 import { OrganizationInfo } from '@/parsec';
-import { Information, InformationLevel, InformationManager, InformationManagerKey, PresentationMode } from '@/services/informationManager';
-import { IonButton, IonIcon, IonLabel, IonText, IonTitle } from '@ionic/vue';
+import { IonLabel, IonText, IonTitle } from '@ionic/vue';
 import { copy } from 'ionicons/icons';
-import { Clipboard } from 'megashark-lib';
-import { inject, ref, Ref } from 'vue';
-
-const informationManager: Ref<InformationManager> = inject(InformationManagerKey)!;
-const addressCopiedToClipboard = ref(false);
+import { Clipboard, MsFeedbackButton } from 'megashark-lib';
 
-defineProps<{
+const props = defineProps<{
   orgInfo: OrganizationInfo;
 }>();
 
-async function copyAddress(address: string): Promise<void> {
-  const result = await Clipboard.writeText(address);
-  if (result) {
-    addressCopiedToClipboard.value = true;
-    setTimeout(() => {
-      addressCopiedToClipboard.value = false;
-    }, 5000);
-  } else {
-    informationManager.value.present(
-      new Information({
-        message: 'OrganizationPage.configuration.copyFailed',
-        level: InformationLevel.Error,
-      }),
-      PresentationMode.Toast,
-    );
-  }
+async function copyAddress(): Promise<boolean | undefined> {
+  return await Clipboard.writeText(props.orgInfo.organizationAddr);
 }
 </script>
 
@@ -219,20 +189,6 @@ async function copyAddress(address: string): Promise<void> {
         color: var(--parsec-color-light-success-700);
       }
     }
-
-    #copy-link-btn {
-      color: var(--parsec-color-light-secondary-text);
-      margin: 0;
-
-      &::part(native) {
-        padding: 0.5rem;
-        border-radius: var(--parsec-radius-6);
-      }
-
-      &:hover {
-        color: var(--parsec-color-light-primary-600);
-      }
-    }
   }
 }
 </style>
diff --git a/client/src/components/users/InvitationPopoverItem.vue b/client/src/components/users/InvitationPopoverItem.vue
index 269eb603f17..dc9a463d65f 100644
--- a/client/src/components/users/InvitationPopoverItem.vue
+++ b/client/src/components/users/InvitationPopoverItem.vue
@@ -25,32 +25,18 @@
       <div class="invitation-footer">
         <div class="invitation-footer-manage">
           <ion-text class="manage-text button-medium">{{ $msTranslate('UsersPage.invitation.manageInvitation') }}</ion-text>
-          <ion-button
+          <ms-feedback-button
             fill="clear"
-            class="manage-button copy-link"
-            :class="copyLinkActive ? 'active' : ''"
-            @click.stop="copyLink(invitation)"
+            :callback="copyLink"
+            :normal-state="{ icon: link }"
             ref="copyLinkButton"
-          >
-            <ion-icon
-              :icon="copyLinkActive ? checkmarkCircle : link"
-              class="button-icon"
-            />
-          </ion-button>
-
-          <ion-button
+          />
+          <ms-feedback-button
             fill="clear"
-            class="manage-button send-email"
-            :disabled="sendEmailDisabled"
-            @click.stop="sendEmail(invitation)"
-            :class="sendEmailDisabled ? 'active' : ''"
+            :callback="sendEmail"
+            :normal-state="{ icon: mail }"
             ref="sendEmailButton"
-          >
-            <ion-icon
-              :icon="mail"
-              class="button-icon"
-            />
-          </ion-button>
+          />
 
           <ion-button
             size="default"
@@ -74,23 +60,20 @@
 import { ClientNewUserInvitationErrorTag, InvitationEmailSentStatus, UserInvitation, inviteUser } from '@/parsec';
 import { Information, InformationLevel, InformationManager, PresentationMode } from '@/services/informationManager';
 import { IonButton, IonIcon, IonItem, IonLabel, IonText } from '@ionic/vue';
-import { checkmarkCircle, link, mail, trash } from 'ionicons/icons';
-import { Answer, Clipboard, Translatable, askQuestion, attachMouseOverTooltip, formatTimeSince } from 'megashark-lib';
-import { onMounted, ref, useTemplateRef } from 'vue';
+import { link, mail, trash } from 'ionicons/icons';
+import { Answer, Clipboard, MsFeedbackButton, Translatable, askQuestion, attachMouseOverTooltip, formatTimeSince } from 'megashark-lib';
+import { onMounted, useTemplateRef } from 'vue';
 
 const props = defineProps<{
   invitation: UserInvitation;
   informationManager: InformationManager;
 }>();
 
-const copyLinkActive = ref(false);
-
 defineEmits<{
   (e: 'cancel', invitation: UserInvitation): void;
   (e: 'greetUser', invitation: UserInvitation): void;
 }>();
 
-const sendEmailDisabled = ref(false);
 const sendEmailButtonRef = useTemplateRef<InstanceType<typeof IonButton>>('sendEmailButton');
 const copyLinkButtonRef = useTemplateRef<InstanceType<typeof IonButton>>('copyLinkButton');
 
@@ -99,13 +82,9 @@ onMounted(async () => {
   attachMouseOverTooltip(copyLinkButtonRef.value?.$el, 'UsersPage.invitation.copyLink');
 });
 
-async function copyLink(invitation: UserInvitation): Promise<void> {
-  const [_, invitationAddrAsHttpRedirection] = invitation.addr;
+async function copyLink(): Promise<boolean> {
+  const [_, invitationAddrAsHttpRedirection] = props.invitation.addr;
   const result = await Clipboard.writeText(invitationAddrAsHttpRedirection);
-  copyLinkActive.value = true;
-  setTimeout(() => {
-    copyLinkActive.value = false;
-  }, 5000);
   if (result) {
     props.informationManager.present(
       new Information({
@@ -123,35 +102,31 @@ async function copyLink(invitation: UserInvitation): Promise<void> {
       PresentationMode.Toast,
     );
   }
+  return result;
 }
 
-async function sendEmail(invitation: UserInvitation): Promise<void> {
-  sendEmailDisabled.value = true;
+async function sendEmail(): Promise<boolean | undefined> {
   const answer = await askQuestion('UsersPage.invitation.sendEmailTitle', 'UsersPage.invitation.sendEmailMessage', {
     yesText: 'UsersPage.invitation.sendEmail',
   });
 
   if (answer === Answer.No) {
-    sendEmailDisabled.value = false;
     return;
   }
-  const result = await inviteUser(invitation.claimerEmail);
+  const result = await inviteUser(props.invitation.claimerEmail);
   if (result.ok && result.value.emailSentStatus === InvitationEmailSentStatus.Success) {
     props.informationManager.present(
       new Information({
         message: {
           key: 'UsersPage.invitation.inviteSuccessMailSent',
           data: {
-            email: invitation.claimerEmail,
+            email: props.invitation.claimerEmail,
           },
         },
         level: InformationLevel.Success,
       }),
       PresentationMode.Toast,
     );
-    setTimeout(() => {
-      sendEmailDisabled.value = false;
-    }, 5000);
   } else {
     let message: Translatable = '';
     if (result.ok) {
@@ -181,10 +156,8 @@ async function sendEmail(invitation: UserInvitation): Promise<void> {
       }),
       PresentationMode.Toast,
     );
-    setTimeout(() => {
-      sendEmailDisabled.value = false;
-    }, 2000);
   }
+  return result.ok;
 }
 </script>
 
diff --git a/client/src/views/files/FileDetailsModal.vue b/client/src/views/files/FileDetailsModal.vue
index 856aa4b992e..0dda9fb1e92 100644
--- a/client/src/views/files/FileDetailsModal.vue
+++ b/client/src/views/files/FileDetailsModal.vue
@@ -98,32 +98,15 @@
                 {{ showFullPath ? entry.path : shortenFileName(entry.path, { maxLength: 60, prefixLength: 20, suffixLength: 30 }) }}
               </span>
             </ion-text>
-            <template v-if="isDesktop()">
-              <ion-button
-                fill="clear"
-                size="small"
-                id="copy-link-btn"
-                @click="copyPath"
-                v-show="copyStatus === CopyStatus.NotCopied"
-              >
-                <ion-icon
-                  class="icon-copy"
-                  :icon="copy"
-                />
-              </ion-button>
-              <ion-text
-                v-show="copyStatus === CopyStatus.Copied"
-                class="file-info-path-value__copied body copied"
-              >
-                {{ $msTranslate('FileDetails.stats.linkCopied') }}
-              </ion-text>
-              <ion-text
-                v-show="copyStatus === CopyStatus.FailedToCopy"
-                class="file-info-path-value__not-copied body"
-              >
-                {{ $msTranslate('FileDetails.stats.failedToCopy') }}
-              </ion-text>
-            </template>
+            <ms-feedback-button
+              v-if="isDesktop()"
+              :callback="copyPath"
+              fill="clear"
+              size="small"
+              :normal-state="{ icon: copy }"
+              :failure-state="{ text: 'FileDetails.stats.failedToCopy' }"
+              :success-state="{ text: 'FailedDetails.stats.linkCopied' }"
+            />
           </div>
           <ion-text
             class="file-info-path__full button-small"
@@ -142,17 +125,11 @@
 import { formatFileSize, getFileIcon, shortenFileName } from '@/common/file';
 import { TechnicalId } from '@/components/misc';
 import { EntryStat, EntryStatFile, getSystemPath, isDesktop, UserProfile, WorkspaceHandle } from '@/parsec';
-import { IonButton, IonIcon, IonLabel, IonPage, IonText } from '@ionic/vue';
+import { IonIcon, IonLabel, IonPage, IonText } from '@ionic/vue';
 import { cloudDone, cloudOffline, copy } from 'ionicons/icons';
-import { Clipboard, Folder, I18n, MsImage, MsModal, openTooltip } from 'megashark-lib';
+import { Clipboard, Folder, I18n, MsFeedbackButton, MsImage, MsModal, openTooltip } from 'megashark-lib';
 import { ref } from 'vue';
 
-enum CopyStatus {
-  NotCopied,
-  Copied,
-  FailedToCopy,
-}
-
 const props = defineProps<{
   entry: EntryStat;
   workspaceHandle: WorkspaceHandle;
@@ -160,7 +137,6 @@ const props = defineProps<{
 }>();
 
 const showFullPath = ref(false);
-const copyStatus = ref(CopyStatus.NotCopied);
 
 function getSyncString(): string {
   if (props.entry.isFile()) {
@@ -170,25 +146,18 @@ function getSyncString(): string {
   }
 }
 
-async function copyPath(): Promise<void> {
+async function copyPath(): Promise<boolean | undefined> {
   const fullPathResult = await getSystemPath(props.workspaceHandle, props.entry.path);
 
   if (fullPathResult.ok) {
     if (await Clipboard.writeText(fullPathResult.value)) {
-      copyStatus.value = CopyStatus.Copied;
-      setTimeout(() => {
-        copyStatus.value = CopyStatus.NotCopied;
-      }, 4000);
-      return;
+      return true;
     } else {
-      copyStatus.value = CopyStatus.FailedToCopy;
+      return false;
     }
   } else {
-    copyStatus.value = CopyStatus.FailedToCopy;
+    return false;
   }
-  setTimeout(() => {
-    copyStatus.value = CopyStatus.NotCopied;
-  }, 4000);
 }
 </script>
 
diff --git a/client/src/views/invitations/InvitationsPage.vue b/client/src/views/invitations/InvitationsPage.vue
index afb7818c839..12916518645 100644
--- a/client/src/views/invitations/InvitationsPage.vue
+++ b/client/src/views/invitations/InvitationsPage.vue
@@ -311,9 +311,7 @@ onMounted(async (): Promise<void> => {
 
   watch(copyJoinRequestLinkRef, (button) => {
     if (button?.$el) {
-      setTimeout(() => {
-        attachMouseOverTooltip(button.$el, 'InvitationsPage.asyncEnrollmentRequest.tooltips.copyLinkInfo');
-      }, 500);
+      attachMouseOverTooltip(button.$el, 'InvitationsPage.asyncEnrollmentRequest.tooltips.copyLinkInfo');
     }
   });
 });
diff --git a/client/src/views/profile/ExportRecoveryDevice.vue b/client/src/views/profile/ExportRecoveryDevice.vue
index b02fa80b000..80bdf713373 100644
--- a/client/src/views/profile/ExportRecoveryDevice.vue
+++ b/client/src/views/profile/ExportRecoveryDevice.vue
@@ -37,25 +37,12 @@
         <div class="input-action">
           <ion-text class="input-action-text form-input">{{ code }}</ion-text>
           <div class="input-action-buttons">
-            <ion-button
-              @click="copyCode"
-              :disabled="codeCopied !== undefined"
-              class="input-action-button"
-            >
-              <ion-icon
-                class="button-icon"
-                :icon="codeCopied ? checkmarkCircle : copy"
-              />
-              <span v-show="codeCopied === undefined">
-                {{ $msTranslate('Authentication.mfa.step2.buttonCopy') }}
-              </span>
-              <span
-                v-show="codeCopied === true"
-                v-if="isLargeDisplay"
-              >
-                {{ $msTranslate('Authentication.mfa.step2.buttonCopied') }}
-              </span>
-            </ion-button>
+            <ms-feedback-button
+              :callback="copyCode"
+              :normal-state="{ text: 'Authentication.mfa.step2.buttonCopy', icon: copy }"
+              :success-state="{ text: 'Authentication.mfa.step2.buttonCopied' }"
+              :failure-state="{ text: 'Authentication.mfa.step2.copyError' }"
+            />
             <ion-button
               @click="downloadRecoveryKey()"
               class="input-action-button"
@@ -71,12 +58,6 @@
               }}
             </ion-button>
           </div>
-          <ion-text
-            v-if="codeCopied === false"
-            class="input-action-error body-sm"
-          >
-            {{ $msTranslate('Authentication.mfa.step2.copyError') }}
-          </ion-text>
         </div>
       </div>
 
@@ -132,17 +113,17 @@
 import { exportRecoveryDevice, OrganizationID } from '@/parsec';
 import { Information, InformationLevel, InformationManager, PresentationMode } from '@/services/informationManager';
 import { IonButton, IonIcon, IonText } from '@ionic/vue';
-import { checkmarkCircle, copy, documentText } from 'ionicons/icons';
+import { copy, documentText } from 'ionicons/icons';
 import {
   Clipboard,
   DownloadIcon,
   I18n,
   MsCheckbox,
+  MsFeedbackButton,
   MsImage,
   MsReportText,
   MsReportTheme,
   Translatable,
-  useWindowSize,
 } from 'megashark-lib';
 import { computed, onMounted, ref, useTemplateRef } from 'vue';
 
@@ -159,9 +140,7 @@ const emits = defineEmits<{
 const code = ref('');
 const content = ref<Uint8Array>(new Uint8Array());
 
-const { isLargeDisplay } = useWindowSize();
 const downloadLinkRef = useTemplateRef('downloadLink');
-const codeCopied = ref<boolean | undefined>(undefined);
 const clipboardNotAvailable = ref(false);
 const fileDownloading = ref(false);
 const fileDownloaded = ref(false);
@@ -187,19 +166,9 @@ onMounted(async () => {
   content.value = exportResult.value[1];
 });
 
-async function copyCode(): Promise<void> {
+async function copyCode(): Promise<boolean | undefined> {
   const copyResult = await Clipboard.writeText(code.value);
-  codeCopied.value = copyResult;
-
-  if (!codeCopied.value) {
-    clipboardNotAvailable.value = true;
-
-    codeCopied.value = undefined;
-  } else {
-    clipboardNotAvailable.value = false;
-    setTimeout(() => {
-      codeCopied.value = undefined;
-    }, 2000);
+  if (copyResult) {
     props.informationManager.present(
       new Information({
         message: 'DevicesPage.greet.linkCopiedToClipboard',
@@ -208,6 +177,7 @@ async function copyCode(): Promise<void> {
       PresentationMode.Toast,
     );
   }
+  return copyResult;
 }
 
 async function downloadRecoveryFile(): Promise<void> {
diff --git a/client/src/views/totp/ActivateTotpModal.vue b/client/src/views/totp/ActivateTotpModal.vue
index d4515175207..bc3360343db 100644
--- a/client/src/views/totp/ActivateTotpModal.vue
+++ b/client/src/views/totp/ActivateTotpModal.vue
@@ -68,34 +68,12 @@
               </div>
               <div class="input-action">
                 <ion-text class="input-action-text form-input">{{ code }}</ion-text>
-                <ion-button
-                  @click="copyCode"
-                  :disabled="codeCopied !== undefined"
-                  class="input-action-button"
-                >
-                  <ion-icon
-                    class="button-icon"
-                    :icon="codeCopied ? checkmarkCircle : copy"
-                  />
-                  <span
-                    v-show="codeCopied === undefined"
-                    v-if="isLargeDisplay"
-                  >
-                    {{ $msTranslate('Authentication.mfa.step2.buttonCopy') }}
-                  </span>
-                  <span
-                    v-show="codeCopied === true"
-                    v-if="isLargeDisplay"
-                  >
-                    {{ $msTranslate('Authentication.mfa.step2.buttonCopied') }}
-                  </span>
-                </ion-button>
-                <ion-text
-                  v-if="codeCopied === false"
-                  class="input-action-error body-sm"
-                >
-                  {{ $msTranslate('Authentication.mfa.step2.copyError') }}
-                </ion-text>
+                <ms-feedback-button
+                  :callback="copyCode"
+                  :normal-state="{ text: 'Authentication.mfa.step2.buttonCopy', icon: copy }"
+                  :success-state="isLargeDisplay ? { text: 'Authentication.mfa.step2.buttonCopied' } : undefined"
+                  :failure-state="isLargeDisplay ? { text: 'Authentication.mfa.step2.copyError' } : undefined"
+                />
               </div>
             </div>
           </div>
@@ -161,9 +139,19 @@ import {
 } from '@/parsec';
 import { Resources, ResourcesManager } from '@/services/resourcesManager';
 import PromptCurrentAuthentication from '@/views/users/PromptCurrentAuthentication.vue';
-import { IonButton, IonIcon, IonPage, IonText, modalController } from '@ionic/vue';
-import { checkmarkCircle, copy } from 'ionicons/icons';
-import { Clipboard, MsInput, MsModal, MsModalResult, MsReportText, MsReportTheme, MsSpinner, useWindowSize } from 'megashark-lib';
+import { IonPage, IonText, modalController } from '@ionic/vue';
+import { copy } from 'ionicons/icons';
+import {
+  Clipboard,
+  MsFeedbackButton,
+  MsInput,
+  MsModal,
+  MsModalResult,
+  MsReportText,
+  MsReportTheme,
+  MsSpinner,
+  useWindowSize,
+} from 'megashark-lib';
 import QRCodeVue3 from 'qrcode-vue3';
 import { computed, onMounted, ref, toRaw } from 'vue';
 
@@ -185,7 +173,6 @@ const { isLargeDisplay } = useWindowSize();
 const url = ref('');
 const code = ref('');
 const verifyCode = ref('');
-const codeCopied = ref<boolean | undefined>(undefined);
 const currentStep = ref<Steps>(
   props.params.mode === 'setup' || props.params.mode === 'activate' ? Steps.PromptAuthentication : Steps.Information,
 );
@@ -283,11 +270,8 @@ onMounted(async () => {
   }
 });
 
-async function copyCode(): Promise<void> {
-  codeCopied.value = await Clipboard.writeText(code.value);
-  setTimeout(() => {
-    codeCopied.value = undefined;
-  }, 2000);
+async function copyCode(): Promise<boolean | undefined> {
+  return await Clipboard.writeText(code.value);
 }
 
 async function setupTotp(): Promise<void> {