From c522937dd08d984b5064b562e943ee2b01387e52 Mon Sep 17 00:00:00 2001
From: Mason Williams <mason@onkernel.com>
Date: Tue, 20 Jan 2026 17:55:29 -0500
Subject: [PATCH] fix: sync clipboard on paste and focus events in LiveView

Previously, clipboard sync only happened on mouseEnter events, which meant
users who tabbed back to the LiveView without moving their mouse couldn't
paste content. This adds paste and focus event handlers to sync the clipboard
when users attempt to paste or when the overlay receives focus.

Fixes KERNEL-859
---
 .../client/src/components/controls.vue        |  2 +-
 .../client/src/components/menu.vue            |  3 +--
 .../client/src/components/video.vue           | 20 +++++++++++++++++--
 3 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/images/chromium-headful/client/src/components/controls.vue b/images/chromium-headful/client/src/components/controls.vue
index 0781665b..90111b1e 100644
--- a/images/chromium-headful/client/src/components/controls.vue
+++ b/images/chromium-headful/client/src/components/controls.vue
@@ -53,7 +53,7 @@
         @click.stop.prevent="toggleMedia"
       />
     </li>
-<!--KERNEL
+    <!--KERNEL
     <li>
       <div class="volume">
         <i
diff --git a/images/chromium-headful/client/src/components/menu.vue b/images/chromium-headful/client/src/components/menu.vue
index 966d353b..13ca7292 100644
--- a/images/chromium-headful/client/src/components/menu.vue
+++ b/images/chromium-headful/client/src/components/menu.vue
@@ -1,6 +1,5 @@
 <template>
-  <ul>
-  </ul>
+  <ul></ul>
 </template>
 
 <style lang="scss" scoped>
diff --git a/images/chromium-headful/client/src/components/video.vue b/images/chromium-headful/client/src/components/video.vue
index 4c4fe0f8..fda512fa 100644
--- a/images/chromium-headful/client/src/components/video.vue
+++ b/images/chromium-headful/client/src/components/video.vue
@@ -26,8 +26,10 @@
           @touchmove.stop.prevent="onTouchHandler"
           @touchstart.stop.prevent="onTouchHandler"
           @touchend.stop.prevent="onTouchHandler"
+          @paste.stop.prevent="onPaste"
+          @focus="onOverlayFocus"
         />
-<!-- KERNEL
+        <!-- KERNEL
         <div v-if="!playing && playable" class="player-overlay" @click.stop.prevent="playAndUnmute">
           <i class="fas fa-play-circle" />
         </div>
@@ -817,12 +819,26 @@
       this.focused = false
     }
 
+    onPaste() {
+      if (this.hosting) {
+        this.syncClipboard()
+      }
+    }
+
+    onOverlayFocus() {
+      if (this.hosting) {
+        this.syncClipboard()
+      }
+    }
+
     onResize() {
       const { offsetWidth, offsetHeight } = !this.fullscreen ? this._component : document.body
       this._player.style.width = `${offsetWidth}px`
       this._player.style.height = `${offsetHeight}px`
       const aspectPreservingMaxWidth = (this.horizontal / this.vertical) * offsetHeight
-      this._container.style.maxWidth = `${!this.fullscreen ? Math.min(this.width, aspectPreservingMaxWidth) : aspectPreservingMaxWidth}px`
+      this._container.style.maxWidth = `${
+        !this.fullscreen ? Math.min(this.width, aspectPreservingMaxWidth) : aspectPreservingMaxWidth
+      }px`
       this._aspect.style.paddingBottom = `${(this.vertical / this.horizontal) * 100}%`
     }