Merge branch 'master' into active_did_redux

src/views/HelpView.vue

@@ -584,15 +584,16 @@
 <script lang="ts">
 import { Component, Vue } from "vue-facing-decorator";
 import { Router } from "vue-router";
-import { useClipboard } from "@vueuse/core";
+import { copyToClipboard } from "../services/ClipboardService";
 // Capacitor import removed - using QRNavigationService instead
 
 import * as Package from "../../package.json";
 import QuickNav from "../components/QuickNav.vue";
-import { APP_SERVER } from "../constants/app";
+import { APP_SERVER, NotificationIface } from "../constants/app";
 import { PlatformServiceMixin } from "@/utils/PlatformServiceMixin";
 import { QRNavigationService } from "@/services/QRNavigationService";
 import { UNNAMED_ENTITY_NAME } from "@/constants/entities";
+import { createNotifyHelpers, TIMEOUTS } from "@/utils/notify";
 
 /**
  * HelpView.vue - Comprehensive Help System Component
@@ -626,8 +627,10 @@ import { UNNAMED_ENTITY_NAME } from "@/constants/entities";
 })
 export default class HelpView extends Vue {
   $router!: Router;
+  $notify!: (notification: NotificationIface, timeout?: number) => void;
 
   package = Package;
+  notify!: ReturnType<typeof createNotifyHelpers>;
   commitHash = import.meta.env.VITE_GIT_HASH;
   showAlpha = false;
   showBasics = false;
@@ -640,6 +643,13 @@ export default class HelpView extends Vue {
   APP_SERVER = APP_SERVER;
   // Capacitor reference removed - using QRNavigationService instead
 
+  /**
+   * Initialize notification helpers
+   */
+  created() {
+    this.notify = createNotifyHelpers(this.$notify);
+  }
+
   /**
    * Get the unnamed entity name constant
    */
@@ -660,11 +670,15 @@ export default class HelpView extends Vue {
    * @param {string} text - The text to copy to clipboard
    * @param {Function} fn - Callback function to execute before and after copying
    */
-  doCopyTwoSecRedo(text: string, fn: () => void): void {
+  async doCopyTwoSecRedo(text: string, fn: () => void): Promise<void> {
     fn();
-    useClipboard()
-      .copy(text)
-      .then(() => setTimeout(fn, 2000));
+    try {
+      await copyToClipboard(text);
+      setTimeout(fn, 2000);
+    } catch (error) {
+      this.$logAndConsole(`Error copying to clipboard: ${error}`, true);
+      this.notify.error("Failed to copy to clipboard.", TIMEOUTS.SHORT);
+    }
   }
 
   /**