Import AITURK IDE 1.0.0-beta.1 from Hermes 63279301; preserve MIT license

apps/desktop/src/components/assistant-ui/embeds/scroll-gate.tsx

@@ -0,0 +1,33 @@
+'use client'
+
+import { useEffect, useState } from 'react'
+
+import { cn } from '@/lib/utils'
+
+/** Block wheel until ⌘/Ctrl so map embeds don't hijack transcript scroll. */
+export function ScrollGate() {
+  const [active, setActive] = useState(false)
+
+  useEffect(() => {
+    const sync = (event: KeyboardEvent) => setActive(event.metaKey || event.ctrlKey)
+    const clear = () => setActive(false)
+
+    window.addEventListener('keydown', sync)
+    window.addEventListener('keyup', sync)
+    window.addEventListener('blur', clear)
+
+    return () => {
+      window.removeEventListener('keydown', sync)
+      window.removeEventListener('keyup', sync)
+      window.removeEventListener('blur', clear)
+    }
+  }, [])
+
+  return (
+    <div className={cn('group/gate absolute inset-0', active ? 'pointer-events-none' : 'pointer-events-auto')}>
+      <span className="pointer-events-none absolute bottom-2 left-2 rounded-md bg-black/55 px-1.5 py-0.5 text-[0.625rem] font-medium text-white opacity-0 transition-opacity group-hover/embed:opacity-100">
+        Hold ⌘ to zoom
+      </span>
+    </div>
+  )
+}