fix: preserve tenant in participant links

Build invitation and meeting URLs from the validated tenant origin and fall back when local HTTP blocks the Clipboard API.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

frontend/src/components/actions/copyText.test.ts

@@ -0,0 +1,23 @@
+import { afterEach, expect, it, vi } from 'vitest'
+import { copyText } from './copyText'
+
+const originalExecCommand = Object.getOwnPropertyDescriptor(document, 'execCommand')
+
+afterEach(() => {
+  vi.restoreAllMocks()
+  if (originalExecCommand) {
+    Object.defineProperty(document, 'execCommand', originalExecCommand)
+  } else {
+    Reflect.deleteProperty(document, 'execCommand')
+  }
+})
+
+it('falls back to a selected textarea when the Clipboard API is unavailable', async () => {
+  const copy = vi.fn().mockReturnValue(true)
+  Object.defineProperty(document, 'execCommand', { configurable: true, value: copy })
+
+  await copyText('http://ypto.guess.local:5173/participant/token')
+
+  expect(copy).toHaveBeenCalledWith('copy')
+  expect(document.querySelector('textarea')).toBeNull()
+})

frontend/src/components/actions/copyText.ts

@@ -0,0 +1,21 @@
+export async function copyText(value: string): Promise<void> {
+  try {
+    if (navigator.clipboard?.writeText) {
+      await navigator.clipboard.writeText(value)
+      return
+    }
+  } catch {
+    // Local HTTP tenant hosts may not receive Clipboard API permission.
+  }
+
+  const textarea = document.createElement('textarea')
+  textarea.value = value
+  textarea.setAttribute('readonly', '')
+  textarea.style.position = 'fixed'
+  textarea.style.opacity = '0'
+  document.body.append(textarea)
+  textarea.select()
+  const copied = typeof document.execCommand === 'function' && document.execCommand('copy')
+  textarea.remove()
+  if (!copied) throw new Error('clipboard copy failed')
+}

frontend/src/components/actions/index.ts

@@ -1,4 +1,5 @@
 export { useAuthSession } from './Account'
+export { copyText } from './copyText'
 export { ErrorAlert } from './ErrorAlert'
 export { errorMessage, message } from './errorMessage'
 export { Loading } from './Loading'